/* Minification failed. Returning unminified contents.
(2,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,108): run-time error CSS1046: Expect comma, found '0'
(339,112): run-time error CSS1046: Expect comma, found '/'
(340,88): run-time error CSS1046: Expect comma, found '0'
(340,92): run-time error CSS1046: Expect comma, found '/'
(340,124): run-time error CSS1046: Expect comma, found '0'
(340,128): run-time error CSS1046: Expect comma, found '/'
(340,162): run-time error CSS1046: Expect comma, found '0'
(340,166): run-time error CSS1046: Expect comma, found '/'
(340,199): run-time error CSS1046: Expect comma, found '0'
(340,203): run-time error CSS1046: Expect comma, found '/'
(361,92): run-time error CSS1046: Expect comma, found '0'
(361,96): run-time error CSS1046: Expect comma, found '/'
(361,128): run-time error CSS1046: Expect comma, found '0'
(361,132): run-time error CSS1046: Expect comma, found '/'
(361,164): run-time error CSS1046: Expect comma, found '0'
(361,168): run-time error CSS1046: Expect comma, found '/'
(361,202): run-time error CSS1046: Expect comma, found '0'
(361,206): run-time error CSS1046: Expect comma, found '/'
(375,247): run-time error CSS1046: Expect comma, found '0'
(375,251): run-time error CSS1046: Expect comma, found '/'
(375,275): run-time error CSS1046: Expect comma, found '0'
(375,279): run-time error CSS1046: Expect comma, found '/'
(377,95): run-time error CSS1046: Expect comma, found '0'
(377,99): run-time error CSS1046: Expect comma, found '/'
(377,123): run-time error CSS1046: Expect comma, found '0'
(377,127): run-time error CSS1046: Expect comma, found '/'
(618,242): run-time error CSS1046: Expect comma, found '0'
(618,246): run-time error CSS1046: Expect comma, found '/'
(618,270): run-time error CSS1046: Expect comma, found '0'
(618,274): run-time error CSS1046: Expect comma, found '/'
(622,43): run-time error CSS1039: Token not allowed after unary operator: '-xxx-largex-small'
(685,264): run-time error CSS1046: Expect comma, found '105'
(685,272): run-time error CSS1046: Expect comma, found '/'
(716,37): run-time error CSS1046: Expect comma, found '105'
(716,45): run-time error CSS1046: Expect comma, found '/'
(717,41): run-time error CSS1046: Expect comma, found '105'
(717,49): run-time error CSS1046: Expect comma, found '/'
(718,39): run-time error CSS1046: Expect comma, found '105'
(718,47): run-time error CSS1046: Expect comma, found '/'
(722,37): run-time error CSS1046: Expect comma, found '142'
(722,44): run-time error CSS1046: Expect comma, found '/'
(723,41): run-time error CSS1046: Expect comma, found '142'
(723,48): run-time error CSS1046: Expect comma, found '/'
(724,42): run-time error CSS1046: Expect comma, found '142'
(724,49): run-time error CSS1046: Expect comma, found '/'
(728,38): run-time error CSS1046: Expect comma, found '0'
(728,42): run-time error CSS1046: Expect comma, found '/'
(729,42): run-time error CSS1046: Expect comma, found '0'
(729,46): run-time error CSS1046: Expect comma, found '/'
(730,43): run-time error CSS1046: Expect comma, found '0'
(730,47): run-time error CSS1046: Expect comma, found '/'
(817,171): run-time error CSS1046: Expect comma, found '255'
(817,178): run-time error CSS1046: Expect comma, found ')'
(817,203): run-time error CSS1046: Expect comma, found '0'
(817,207): run-time error CSS1046: Expect comma, found '/'
(1322,142): run-time error CSS1046: Expect comma, found '0'
(1322,145): run-time error CSS1046: Expect comma, found ')'
(2468,49): run-time error CSS1030: Expected identifier, found '.'
(2468,67): run-time error CSS1031: Expected selector, found ')'
(2468,67): run-time error CSS1025: Expected comma or open brace, found ')'
(2537,99): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2664,35): run-time error CSS1030: Expected identifier, found 'icon'
(2664,39): run-time error CSS1031: Expected selector, found ')'
(2664,39): run-time error CSS1025: Expected comma or open brace, found ')'
(3155,124): run-time error CSS1039: Token not allowed after unary operator: '-background'
(3155,201): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(3520,137): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3565,85): run-time error CSS1046: Expect comma, found '0'
(3565,89): run-time error CSS1046: Expect comma, found '/'
(3565,102): run-time error CSS1046: Expect comma, found '0'
(3565,106): run-time error CSS1046: Expect comma, found '/'
(3597,101): run-time error CSS1046: Expect comma, found '0'
(3597,105): run-time error CSS1046: Expect comma, found '/'
(3597,118): run-time error CSS1046: Expect comma, found '0'
(3597,122): run-time error CSS1046: Expect comma, found '/'
(3597,241): run-time error CSS1046: Expect comma, found '0'
(3597,245): run-time error CSS1046: Expect comma, found '/'
(3605,87): run-time error CSS1046: Expect comma, found '0'
(3605,91): run-time error CSS1046: Expect comma, found '/'
(3623,351): run-time error CSS1046: Expect comma, found '0'
(3623,355): run-time error CSS1046: Expect comma, found '/'
(3623,379): run-time error CSS1046: Expect comma, found '0'
(3623,383): run-time error CSS1046: Expect comma, found '/'
(3641,121): run-time error CSS1046: Expect comma, found '0'
(3641,125): run-time error CSS1046: Expect comma, found '/'
(3654,74): run-time error CSS1046: Expect comma, found '0'
(3654,78): run-time error CSS1046: Expect comma, found '/'
(3654,102): run-time error CSS1046: Expect comma, found '0'
(3654,106): run-time error CSS1046: Expect comma, found '/'
(3737,45): run-time error CSS1035: Expected colon, found '10px'
 */

:root { --textColor: #000; --bgColor: #fdd65d; --tawk-header-text-color: #000 !important; --tawk-header-background-color: #fdd65d !important; }

* { /*box-shadow:inset 0 0 0 1px red;*/ }
* { box-sizing: border-box; margin: 0; padding: 0 }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); }
html, body { margin: 0; padding: 0; box-sizing: border-box; position: relative; cursor: default; width: 100%; height: 100%; /*min-height:100vh*/ }

body { font-family: 'Roboto Condensed', sans-serif; font-size: 12px; display: flex; flex-direction: column; display: -ms-flexbox; -ms-flex-direction: column; }

.main_cont { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; }
.wrapper { padding: 30px; width: 100%; z-index: 9998; padding: 20px; min-height: 100vh; display: flex; display: -ms-flexbox; -ms-flex-align: center; -ms-flex-direction: column; flex-direction: column; }




    .wrapper.error { }
        .wrapper.error .content { text-align: center; display: flex; flex-wrap: wrap; flex-direction: column; max-width: 600px; margin: auto; }
            .wrapper.error .content > img { display: block; margin: 0px auto; max-width: 250px; }
            .wrapper.error .content > h1 { font-size: 16px; margin: 60px auto 40px auto; }
            .wrapper.error .content > p { font-size: 14px; margin: 0px auto; }

            .wrapper.error .content > h2 { font-size: 16px; margin: 10px auto 0px auto; text-transform: none; font-weight: 600; }
                .wrapper.error .content > h2 number { font-size: 24px; color: rgba(0, 0, 0, 0.4); padding-right: 10px; }
                .wrapper.error .content > h2 [link] { margin: 0 5px; color: #3169de; }

            .wrapper.error .content > footer { font-size: 16px; margin: 10px auto 0px auto; text-transform: none; font-weight: 600; }
                .wrapper.error .content > footer a { margin: 0 5px; color: #3169de; font-weight: 600; }




ul, li, a, p, h1, h2, h3, h4, input, img, button, textarea { padding: 0; margin: 0; list-style: none; outline: none; border: none; }
a { text-decoration: none; color: #000; }
[class^="icon-"], [class*=" icon-"] { font-size: 30px; }
.bold { font-weight: 700; }
.link, .user_content a { color: #3169de; font-weight: 600; cursor: pointer; }
.description { margin: 15px 0 15px 10px; padding: 10px; font-size: 13px; font-weight: 600; font-style: italic; /*color:#5a5a5a;*/ }
.description-compact { padding: 10px 0; font-size: 13px; font-weight: 600; font-style: italic; }
.description-error { padding: 10px 0; font-size: 15px; font-weight: 600; font-style: italic; color: #CE0000; }
.flex_row { display: -ms-flexbox; display: flex; }
.hide { display: none !important; }
.right { float: right; }
.text_right { text-align: right; justify-content: flex-end; }
.notification_cont { width: 100%; float: left; padding: 20px 0 20px 10px; }
    .notification_cont iframe { width: 100%; min-height: 550px; border: none; background-color: transparent; }
.capitalize { text-transform: capitalize; }
.italic { font-style: italic }
.none { height: 0 !important; max-height: 0 !important; min-height: 0 !important; flex: none !important; padding: 0 !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; display: block !important; }

.k-grid-content > tr.on_hold { background-color: rgba(204, 0, 0, 0.2) !important; }
.k-grid-content > tr.pending { background-color: #666666 !important; cursor: default }

message { display: flex; display: -ms-flexbox; width: 100%; }
    message[center] { justify-content: center; -ms-flex-pack: center; }
    message .description { }



text[red] { color: #CE0000; }


/*============START STATUS==========*/
.cell_late,
.details .data .late { color: #ce0000; font-weight: 700 !important; min-width: 30px !important; }

.cell_finalstop,
.details .data .completed,
.cell_completed, .cell_final_stop,
.details .data .at_stop, .cell_at_stop,
.details .data .verifying_departure,
.cell_verifying_departure, .cell_verifyingdeparture,
.cell_atstop { color: #1c8e27; font-weight: 700 !important; min-width: 70px !important; }

.cell_verifyingarrival, .cell_verifying_arrival,
.cell_ontime { color: #3169de; font-weight: 700 !important; min-width: 50px !important; }

.details .data .ready,
.details .data .on_time,
.details .data .verifying_arrival,
.cell_ready, .cell_on_time,
.cell_loading { color: #3169de; font-weight: 700 !important; min-width: 80px !important; }

.cell_predictedlate, .cell_predicted_late,
.details .data .predicted_late { color: #FB8C00; font-weight: 700 !important; min-width: 80px !important; }


.cell_notdetected, .details .data .not_detected, .cell_not_detected { color: #666666; font-weight: 700 !important; min-width: 75px !important; }

.cell_gpssignallost, .details .data .gps_signal_lost, .cell_gps_signal_lost { color: #666666; font-weight: 700 !important; min-width: 75px !important; }

.cell_pending, .details .data .pending, .cell_pending { color: #666666; font-weight: 700 !important; min-width: 75px !important; }


.late .status { color: #ce0000; }
.on_time .status { color: #3169de; }
.completed .status { color: #43a047; }
.not_detected .status { color: #666666; }
.gps_signal_lost .status { color: #666666; }
.pending .status { color: #666666; }

.predicted_late .status { color: #fb8c00; }

.marketplace .mark .icon:before { color: #FF7043; }

.late .mark .icon:before { color: #ce0000; }
.on_time .mark .icon:before { color: #3169de; }
.completed .mark .icon:before { color: #1c8e27; }
.at_stop .mark .icon:before { color: #1c8e27; }

.verifying_departure .mark .icon:before { color: #1c8e27; }

.not_detected .mark .icon:before { color: #666666; }
.gps_signal_lost .mark .icon:before { color: #666666; }
.pending .mark .icon:before { color: #666666; }
.verifying_arrival .mark .icon:before { color: #3169de; }
.predicted_late .mark .icon:before { color: #FB8C00; }

.details .data .late.switch { min-width: 0 !important; }
.details .data .on_time.switch { min-width: 0 !important; }

.details .data .verifying_departure.switch { min-width: 0 !important; }

.details .data .completed.switch { min-width: 0 !important; }
.details .data .not_detected.switch { min-width: 0 !important; }
.details .data .gps_signal_lost.switch { min-width: 0 !important; }
.details .data .pending.switch { min-width: 0 !important; }
.details .data .at_stop.switch { min-width: 0 !important; }
.details .data .predicted_late.switch { min-width: 0 !important; }

.details .late .mark_number { color: #ce0000; }
.details .on_time .mark_number { color: #3169de; }

.details .verifying_departure .mark_number { color: #3169de; }

.details .completed .mark_number { color: #1c8e27; }
.details .at_stop .mark_number { color: #1c8e27; }
.details .not_detected .mark_number { color: #666666; }
.details .gps_signal_lost .mark_number { color: #666666; }
.details .pending .mark_number { color: #666666; }
.details .verifying_arrival .mark_number { color: #3169de; }
.details .predicted_late .mark_number { color: #FB8C00; }

.k-grid-content tr td div.green, .k-grid-content tr td span.green { color: #1c8e27; font-weight: 700 !important; }
.k-grid-content tr td div.red, .k-grid-content tr td span.red { color: #ce0000; font-weight: 700 !important; }
.k-grid-content tr td div.orange, .k-grid-content tr td span.orange { color: #FB8C00; font-weight: 700 !important; }

.grid-no-pointer .k-grid table tr, .k-grid-content > tr.grid-no-pointer { cursor: default; }
/*============END STATUS==========*/

icon[warning] { color: #fddc74; flex-shrink: 0; }
icon[compact] { width: 20px; height: 20px; }

.k-grid-content tr td.k-hierarchy-cell .k-icon { margin: 0 auto; /* height: 15px; */ position: relative; display: block; width: 100%; text-align: center; }
    .k-grid-content tr td.k-hierarchy-cell .k-icon:before { /* position:absolute; */ /* top: -7px; */ /* height: 30px; */ }
    .k-grid-content tr td.k-hierarchy-cell .k-icon:before { display: block; }
    .k-grid-content tr td.k-hierarchy-cell .k-icon.k-minus:before { transform: rotate(90deg); }

.wrap_cell { float: left; padding: 5px 0; }
    .wrap_cell br { display: none; }
    .wrap_cell > span { display: block; margin: 5px 0; line-height: 15px; }
    .wrap_cell > .underline { border-bottom: 1px solid; padding-bottom: 4px }
    .wrap_cell [class^="icon-"] { height: 20px; position: relative; line-height: 20px; }
        .wrap_cell [class^="icon-"]:before { }

h2 { padding: 10px 0 10px 10px; font-size: 14px; text-transform: uppercase; }
    h2 span { color: #2c2c2c; font-weight: 400; }
h4 { margin: 15px 0 15px 10px; font-size: 18px; }
header { z-index: 1; position: relative; width: 100%; height: 50px; }
.sprt { display: block; height: 1px; box-shadow: inset 0 1px 0 0 #f1f1f1; }


.sprt_v { display: inline-block; width: 1px; height: 30px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07); margin: 0px 10px; float: left; }
.content_container { height: 100%; overflow: auto; overflow: overlay; -webkit-overflow-scrolling: touch; }


.main_container { width: 100%; height: 100%; display: -ms-flexbox; -ms-flex-direction: column; display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; /*min-height: 100vh;*/ flex: 1; -ms-flex: 1 0 auto; position: absolute; top: 0; left: 0; padding-left: 70px; }
.wrap_container { float: left; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); flex: 1; -ms-flex: auto; position: relative; overflow-y: auto; display: flex; flex-direction: column; }
    .wrap_container .container { width: 100%; position: relative; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; flex: 1 1 auto; -ms-flex: 1 1 auto; }

        .wrap_container .container[auto] { flex-grow: 0; }
/*.wrap_container form {flex-grow: 1;}*/


#grdMarketplaceInvitationArea, #grdMarketplaceArea { background: #f4f4f4; padding-left: 7px; box-shadow: inset 7px 0 0 0 #ff7043; }
    #grdMarketplaceInvitationArea > .container, #grdMarketplaceArea > .container { padding-left: 3px; }

.wrap_container > .container { flex-shrink: 0; flex-grow: 0; }
.wrap_container .container .container:first-child { }
.container > .k-grid.k-widget { margin-top: 10px; margin-bottom: 30px; }

.wrap_container .container.collapse { padding: 10px }
.toolbar { padding: 10px; width: 100%; }
    .toolbar .button { margin-right: 10px; }

.column_eld { display: block; width: 100%; line-height: 20px; padding: 10px 0; }

/*.filter_cont  .icon-chevron-right{display:none;color: #134678;width:30px;height:30px;position: absolute;top: 2px;left: 0px;cursor:pointer;font-size: 45px;font-family: 'icomoon' !important;}
.filter_cont:before{display:none;content:"filter";color:#134678;line-height:30px;text-transform: uppercase;font-weight: 700;padding-left: 30px;position: absolute;top:10px;}*/

/*Eduard please put it in correct place in file*/
.cursor_pointer { cursor: pointer; }







/*=========START NAVIGATION==============*/
icon { width: 30px; height: 30px; display: block; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga","dlig"; -webkit-font-feature-settings: "liga","dlig"; -o-font-feature-settings: "liga","dlig"; font-feature-settings: "liga","dlig"; font-variant-ligatures: common-ligatures; text-rendering: optimizeLegibility; font-family: icon; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; font-size: 30px; font-weight: 400; font-style: normal; user-select: none; text-transform: lowercase; position: relative; z-index: 9; }

navigation { -webkit-user-select: none; width: 100%; height: 100%; max-width: 70px; position: absolute; top: 0; left: 0; z-index: 999999; background: #fff; transition-property: max-width; transition-duration: .2s,.125s,.125s; box-shadow: 0 5px 12px -2px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.05); /*overflow:hidden*/ }
.navigation_wrapp { display: flex; flex-direction: column; overflow: auto; overflow: overlay; overflow-x: hidden; height: 100%; }
.navigation_content { flex: 1 1 auto; min-width: 70px; }

navigation top { display: flex; min-height: 70px; }
navigation .navigation_content > ul > li > a { border-radius: 0; }
navigation .logo { display: block; font-weight: 700; text-transform: uppercase; color: transparent; background-image: url(/content/images/logo_new_w.png?v=5.6.20210929); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 180px; height: 30px; text-align: center; text-transform: uppercase; line-height: 30px; font-size: 18px; white-space: nowrap; margin: 20px 0; display: none; position: relative; }
.menu { width: 15px; height: 30px; min-width: 20px; cursor: pointer; position: relative; margin: 20px 25px 20px 25px; z-index: 1; }
    .menu span { background-color: #000; transition: all 0.3s; width: 20px; height: 2px; display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
        .menu span:after { content: ''; transition: all 0.3s; background-color: #000; width: 20px; height: 2px; position: absolute; top: 5px; }
        .menu span:before { content: ''; transition: all 0.3s; background-color: #000; width: 20px; height: 2px; position: absolute; top: -5px; }

seprt { height: 1px; background: rgba(0, 0, 0, 0.1); margin: 10px 15px; display: block; }
    seprt[vertical] { width: 1px; height: 20px; margin: 5px 10px; }
    seprt.space { background: transparent; margin: 5px 0; }

navigation user { display: block; padding: 5px 0; }
    navigation user a { display: block; transition-property: background; transition-duration: .2s,.125s,.125s; padding: 0 10px; }

navigation item { min-height: 50px; line-height: 50px; min-width: 30px; display: flex; align-items: center; font-size: 14px; }
navigation .navigation_content > ul > li > a > item, navigation user a > item { border-radius: 25px; margin: 0 10px; }
navigation icon { margin: 0 10px; font-size: 22px; min-width: 30px; }
navigation item name { white-space: nowrap; flex: 1; padding: 0 10px; opacity: 0; }

navigation .navigation_content > ul { }
    navigation .navigation_content > ul > li { position: relative; cursor: pointer; }
        navigation .navigation_content > ul > li a { display: flex; position: relative; }
    navigation .navigation_content > ul .sub_menu { background: #fff; position: fixed; min-width: 200px; box-shadow: 0 5px 12px -2px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.05); visibility: hidden; opacity: 0; transition-property: transform,opacity,visibility; transition-duration: .2s,.125s,.125s; z-index: 999; transition-delay: .125s; overflow: auto; overflow-x: hidden; }
        navigation .navigation_content > ul .sub_menu li { position: relative; transition-property: background; transition-duration: .2s,.125s,.125s; }
            navigation .navigation_content > ul .sub_menu li:hover { background-color: rgb(242, 242, 242); }
navigation .sub_menu item { padding: 0 30px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); width: 100%; }
    navigation .sub_menu item name { display: block; opacity: 1; }
navigation .sub_menu > li:last-child > a > item { box-shadow: none }
navigation .sub_menu item:hover { background-color: rgb(242, 242, 242); }
navigation .navigation_content > ul > li:hover, user > a:hover { background: transparent; }
    navigation .navigation_content > ul > li:hover > a > item, user > a:hover item { background: #e5e5e5; }


navigation ul li:hover > .sub_menu { visibility: visible; opacity: 1; transition-delay: 0s; }

navigation .navigation_content .sub_menu { max-height: calc(100vh - 40px); }



navigation .navigation_content > ul > li.active > a > item { background: #fcd55d; }
navigation .navigation_content > ul > li.active:hover > a > item { background-image: linear-gradient(to top, rgba(0,0,0,.05) 0%, rgba(0,0,0,.05) 100%); }
navigation .accent { }
navigation.open .navigation_content > ul > li.accent { background: none !important; }
navigation .navigation_content > ul > li.accent > a > item { background: none !important; }
navigation .accent icon { background: #fdd65d; margin: 0; width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; }
navigation .accent:hover icon { background-image: linear-gradient(to top, rgba(0,0,0,.05) 0%, rgba(0,0,0,.05) 100%); }




navigation.open { max-width: 320px; }
    navigation.open .navigation_content > ul > li > a > item { max-width: 100%; flex: 1; border-radius: 0; margin: 0; padding: 0 10px }
    navigation.open name { opacity: 1; transform-origin: left; }
    navigation.open .logo { display: block; transform-origin: left; }


    navigation.open .navigation_content > ul > li:hover { background-image: linear-gradient(to top, rgba(0,0,0,.05) 0%, rgba(0,0,0,.05) 100%); }
    navigation.open ul li:hover > a ~ .sub_menu { }

    navigation.open .menu span { background-color: transparent !important; }
        navigation.open .menu span:before { transform: rotate(45deg) translate(4px, 4px); }
        navigation.open .menu span:after { transform: rotate(-45deg) translate(3px, -3px); }
    navigation.open item { }


bottom { padding: 20px 20px 20px 20px; width: 100%; }
span.call { font-size: 14px; }
bottom li.hidden { margin: 5px 0; }
span.call { display: block; }
span.copyright { display: block; font-size: 14px; }

navigation .hidden { display: none; }
navigation.open .hidden { display: block; }
.menu_bg { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.02); position: absolute; top: 0; left: 0; z-index: -1; border-radius: 50%; }

@media only screen and (max-width:500px) {
    .main_container { padding: 0px 0 0 0; }

    navigation { background: none; box-shadow: none; max-width: 100%; width: auto; position: relative; top: 0px; left: 0px; height: auto; padding: 0; z-index: 9999; width: 100%; height: 50px; }
        navigation.open .navigation_wrapp { background: #fff; height: 100%; width: 100%; box-shadow: 0 5px 12px -2px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.05); position: relative; }
        navigation .navigation_wrapp { }
    .navigation_content { overflow: auto; flex: 1; }

    navigation seprt, navigation .navigation_content > ul { display: none; }
    navigation.open seprt, navigation.open .navigation_content > ul { display: block; }

    navigation top { width: 100%; height: 50px; min-height: 0; background: #fff; }
        navigation top .menu { margin: 0; padding: 20px; position: relative; top: 5px; left: 10px; }
    .menu_bg { display: block; }
    navigation.open .logo { display: none; }

    navigation.open { max-width: 100%; width: 100%; height: 100%; transition-property: max-width; transition-duration: .2s,.125s,.125s; box-shadow: 0 5px 12px -2px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.05); padding: 10px 10px 10px 10px; }
    navigation .navigation_content > ul .sub_menu { position: relative; max-height: 0; transform: none; left: auto; top: auto; border-radius: 0; box-shadow: 0 0 0 1px rgba(0,0,0,.05); transition-delay: 0s; left: auto !important; top: auto !important; bottom: auto !important; }
    navigation.open .navigation_content > ul > li.show > .sub_menu,
    navigation.open .navigation_content > ul > li > .sub_menu li.show .sub_menu { max-height: 100%; opacity: 1; visibility: visible; left: auto !important; top: auto !important; bottom: auto !important; }
    navigation.open ul li:hover > a ~ .sub_menu { transform: none; visibility: hidden; opacity: 0; }

    navigation .navigation_content ul > li { padding: 0; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1); }
    navigation item { line-height: 40px; min-height: 40px; }

    navigation.open .navigation_content > ul > li > a > item { padding: 0; font-weight: 600; }

    navigation icon { margin: 0 0 0 10px; }
    navigation.open seprt, navigation.open seprt.hidden { display: none }

    navigation .sub_menu item { box-shadow: none; }
        navigation .sub_menu item:hover { background: transparent; }
    navigation .navigation_content > ul .sub_menu li { transition-duration: 0s; }

    navigation .navigation_content > ul > li.show > .sub_menu { box-shadow: none; }
        navigation .navigation_content > ul > li.show > .sub_menu > li { padding-left: 10px; }
    navigation .navigation_content > ul > li > .sub_menu li.show .sub_menu { margin-left: -40px; }
        navigation .navigation_content > ul > li > .sub_menu li.show .sub_menu li { padding-left: 60px; }

    navigation .logo { display: block; margin: 10px auto 10px auto; position: absolute; transform: translateX(-50%); left: 50%; }
}
/*=========END NAVIGATION==============*/


toolbar[header] { -webkit-user-select: none; width: 100%; max-height: 100%; position: relative; background: #fff; transition-property: max-height; transition-duration: .2s,.125s,.125s; z-index: 99999; padding: 0; min-height: 0; height: auto; flex-direction: column; overflow: visible; flex-shrink: 0; }
    toolbar[header] .container.collapse { overflow: visible; padding: 0; box-shadow: 0 5px 12px -2px rgb(0 0 0 / 20%); width: 100%; }
        toolbar[header] .container.collapse.open { box-shadow: inset 1px 0 0 0px rgb(0 0 0 / 5%), inset -1px 0 0 0px rgb(0 0 0 / 5%), inset 0px -1px 0 0px rgb(0 0 0 / 3%), inset 0px 1px 0 0px rgb(0 0 0 / 5%); }

    toolbar[header] h2.title { text-transform: none; padding-left: 15px; font-weight: 400; flex-wrap: nowrap; flex-shrink: 0; padding-right: 30px; }
    toolbar[header] .title text { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 0; }
        toolbar[header] .title text ~ group { flex-wrap: nowrap; }
    toolbar[header] .title group { flex-basis: auto; }

    toolbar[header] .title .button { margin-right: 10px }
    toolbar[header] .button[hide] { display: none; }
    toolbar[header] .title .button[collapse] { }
        toolbar[header] .title .button[collapse] icon { transform: rotate(-90deg); margin-left: -10px; }
            toolbar[header] .title .button[collapse] icon:only-child { margin-left: 0px; }
    toolbar[header] .open .title .button[collapse] icon { transform: rotate(0deg); }

icon[small] { font-size: 16px; }
icon[middle] { font-size: 20px; }
.title icon[blue] { background-color: #3169de; color: #fff; }

toolbar[header] .button[close] { position: absolute; top: 10px; right: 10px; box-shadow: none; background: none; }

toolbar[header] .filter_cont { position: absolute; top: 50px; left: 0; background: #fff; transition-property: max-height; transition-duration: .2s,.125s,.125s; width: 100%; padding: 5px 30px 30px 30px; z-index: 99998; height: auto; }
toolbar[header] .container.collapse.open .filter_cont { box-shadow: 0 10px 12px -2px rgb(0 0 0 / 10%), inset 1px 0 0 0px rgb(0 0 0 / 5%), inset -1px 0 0 0px rgb(0 0 0 / 5%), inset 0px -1px 0 0px rgb(0 0 0 / 5%); }




@media only screen and (max-width:500px) {

    toolbar[header] .button[hide] { display: flex; }

    /*toolbar[header] h2.title > text,
        toolbar[header] h2.title > seprt,
        toolbar[header] h2.title > group{display:none;}*/
    /*toolbar[header] .title .button[collapse]{display:none;}*/

    toolbar[header] .container.collapse .filter_cont { position: fixed; max-width: 100%; width: calc(100% - 20px); height: calc(100% - 20px); transition-property: max-width; transition-duration: .2s,.125s,.125s; box-shadow: 0 5px 12px -2px rgb(0 0 0 / 20%), 0 0 0 1px rgb(0 0 0 / 5%); padding: 10px 10px 10px 10px; box-sizing: border-box; top: 10px; left: 10px; align-items: flex-start; display: none; padding-top: 40px; }
        toolbar[header] .container.collapse .filter_cont .form_fields { flex: inherit; margin-right: 0; }
    toolbar[header] .container.collapse.open .filter_cont { box-shadow: 0 5px 12px -2px rgb(0 0 0 / 20%), 0 0 0 1px rgb(0 0 0 / 5%); display: flex; flex-direction: column; }
}


/*.toolbar.custom*/

.toolbar.custom { display: flex; padding: 0px 0px; gap: 20px }
    .toolbar.custom wrap { display: flex; align-items: flex-start; gap: 20px; }
    .toolbar.custom > wrap[vertical] { flex-direction: column; }
    .toolbar.custom wrap[center] { align-items: center; }

    .toolbar.custom > wrap:only-child { }
    .toolbar.custom > wrap:first-child { margin-left: 0 }

    .toolbar.custom > wrap .radio_cont { height: auto; gap: 10px; display: flex; padding: 0; align-items: center; }
        .toolbar.custom > wrap .radio_cont label span { margin: 0; }
    .toolbar.custom wrap[vertical] > .radio_cont { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }



    .toolbar.custom > wrap .ch_cont { height: auto; min-height: 0; gap: 10px; display: flex; padding: 0; }
    .toolbar.custom .ch_cont span { position: relative; margin: 0; }
    /*.toolbar.custom  .ch_cont input[type=checkbox]:checked ~ span:after { content: 'check'; position: absolute; top: 0; left: 0; font-size: 14px; font-feature-settings: "liga", "dlig"; font-variant-ligatures: common-ligatures; text-rendering: optimizeLegibility; font-family: icon; display: flex; align-items: center; justify-content: center; font-weight: 700; font-style: normal; user-select: none; text-transform: lowercase; z-index: 9; overflow: hidden; width: 100%; height: 100%; }*/

    .toolbar.custom .ch_cont:first-child { }
    .toolbar.custom > wrap[vertical] > .ch_cont { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }



    .toolbar.custom wrap > wrap { gap: 20px; /*margin:5px 0*/ }
    .toolbar.custom .button:not(.button.mini) { margin: 0; min-width: 110px; }
    .toolbar.custom .button.mini { padding: 0; }
    .toolbar.custom .button { margin: 0; }
        .toolbar.custom .button icon { margin: 0; }

    .toolbar.custom text.input_label { padding-top: 0; }


    .toolbar.custom .radio_cont label,
    .toolbar.custom .ch_cont label { display: flex; margin-right: 15px; height: auto; gap: 0 10px; padding: 0; }

        .toolbar.custom .ch_cont[auto] label,
        .toolbar.custom .radio_cont[auto] label,
        .toolbar.custom .ch_cont label[auto],
        .toolbar.custom .radio_cont label[auto] { width: auto; }


    .toolbar.custom .ch_cont label,
    .toolbar.custom .radio_cont label { width: 175px }

        .toolbar.custom .radio_cont label[small],
        .toolbar.custom .ch_cont label[small] { width: 100px; }

        .toolbar.custom .radio_cont label[middle],
        .toolbar.custom .ch_cont label[middle] { width: 250px; }


        .toolbar.custom .radio_cont label[large],
        .toolbar.custom .ch_cont label[large] { width: 350px; }

    .toolbar.custom .toggle.check_cont .ch_cont label { padding: 0; }

    .toolbar.custom wrap[extra] { width: 100%; flex-grow: 1; }
    .toolbar.custom .button[right_fixed] { margin-left: auto; }




@media only screen and (max-width: 910px) {
    .toolbar.custom wrap { flex-direction: column; }
        .toolbar.custom wrap[center] { align-items: flex-start; }
    .toolbar.custom text.input_label { margin: 10px 0; }

    .toolbar.custom wrap > wrap { gap: 10px 20px; }
    .toolbar.custom wrap[vertical] > wrap { flex-wrap: wrap; }


    [priority="1"] { order: 1; }
    [priority="2"] { order: 2; }

    .toolbar.custom [priority="1"] text.input_label { margin: 0; }
    .toolbar.custom .button[right_fixed] { margin: inherit; }
}

@media only screen and (max-width: 700px) {
    .toolbar.custom > wrap .radio_cont,
    .toolbar.custom > wrap .ch_cont { flex-wrap: wrap; flex-direction: column; align-items: flex-start; }
}



/*=========START DASHBOARD==============*/
dashboard { display: none; }

/*dashboard {position:absolute;left:0;top:0;background: #f5f5f5;width: 100%;z-index:9999;visibility: hidden;opacity: 0;transform: translateY(-150%);transition: transform .125s;box-shadow: 0 5px 12px -2px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.05);    overflow: auto;overflow-x: hidden;height:0;}
dashboard.open {visibility: visible; opacity: 1; transform: translateY(0%);min-height:150px;height:auto;}

dashboard header {box-shadow: inset 0px -1px 0 0 rgba(0, 0, 0, 0.1);}
dashboard header p{line-height:50px;font-weight:600; padding: 0 20px;font-size:14px;}


dashboard list {display: flex;flex-wrap: wrap; padding:15px;}
widget {padding: 5px;min-width: 280px;}
widget_wrap {display: flex;flex-direction: column;background: #ffffff;flex: 1;min-height: 150px;height: 100%;padding: 15px  15px  10px  15px;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);}
widget_head {display: flex;justify-content: space-between;align-items: center; width: 100%;}
widget_head icon {color: #000;font-size: 24px;}
heading {flex: 1;font-weight: 600;}
toolbar {display: flex;min-height: 30px;}
widget_cont {flex: 1;display: flex;align-items: center;min-height:110px}
widget_cont count {font-size: 40px;font-weight: 700;padding: 10px 0;font-family: 'open sans';}
toolbar a navigate {display: flex;align-items: center;min-width: 100px;font-weight: 600;padding: 0 5px 10px 5px;}
toolbar a navigate:first-child{padding: 0 5px 0px 5px;}
toolbar a navigate:last-child{padding: 0 5px 0px 5px;}
toolbar a navigate span{text-decoration:underline;margin-left:10px}
toolbar a navigate span:first-child{margin-left:0;}
toolbar navigate icon{margin-left:10px;font-size:24px;color: #b2b2b2;}
point {min-width: 50px;padding: 0 5px 0px 5px;text-align: center;font-weight: 600;font-size: 16px;line-height: 30px;display: block;}
a.navigate {}
vert_seprt {display: block;margin: 0 10px;height: 30px;width: 1px;background: rgba(0, 0, 0, 0.1);}
status {min-width:30px;padding: 0 5px 0px 5px;text-align: center;font-weight: 600;font-size: 14px;line-height: 10px;display: block;line-height: 30px;}
count[percent] {font-size: 54px;font-family: roboto;}

.positive {color: #1da654;}
.negative {color: #ff4444;}


gauge{ display:flex; height:110px; width:180px; }
gauge svg[chart]{position:absolute}
gauge svg[indicator] {position: relative;z-index: 2;transform-origin: 74px center;top: 78px;left:1px; transition:.125s; }*/
/*=========END DASHBOARD==============*/



/*=========START marker==============*/
marker { background: #3169de; color: #3169de; display: flex; width: 14px; height: 14px; border-radius: 30px; position: absolute; overflow: hidden; z-index: 1; cursor: pointer; transform-origin: center center; }

    marker[late] { background: #ce0000; color: #ce0000; }
        marker[late][middle] { box-shadow: 0 0 0 3px rgba(255,39,69,.5) }
        marker[late][long] { box-shadow: 0 0 0 3px rgba(255,39,69,.5),0 0 0 6px rgba(255,39,69,.5) }

    marker icon { color: #fff; height: 10px; width: 10px; font-size: 10px; border-radius: 30px; top: 2px; left: 2px; }
    marker[empty] icon { background: rgba(255,255,255,.4) }


pin { display: flex; width: 30px; position: absolute; cursor: pointer; transform-origin: center bottom; }
    pin wrap { position: relative; display: inline-block; z-index: 1; }
    pin icon { position: relative; z-index: 0; font-size: 30px; color: #3069dd; width: 30px; height: auto; }
    pin wrap > span { font-size: 10px; line-height: 10px; color: rgb(255, 255, 255); font-weight: 600; left: 50%; top: 7px; text-align: center; position: absolute; transform: translateX(-50%); }


    pin[long] { width: 50px; }
        pin[long] icon { font-size: 50px; width: 50px; height: 50px; }
        pin[long] wrap span { font-size: 14px; top: 14px; }

    pin[learned] { opacity: .5; }

    pin[completed] icon { color: #1C8E27 }
    pin[on_time] icon { color: #3169DE }
    pin[not_detected] icon, pin[gps_signal_lost] icon, pin[pending] icon { color: #666666 }
    pin[marketplace] icon { color: #FF7043 }
    pin[predicted_late] icon { color: #FB8C00 }
    pin[late] icon { color: #CE0000 }
    pin[at_stop] icon { color: #1C8E27 }
    pin[verifying_departure] icon { color: #1C8E27 }





direction { display: flex; width: 20px; height: 20px; position: absolute; color: #3169de; cursor: pointer; transform-origin: center center; }
    direction icon { height: 20px; width: 20px; font-size: 20px; }

[N] icon { transform: rotate(0deg); }
[NNE] icon { transform: rotate(22.5deg); }
[NE] icon { transform: rotate(45deg); }
[ENE] icon { transform: rotate(67.5deg); }
[E] icon { transform: rotate(90deg); }
[ESE] icon { transform: rotate(112.5deg); }
[SE] icon { transform: rotate(135deg); }
[SSE] icon { transform: rotate(157.5deg); }
[S] icon { transform: rotate(180deg); }
[SSW] icon { transform: rotate(202.5deg); }
[SW] icon { transform: rotate(225deg); }
[WSW] icon { transform: rotate(247.5deg); }
[W] icon { transform: rotate(270deg); }
[WNW] icon { transform: rotate(292.5deg); }
[NW] icon { transform: rotate(315deg); }
[NNW] icon { transform: rotate(337.5deg); }


marker[tractor] { background: #ffffff; color: #3169de; box-shadow: 0 0 0 1px; }
    marker[tractor] icon { }

direction[last] { border-radius: 50%; z-index: 999999; }
direction[last] { height: 20px; width: 20px; display: flex; font-size: 0; align-items: center; justify-content: center; }

animation { animation: direction cubic-bezier(0.31, 0.05, 0.26, 0.99) .8s infinite; display: block; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); border-radius: 50%; background: rgb(49, 105, 222); height: 10px; width: 10px; position: absolute; top: 2px; left: 2px; z-index: 0; }

@keyframes direction {
    from { transform: scale(1.3); }
    to { transform: scale(1); }
}



stop { position: absolute; background: #3169de; color: #3169de; display: flex; width: 10px; height: 10px; border-radius: 1px; cursor: pointer; }
    stop icon { color: #3169dc; height: 10px; width: 10px; font-size: 65px; }

stop { box-shadow: 0 0 0 4px rgba(48, 105, 221,.3), 0 0 0 8px rgba(48, 105, 221,.3); }
    stop[short] { box-shadow: 0 0 0 4px rgba(48, 105, 221,.3); }
    stop[middle] { box-shadow: 0 0 0 4px rgba(48, 105, 221,.3), 0 0 0 8px rgba(48, 105, 221,.3), 0 0 0 12px rgba(48, 105, 221,.3); }
    stop[long] { box-shadow: 0 0 0 4px rgba(48, 105, 221,.3), 0 0 0 8px rgba(48, 105, 221,.3), 0 0 0 12px rgba(48, 105, 221,.3),0 0 0 16px rgba(48, 105, 221,.3); }
    stop[extra_long] { box-shadow: 0 0 0 4px rgba(48, 105, 221,.3), 0 0 0 8px rgba(48, 105, 221,.3), 0 0 0 12px rgba(48, 105, 221,.3), 0 0 0 16px rgba(48, 105, 221,.3), 0 0 0 20px rgba(48, 105, 221,.3); }



/*temp*/
/*.temp_cont{background:whitesmoke;width:800px;padding:50px;position: relative;}
    marker, pin, direction,stop{ margin:15px; position:relative;}
    stop{ margin:35px 15px;}*/

/*=========END marker==============*/

/*pointer*/
pointer { position: absolute; z-index: 1; cursor: pointer; }
    pointer wrap { width: 120px; height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; position: relative;; padding: 5px; font-size: 14px; background-position: center; background-size: contain; box-shadow: none; }

    pointer count_wrap { display: flex; /* flex-direction:column; */ /* width: 100%; */ /* justify-content: center; */ align-items: flex-end; display: none; }
        pointer count_wrap icon { width: 25px; height: 20px; font-size: 23px; }
    pointer count { font-size: 16px; font-weight: 600; line-height: 12px; }

    pointer price { display: flex; align-items: center; margin: 0px !important; justify-content: center; text-align: center; }
        pointer price text { }
        pointer price icon { width: 20px; height: 20px; font-size: 16px; margin-right: 3px; }
        pointer price b { /*margin-right:3px;*/ }

    pointer text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; font-size: inherit; }

    pointer triangle { display: block; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid white; position: absolute; bottom: -15px; z-index: 0; transform: translateX(-50%); left: 50%; }

    pointer[zoom] { z-index: 2; }
        pointer[zoom] wrap { border-radius: 5px; width: auto; height: auto; font-size: 12px; position: relative; z-index: 0; flex-direction: row; align-items: center; padding: 5px; background-image: none; box-shadow: 0px 10px 30px 5px rgb(0 0 0 / 15%), 0 0 0 1px rgb(0 0 0 / 5%) }
        pointer[zoom] triangle { bottom: -5px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid white; z-index: -1; /* box-shadow: 0 0 0 1px; */ }

        pointer[zoom] icon { margin-right: 4px; background: #000; color: white; border-radius: 50%; }
    pointer price[zoom] { font-size: var(--xxx-largex-small) }
    pointer[zoom] price b { margin-right: 3px; }

    pointer icon[bottom] { width: 15px; height: 15px; font-size: 11px; /*position:absolute; */ /* bottom: -11px;*/ }





    pointer[zoom] price { font-size: 11px; margin: 0; order: 2; }

    pointer[zoom] wrap > text,
    pointer count_wrap { display: none; }


    pointer[zoom][new] badge { width: auto; height: auto; display: flex; align-items: center; justify-content: center; background-color: #fff; font-size: 11px; text-transform: uppercase; line-height: normal; border-radius: 0px 5px 5px 0px; }
    pointer[zoom][new][prime] badge { font-size: 14px; }
    pointer[zoom][new] wrap { border-top-right-radius: 0; border-bottom-right-radius: 0; }




    pointer[prime][zoom] wrap { background: #ce0000; color: #fff; padding: 4px 8px; font-size: 14px; }
    pointer[prime][zoom] price { font-size: inherit; }
    pointer[prime][zoom] icon { color: #ce0000; background: white; width: 20px; height: 20px; font-size: 14px; }
    pointer[prime] triangle { border-top-color: #ce0000; }




    pointer[green] wrap { background: #1c8e27; color: #fff; }
    pointer[green][zoom] wrap { background: #1c8e27; }
    pointer[green] triangle { border-top-color: #1c8e27; }
    pointer[green][zoom] icon { color: #1c8e27; background: white }


    pointer[blue] wrap { color: #fff; background-image: url(/content/images/map/cluster.svg?v=5.6.20210929); }
    pointer[blue][zoom] wrap { background: #3169de; }
    pointer[blue] triangle { border-top-color: #3169de; }
    pointer[blue][zoom] icon { color: #3169de; background: white }


    pointer[yellow] wrap { background: #fdd65d; color: inherit; }
    pointer[yellow] triangle { border-top-color: #fdd65d; }
    pointer[yellow][zoom] icon { color: #fdd65d; background: white }


    pointer[small] wrap { width: 70px; height: 70px; font-size: 10px; line-height: 10px; }
    pointer[small] count_wrap icon { width: 18px; height: 12px; font-size: 18px; }
    pointer[small] count { line-height: 8px; font-size: 14px; margin-right: 2px; }

    pointer[middle] wrap { width: 120px; height: 120px; }
    pointer[large] wrap { width: 150px; height: 150px; }










    pointer[animation]:not(pointer[animation][zoom]):before { content: ""; display: block; width: 100%; height: 100%; position: absolute; border-radius: 50%; z-index: -1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-shadow: 0 0 0 rgb(49 105 222 / 30%); animation: pulse_blue 2s infinite; }
    pointer[animation][zoom]:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; border-radius: 3px; z-index: -1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }









    pointer[zoom][prime]:before,
    pointer[zoom][prime]:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; border-radius: 3px; z-index: 1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }





    pointer[zoom][prime]:before { animation: pulse_zoom_red 2s infinite; }
    pointer[zoom][prime]:after { animation: pulse_zoom_red 2.125s infinite; }

    pointer[zoom][green][prime]:before { animation: pulse_zoom_green 2s infinite; }
    pointer[zoom][green][prime]:after { animation: pulse_zoom_green 2.125s infinite; }







@keyframes pulse_blue {
    0% { box-shadow: 0 0 0 0 rgb(49 105 222 / 50%); }
    70% { box-shadow: 0 0 0 10px rgb(49 105 222 / 0%); }
    100% { box-shadow: 0 0 0 0 rgb(49 105 222 / 0%); }
}

@keyframes pulse_zoom_green {
    0% { box-shadow: 0 0 0 0 rgb(28 142 39 / 50%); }
    70% { box-shadow: 0 0 0 10px rgb(28 142 39 / 0%); }
    100% { box-shadow: 0 0 0 10px rgb(28 142 39 / 0%); }
}

@keyframes pulse_zoom_red {
    0% { box-shadow: 0 0 0 0 rgb(206 0 0 / 50%); }
    70% { box-shadow: 0 0 0 10px rgb(206 0 0 / 00%); }
    100% { box-shadow: 0 0 0 10px rgb(206 0 0 / 00%); }
}


[animation]:hover,
pointer[zoom][green]:before:hover,
pointer[zoom][green]:after:hover { animation: none; }



pointer[hide] { visibility: hidden; opacity: 0; }



wrap[popup_tip] { display: flex; flex-direction: column; margin: 0px; min-width: 160px; }
    wrap[popup_tip] text { display: flex; }
        wrap[popup_tip] text[row] { justify-content: space-between; }
        wrap[popup_tip] text[v_center] { align-items: center; }
    wrap[popup_tip] wrap text { margin: 5px 0; }
    wrap[popup_tip] text [velue] { justify-self: flex-end; }

    wrap[popup_tip] > wrap { margin: 15px 0; }
    wrap[popup_tip] [underline] { text-decoration: underline; }
    wrap[popup_tip] [underline_fill] { box-shadow: 0 1px 0 0; }

    wrap[popup_tip] text a { margin: 0 5px; }

    wrap[popup_tip] text[status] icon[small] { height: 20px; width: 20px; }
    wrap[popup_tip] text[status] { line-height: 20px; }

    wrap[popup_tip] text[compact], wrap[popup_tip] text[compact] text { margin: 0; }

wrap[popup] text[status] icon[small] { height: 20px; width: 20px; }
wrap[popup] text[status] { line-height: 20px; }
/**/
/*.gm-style-iw-t { margin: 0 -3px -12px 0px !important; }
*/ /**/

[data-color="red"] { color: #ce0000; }
[data-color="gray"] { color: #666666; }
[data-color="blue"] { color: #3169de }

[data-size="x-small"] { font-size: 10px; }
[data-size="medium-xx"] { font-size: 12px; }
[data-size="medium-x"] { font-size: 14px; }
[data-size="medium"] { font-size: 16px; }
[data-size="large"] { font-size: 18px; }
[data-size="larger"] { font-size: 20px; }
[data-size="x-large"] { font-size: 24px; }






.form_fields.wrap { max-width: 100%; padding: 0 0 0 10px; margin: 5px 0; }
    .form_fields.wrap .input_cont { flex-direction: row; justify-content: flex-start; align-items: center; width: auto; min-height: 0; }
        .form_fields.wrap .input_cont .input_label { position: static; transform: none; justify-content: flex-start; float: none; line-height: normal; min-height: 20px; height: auto; }
        .form_fields.wrap .input_cont .ch_cont { display: flex; justify-content: flex-start; align-items: center; width: auto; padding: 0; padding-left: 10px; max-width: 100%; min-height: 0; }
            .form_fields.wrap .input_cont .ch_cont .radio_cont { line-height: normal; }
            .form_fields.wrap .input_cont .ch_cont label { padding-left: 0; flex-shrink: 0; }




[data_length="ss-small"] { width: 20px; }
[data_length="s-small"] { width: 30px; }
[data_length="small"] { width: 40px; }
[data_length="x-small"] { width: 50px; }
[data_length="xx-small"] { width: 60px; }
[data_length="xxx-small"] { width: 70px; }


[data_length="medium"] { width: 80px; }
[data_length="x-medium"] { width: 90px; }
[data_length="xx-medium"] { width: 100px; }
[data_length="xxx-medium"] { width: 110px; }
[data_length="large"] { width: 120px; }
[data_length="larger"] { width: 130px; }
[data_length="x-large"] { width: 140px; }
[data_length="xx-large"] { width: 150px; }
[data_length="xxx-large"] { width: 160px; }
[data_length="xxxx-large"] { width: 170px; }



.load_toolbar.my_location .button { color: #000; background: #fff; height: auto; /* display: flex; padding: 0px 10px 0px 0px; box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%); margin: 0 0 10px 0; display: flex;align-items: center;*/ }
    .load_toolbar.my_location .button icon[my_location] { border-radius: 50%; background: #3169de; font-size: 0; width: 13px; height: 13px; box-shadow: 0 0 0 3px rgb(255 255 255), 0px 0px 7px 7px rgb(0 0 0 / 10%); margin: 10px 10px 10px 3px; float: left; }
.load_toolbar.my_location .ch_cont { color: rgba(0,0,0,.8); flex-shrink: 0; line-height: normal; padding: 0; min-height: 0; }

/*[my_location] icon { border-radius: 50%; background: #3169de; font-size: 0; width: 13px; height: 13px; box-shadow: 0 0 0 3px rgb(255 255 255), 0px 0px 7px 7px rgb(0 0 0 / 10%); margin: 0 8px 0 8px; }*/


/*=========START LOGIN==============*/
.login_wrapp { }
    .login_wrapp .login { background-color: #fff; }
.main_container.login_wrapp .navigation,
.main_container.login_wrapp footer .top_bar,
.main_container.login_wrapp footer,
.main_container.login_wrapp footer .bottom_bar { background-color: transparent; color: #000; }
    .main_container.login_wrapp footer .top_bar { display: none; }
.main_container.login_wrapp footer { box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.15); }

.login_logo { display: flex; justify-content: center; align-items: center; max-height: 260px; min-height: 170px; background-image: url(/content/images/logo_new_w.png?v=5.6.20210929); background-position: center center; margin: 0 auto 30px; background-size: contain; background-repeat: no-repeat; font-size: 20px; text-align: center; font-weight: 700; line-height: normal; text-transform: uppercase; }

.login_cont input:-webkit-autofill ~ .input_label { transform: translateY(-100%); }
.login_cont input:-webkit-autofill { background: none }
.login_cont input:-webkit-autofill { background-color: #ffffff !important; }
/*.login_logo {margin: 0 auto 30px;font-size: 20px;text-align: center;font-weight: 700;line-height: normal;text-transform: uppercase;display: -ms-flexbox;-ms-flex-align: center;-ms-flex-wrap: wrap;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;-ms-flex-pack: center;}
.login_logo img{max-width:240px;max-height:240px;display:  block;}*/

.main_container.main_fit { padding-left: 0; padding-top: 0; }
.login_wrap { height: 100%; }
.login_cont { display: -ms-flexbox; -ms-flex-align: center; -ms-flex-wrap: wrap; display: flex; align-items: center; flex-wrap: wrap; height: 100%; padding: 70px; }
.login_buttons { margin: 5px 15px 5px 0; }
.login_cont .login_input { margin: 10px 0; width: 100%; }
    .login_cont .login_input input { width: 100%; }
.login a { font-weight: 700; color: #333; }
.login_cont .check_cont { line-height: 30px; }
.login_buttons > a, .login > .user_name { box-shadow: 1px 0 0 0 #134678; padding-right: 15px; margin-right: 15px; }
    .login_buttons > a:last-child, .user_name:last-child { box-shadow: none; padding-right: 0px; margin-right: 0px; }
.login .user_name { margin-right: 10px; font-weight: 700; display: -ms-flexbox; -ms-flex-align: center; display: flex; align-items: center; }
.login .ch_cont label { padding: 0 0px 0 25px; }

.login.center_cont { height: 100%; width: 100%; flex: 1; position: absolute; display: -ms-flexbox; -ms-flex-align: center; -ms-flex-wrap: wrap; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; -ms-flex-pack: center; }
.login.center_cont { background: url(/content/images/login_bg.jpg?v=5.6.20210929) no-repeat center center; background-size: cover; }
    .login.center_cont > form { }
    .login.center_cont .form_wrap form { display: block; }
    .login.center_cont .login_cont { width: 100%; max-width: 380px; min-width: 320px; padding: 30px; display: block; background-color: #fff; color: #000; height: auto; box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0,0,0,.05); }
    .login.center_cont .login_input { margin: 10px 0; }
.login .form_fields { max-width: 100%; }
.login.center_cont .login_buttons { margin: 20px 0; width: 100%; display: flex; }
.login.center_cont .login_cont .ch_cont { color: #000; }
.login.center_cont a { color: #333; }
.login.center_cont .login_buttons > a,
.login_cont .input_label { user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.logo_cont { -ms-flex: 1; flex: 1; }
    .logo_cont ul { width: 100%; height: auto; display: -ms-flexbox; -ms-flex-align: center; -ms-flex-pack: end; -ms-flex-wrap: wrap; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
    .logo_cont li { -ms-flex: 1; flex: 1; height: 100%; height: 74px; max-width: 160px; }
.login.center_cont .login_buttons > a { line-height: 20px; }



.login .container { max-width: 400px; margin: 0 auto; line-height: normal; }
    .login .container .description { margin-left: 0; padding: 0; font-style: normal; }
    .login .container .buttons .button { padding-left: 10px; }
    .login .container .input_cont input { padding-left: 7px; }
    .login .container .input_label { padding-left: 0; }
    .login .container .form_wrap .form_fields { min-width: 0; width: 100%; padding: 0; max-width: 100%; }
    .login .container .form_wrap { padding: 0; }
        .login .container .form_wrap .buttons { margin-left: 0; }

.login .icon.icon-chevron-right { transform: rotate(-180deg) }

.login_cont .icon-collapse { display: none }
/*=========END LOGIN==============*/


/*=========START INPUT==============*/
input:focus::-webkit-input-placeholder { opacity: .5 }
input:focus::-ms-input-placeholder { opacity: .5 }
input:focus::-moz-placeholder { opacity: .5 }
input::-ms-clear, input::-ms-reveal { display: none; }
input, button { outline: none; font-size: 13px; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; border: none; font-family: 'Roboto Condensed'; }
    input[type=text], input[type=password], input[type=email] { float: left; height: 30px; padding: 0 7px; min-width: 240px; background: #fff; transition: none; -webkit-transition: none; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-shadow: 0 0 0 1px rgba(0,0,0,.1); }
    input[type=checkbox] { border-radius: 2px; height: 16px; width: 16px; margin: 0; background-position: 0px -160px; background-color: #fff; float: left; padding: 0; box-sizing: border-box; box-shadow: 0 0 0 1px rgba(0,0,0,.1), inset 0 2px 0 0 rgba(0,0,0,.07); position: relative; }
        input[type=checkbox]:checked { background-position: -16px -160px; }
        input[type=checkbox]:active { transform: translateY(1px); -webkit-transform: translateY(1px) }
    input:focus { box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 0 0 3px rgba(71,77,162,0.1); }
    input.input-validation-error, input.input-validation-error ~ i, .k-widget.k-header.input-validation-error .k-input, .input_cont input.input-validation-error { /*box-shadow:inset 0 0 0 2px rgba(239, 83, 80, 0.3);*/ }
    input::-webkit-input-placeholder { font-weight: 400; }
    input:-ms-input-placeholder { font-weight: 400; }
    input::-moz-placeholder { font-weight: 400; }
    input[type=text]:disabled, input[type=password]:disabled, .k-widget.k-header .k-state-disabled .k-input { box-shadow: 0 0 0 1px rgba(0,0,0,.1), inset 0 -3px 0 0 rgba(255,255,255,.3); background: rgba(0,0,0,.02); color: #696969; text-shadow: 0px 2px 0px #fff; user-select: none; -webkit-user-select: none; }
textarea { padding: 10px !important; border: none; min-height: 100px; display: block; box-shadow: 0 1px 0 0px rgba(0,0,0,.1); padding: 0; font-size: 13px; overflow: auto; /*-ms-flex:1;flex:1;*/ font-family: 'Roboto Condensed'; max-width: 100%; min-width: 100%; resize: vertical; }
/*textarea:focus{box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 0 0 3px rgba(71,77,162,0.1);}*/


.helparea { height: auto; }

@media screen and (min-width:500px) {
    .helparea { height: 600px; }
}





.form_fields { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; align-items: center; box-sizing: border-box; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.input_cont { display: -ms-flexbox; display: flex; position: relative; color: #4d4d4d; /*-ms-flex-align: center; align-items: center;*/ min-width: 120px; /*-ms-flex: 1;flex: 1;*/; width: 100%; }
.input_label { z-index: 1; cursor: text; display: block; position: relative; white-space: nowrap; padding: 0 10px; /*line-height: 30px;*/ /*-ms-flex: 1;flex: 1;*/ padding-top: 5px; }
.form_fields > .input_label { padding-top: 0; }
.input_cont .input_data { line-height: 30px; height: 30px; display: block; width: 100%; flex: 2; -ms-flex: 2 0 auto; padding-left: 10px; max-width: 150px; }
.input_cont input { min-width: 0; padding: 0 10px 0 0; box-shadow: none; font-weight: bold; background: transparent; position: relative; box-shadow: inset 0 -1px 0 0 #ccc; width: 100%; /*-ms-flex: 1;flex: 1;*/ }
.input_cont .k-widget { width: 100%; }
.form_fields .input_cont .k-widget { padding: 0; flex: 2; -ms-flex: 2 1 auto; margin: 0; }
/*.input_cont i {position: absolute; height: 100%; width: 100%;top:0;left:0;z-index:-1;}*/
.flex_row .input_cont { max-width: 200px; margin-right: 20px; }
.flex_row .form_fields { flex-wrap: nowrap; }


.filter_cont .flex_row .form_fields { flex-wrap: nowrap; min-width: 0 !important; max-width: 100%; }
    .filter_cont .flex_row .form_fields .input_label { /* transform:none; */ /* max-width: 100%; */ /* min-width:0; */ /* flex:auto; */ /* position: absolute; */ width: auto; margin-right: 20px; }


.table_bar > div { flex: .5; -ms-flex: .5; margin-right: 10px; }
    .table_bar > div:last-child { margin-right: 0px; }
.table_bar .input_cont { min-height: 30px; height: auto; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; }
.table_bar { margin: 5px 0; width: 100%; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; }
    .table_bar h2 { float: left; display: block; width: 100%; font-size: 12px; padding: 10px 15px 5px 20px; font-weight: 700; font-size: 12px; flex: 1 100%; -ms-flex: 1 100%; }
    .table_bar.simple .form_fields { flex: auto; -ms-flex: auto; }

    .table_bar .append_bar { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: flex-end; -ms-flex-pack: end; margin: 0 0 0 0px; flex: 0 0 auto; -ms-flex: 0 0 auto; }
.append_bar .map_link { display: block; margin: 0px 0 0 0px; font-weight: 700; color: #3693d4; line-height: 30px; text-align: center; }
.map_link.button2 { line-height: 20px; width: 72px; }
.map_picker { cursor: move; }
    .map_picker .icon { font-size: 40px; color: #36628c; }
.fn_txtBid { max-width: 160px; width: 100%; }

#Model_ColorThemeId-list li, #ColorThemeId-list li { display: flex; justify-content: start; align-items: center; }
/*=========END INPUT==============*/





.to_customer span[class*="icon-"],
.internal span[class*="icon-"],
.shared span[class*="icon-"] { font-size: 0; width: 30px; height: 30px; display: block; }

/*.to_customer span[class*="icon-"]{background-position: 0px 0px;}
.internal span[class*="icon-"]{background-position: -30px 0px;}
.shared span[class*="icon-"]{background-position: -60px 0px;}

.available .to_customer span[class*="icon-"]{background-position: 4px -3px;}
.available .internal span[class*="icon-"]{background-position: -36px -4px;}
.available .shared span[class*="icon-"]{background-position: -107px -4px;}*/

.icon-PDF_share_f { background-position: 0px -30px; }
.icon-PDF_lock_f { background-position: -30px -30px; }
.icon-PDF_public_f { background-position: -60px -30px; }
.icon-PDF_RC_f { background-position: -90px -30px; }

.icon-PDF_share { background-position: 0px 0px; opacity: .4; }
.icon-PDF_lock { background-position: -30px 0px; opacity: .4; }
.icon-PDF_public { background-position: -60px 0px; opacity: .4; }
.icon-PDF_RC { background-position: -90px 0px; opacity: .4; }

table .table_bar { margin: 0; }
    table .table_bar a { }

    table .table_bar icon { margin: 0 0px; font-size: 20px; min-width: 30px; opacity: 0; visibility: hidden; transform: translateY(5px); transition: transform .125s; }
table tr:hover .table_bar icon { opacity: 1; visibility: visible; transform: translateY(0px); }


#grdDeliveredArea .table_bar a { color: #ccc; }
    #grdDeliveredArea .table_bar a icon { color: #000000; }
#grdDeliveredArea .table_bar { flex-wrap: nowrap; -ms-flex-wrap: nowrap; /*max-width: 120px;*/ margin: 0 auto; }
table .table_bar a:only-of-type { margin: auto; }
table .table_bar wrap { margin: auto; }
.available span[class*="icon-"] { color: #3169de; }






/*load_number*/
.k-grid-header .load_number,
.k-grid-content .load_number { line-height: 30px; /*height: 30px;*/ display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; }

    /*.k-grid-header .load_number.right,
.k-grid-content .load_number.right{justify-content: flex-end;}
.k-grid-header .load_number.left,
.k-grid-content .load_number.left{justify-content: flex-start;}
.k-grid-header .load_number.center,
.k-grid-content .load_number.center {justify-content:center;}*/


    .k-grid-header .load_number icon,
    .k-grid-content .load_number icon { font-size: 25px; min-width: 30px; line-height: 25px; }
    .k-grid-content .load_number icon[data-size="20"] {font-size: 20px;min-width: 30px;line-height: 25px;}

    .k-grid-header .load_number [class^="icon-"],
    .k-grid-content .load_number [class^="icon-"] { font-size: 32px; min-width: 32px; }
    .k-grid-header .load_number .icon-ABOUT-US,
    .k-grid-content .load_number .icon-ABOUT-US { color: #3169de; }
    .k-grid-header .load_number .icon-lock,
    .k-grid-content .load_number .icon-lock { color: #ff7043; font-size: 34px; min-width: 34px; }
    .k-grid-header .load_number .icon-public,
    .k-grid-content .load_number .icon-public { color: #689F38; }


    .k-grid-header .load_number span[class*="icon-PDF"],
    .k-grid-content .load_number span[class*="icon-PDF"] { width: 30px; height: 30px; flex-shrink: 0 }
        .k-grid-header .load_number span[class*="icon-PDF"]:before,
        .k-grid-content .load_number span[class*="icon-PDF"]:before { display: none; }







/*info_number*/
.k-grid-header .info_number,
.k-grid-content .info_number { line-height: 30px; height: 30px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; }

    /*.k-grid-header .info_number.right,
.k-grid-content .info_number.right{justify-content: flex-end;}
.k-grid-header .info_number.left,
.k-grid-content .info_number.left{justify-content: flex-start;}
.k-grid-header .info_number.center,
.k-grid-content .info_number.center {justify-content:center;}*/


    .k-grid-header .info_number icon,
    .k-grid-content .info_number icon { font-size: 20px; min-width: 30px; }


    .k-grid-header .info_number [class^="icon-"],
    .k-grid-content .info_number [class^="icon-"] { font-size: 32px; min-width: 32px; }
    .k-grid-header .info_number .icon-ABOUT-US,
    .k-grid-content .info_number .icon-ABOUT-US { color: #3169de; }
    .k-grid-header .info_number .icon-lock,
    .k-grid-header .info_number .icon-lock { color: #ff7043; font-size: 34px; min-width: 34px; }
    .k-grid-content .info_number .icon-public, { color: #689F38; }



    .k-grid-header .info_number span[class*="icon-PDF"],
    .k-grid-content .info_number span[class*="icon-PDF"] { width: 30px; height: 30px; flex-shrink: 0 }
        .k-grid-header .info_number span[class*="icon-PDF"]:before,
        .k-grid-content .info_number span[class*="icon-PDF"]:before { display: none; }

[class^="icon-"][blue] { color: #3169de; }




/*info*/
.k-grid-header info,
.k-grid-content info { line-height: 30px; height: 30px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; width: 100%; }

    /*.k-grid-header info.right,
.k-grid-content info.right{justify-content: flex-end;}
.k-grid-header info.left,
.k-grid-content info.left{justify-content: flex-start;}
.k-grid-header info.center,
.k-grid-content info.center {justify-content:center;}*/


    .k-grid-header info icon,
    .k-grid-content info icon { font-size: 20px; min-width: 30px; line-height: 20px; }

    .k-grid-header info text,
    .k-grid-content info text { line-height: 30px; height: 30px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; flex-grow: 1; }


    .k-grid-header info [class^="icon-"],
    .k-grid-content info [class^="icon-"] { font-size: 32px; min-width: 32px; }
    .k-grid-header info .icon-ABOUT-US,
    .k-grid-content info .icon-ABOUT-US { color: #3169de; }
    .k-grid-header info .icon-lock,
    .k-grid-content info .icon-lock { color: #ff7043; font-size: 34px; min-width: 34px; }
    .k-grid-content info .icon-public { color: #689F38; }

    .k-grid-header info icon[blue],
    .k-grid-content info icon[blue] { color: #3169de; }

    .k-grid-header info icon[red],
    .k-grid-content info icon[red] { color: #ff7043; }

    .k-grid-header info icon[green],
    .k-grid-content info icon[green] { color: #689F38; }




    .k-grid-header info span[class*="icon-PDF"],
    .k-grid-content info span[class*="icon-PDF"] { width: 30px; height: 30px; flex-shrink: 0 }
        .k-grid-header info span[class*="icon-PDF"]:before,
        .k-grid-content info span[class*="icon-PDF"]:before { display: none; }


info { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; width: 100%; }
    info icon { font-size: 20px; min-width: 30px; line-height: 20px; }
        info icon[small] { font-size: 20px; min-width: 30px; line-height: 20px; height: 20px; }
    info text { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; flex-grow: 1; }

    info icon[blue] { color: #3169de; }
    info icon[red] { color: #ff7043; }
    info icon[green] { color: #689F38; }



wrap[right] info { justify-content: flex-end; gap: 0 5px; }


/*-----*/









.driver_phone { line-height: 30px; height: 30px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; }
network { display: flex; width: 10px; height: 10px; background-color: #666666; border-radius: 50%; flex-shrink: 0; }
    network[online] { background-color: #689F38; }


.number_data { width: 100%; /*max-width: 65px;*/ }
.number_info_data { width: 100%; }
.ref_data { width: 100%; /*max-width: 465px;*/ }





.k-grid-content td action { display: flex; display: -ms-flexbox; padding: 1px }
    .k-grid-content td action .button { margin: 0 5px; }
    .k-grid-content td action button:only-child, .k-grid-content td action a:only-child { margin: 0px; }




wrap_up { line-height: 30px; height: 30px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; }
.input_cont wrap_up { flex-grow: 1; }
    .input_cont wrap_up badge { margin: 0 0 0 5px; }
label.input_cont.input-validation-error wrap_up input { order: inherit; }
label.input_cont.input-validation-error wrap_up { padding: 0 5px; }




/*=========START VALIDATION==============*/
.input_cont.input-validation-error i { box-shadow: inset 0 0 0 2px rgb(239, 83, 80); z-index: 0; transform: scaleX(1); }
.validation { display: block; padding: 5px 0; margin: 5px; }
.input-validation-error .validation { color: rgb(239, 83, 80); font-size: 12px; }
label.input_cont.input-validation-error .input_label { /* order:1; */ }
label.input_cont.input-validation-error i { order: 2; -ms-order: 2; position: relative; }
label.input_cont.input-validation-error .validation { order: 3; -ms-order: 3; }
label.input_cont.input-validation-error input,
label.input_cont.input-validation-error .k-widget { box-shadow: none; order: 2; -ms-order: 2; }
/*=========END VALIDATION==============*/




/*=========START animate INPUT==============*/
.form_fields { flex: 1; -ms-flex: 1 1 auto; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; /* margin: 5px 0; */ max-width: 240px; text-align: left; padding-top: 30px; }
    .form_fields .input_cont { position: relative; flex-direction: column; justify-content: flex-end; -ms-flex-direction: column; -ms-flex-pack: end; width: 100%; min-height: 30px; }
    .form_fields .input_label { position: absolute; pointer-events: none; padding: 0 0 0 7px; transform: translateY(-100%); transition: .15s; left: 0; width: 100%; height: 30px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; top: 0; }
        .form_fields .input_label b { margin-right: 5px; }
    .form_fields .input_cont input, .form_fields .input_cont span.k-input { padding: 0 0 0 10px; box-shadow: inset 0 -1px 0 0 #ccc; width: 100%; font-weight: 400; }
    .form_fields .input_data { width: 100%; max-width: 100%; flex: auto; -ms-flex: auto; box-shadow: inset 0 -1px 0 0 #ccc; }

.input_cont.empty .input_label { transform: none; }
.input_cont.empty.focus .input_label { transform: translateY(-100%); pointer-events: auto; font-size: 11px; }

.form_fields .input_label .no_pointer_events { pointer-events: none; cursor: default; }
.form_fields .input_label icon { pointer-events: initial; cursor: default; }

.input_cont.invalid i { background: red; transform: scaleX(1); }

.form_fields .input_cont.focus input, .form_fields .input_cont.focus textarea { box-shadow: none; }
.input_cont i { display: block; height: 2px; width: 100%; box-shadow: inset 0 0 0 2px; transform-origin: left; transform: scaleX(0); transition: .2s; position: absolute; z-index: 0; bottom: 0; left: 0; }
.input_cont.focus i { transform: scaleX(1); }

.form_fields .input_cont .k-datetimepicker.k-widget.k-header .k-input { padding: 0 60px 0 7px; }

.form_wrap .form_fields.status { width: auto; }
    .form_wrap .form_fields.status .input_cont { }
        .form_wrap .form_fields.status .input_cont .input_label { line-height: normal; word-wrap: break-word; white-space: normal; padding-top: 7px; max-width: 50%; height: auto; min-height: 30px; }
        .form_wrap .form_fields.status .input_cont .input_data { /* background: #ce0000; */ max-width: 300px; white-space: normal; word-wrap: break-word; word-break: break-all; word-break: break-word; /*color: #134678;*/ font-weight: 600; flex: 1; -ms-flex: 1; }

.form_fields.wide.status { padding-top: 0; }

.form_fields.status .input_cont { flex-direction: row; -ms-flex-direction: row; box-shadow: none; min-width: 0; flex: 1 1 100%; -ms-flex: 1 1 100%; justify-content: flex-start; -ms-flex-pack: start; }
    .form_fields.status .input_cont .input_label { width: auto; position: relative; transform: none; padding-right: 10px; display: block; }
    .form_fields.status .input_cont .input_data { transform: none; box-shadow: none; /*color: #134678;*/ font-weight: 600; min-height: 30px; height: auto; line-height: normal; padding-left: 10px; padding-top: 7px; /* max-width:50%; */ text-overflow: ellipsis; /* overflow:hidden; */ }

.status.wide.form_fields .input_cont { flex: 1 1 auto; -ms-flex: 1 1 auto; width: auto; }
.form_fields.status .input_cont i { display: none; }

.form_fields.compact { padding-top: 0px; }

.flexed_cell { float: left; }
.form_wrap .flexed_cell .form_fields { margin: 5px; }


.window_cont .input_label { padding-left: 10px; padding-top: 7px; }

.text_label { display: block; width: 100%; margin-left: 10px; }

.input_data .cell { margin-right: 20px; }

.form_fields wrap { display: flex; align-items: flex-start; width: 100%; }
    .form_fields wrap > .button { flex-shrink: 0; }
        .form_fields wrap > .button.card { min-width: 90px; margin-left: 5px; }
    .form_fields wrap > .input_cont input:focus { font-size: 13px; }


.status .input_cont .description { margin: 0px; }
.description.regular { font-weight: normal; }


.form_fields.status.compact { margin: 0; }



.static.form_fields { min-width: 0; flex: initial; }
    .static.form_fields .input_cont { min-width: 0; }
    .static.form_fields .input_label { position: relative; }






.form_fields.flexed { flex-wrap: nowrap; }
    .form_fields.flexed .input_cont { }
    .form_fields.flexed .button { max-width: 100%; width: auto; flex-shrink: 0; min-width: 0; }

        .form_fields.flexed .button.mini { min-width: 30px; width: 30px; padding: 0; }
    .form_fields.flexed > .button.mini icon { }


    .form_fields.flexed action { display: flex; gap: 5px; margin: 0 5px; }

.form_fields table.symetric_form_fields { padding: 10px; }
    .form_fields table.symetric_form_fields tr { vertical-align: top; }
    .form_fields table.symetric_form_fields tr > * { padding: 5px; line-height: 30px; }
    .form_fields table.symetric_form_fields .number { text-align: right }
    .form_fields table.symetric_form_fields .shadow { box-shadow: 0 1px 0 #000; }



    /*=========END animate INPUT==============*/
    .filter_cont .route span.dash { font-size: 24px; }
.filter_cont .route .input_cont .input_data { display: flex; align-self: center; align-items: center; width: auto; flex: none; padding: 0 5px; }


/*=========START CHECKBOXES==============*/
.readonly .form_fields .ch_cont { opacity: .5; pointer-events: none; }
.form_fields .ch_cont { padding: 6px 0; max-width: 220px; }
    .form_fields .ch_cont label { padding: 0 0 0 30px }
.ch_cont { min-height: 30px; -webkit-user-select: none; position: relative; box-sizing: border-box; padding: 6px; color: #000; display: inline-block; }
    .ch_cont input[type=checkbox] { display: none }
        .ch_cont input[type=checkbox]:checked ~ span { background-position: -35px -6px; background-color: #134678; box-shadow: inset 0 0 0 2px rgba(0,0,0,.05); }
        .ch_cont input[type=checkbox]:disabled ~ span { opacity: .4; }
    .ch_cont label span { height: 18px; width: 18px; /*background-image:url(/content/images/sprite.svg?v=5.6.20210929);*/ background-position: -55px -6px; display: block; vertical-align: top; margin: 0 10px 0 0; padding: 0; box-sizing: border-box; box-shadow: inset 0 0 0 2px; position: absolute; pointer-events: none; left: 0; }
    .ch_cont a { cursor: pointer; color: #f26363; }
        .ch_cont a:hover { text-decoration: underline; }
        .ch_cont a:active { background: rgba(118, 126, 248, 0.2); box-shadow: 0 0 0 3px rgba(118, 126, 248, 0.2) }
    .ch_cont label { display: block; cursor: pointer; user-select: none; -ms-user-select: none; padding: 0 30px; box-sizing: border-box; min-height: 18px; line-height: 18px; position: relative; }
        .ch_cont label:active span, .ch_cont label span:active { transform: translateY(1px); -webkit-transform: translateY(1px) }
        .ch_cont label:active input[type=checkbox]:disabled ~ span { transform: translateY(0); }

.k-checkbox .ch_cont { padding: 1px; height: 20px; width: 20px; }
/*=========END CHECKBOXES==============*/

/*multy*/
.ch_cont.multy { margin-right: 30px; }
    .ch_cont.multy label { display: flex; align-items: center; padding: 0 10px; }
    .ch_cont.multy .input_cont > .input_label { padding: 0; }
    .ch_cont.multy .radio_cont { display: flex; align-items: center; }

    .ch_cont.multy .input_cont.vertical { justify-content: flex-start; align-items: flex-start; }
    .ch_cont.multy input_cont.vertical .radio_cont { flex-direction: column; height: auto; min-height: 30px; }
    .ch_cont.multy .input_cont.vertical .radio_cont label { margin: 5px 0; }


/*=============START TOGGLE  SWITCH==============*/
.toggle.check_cont .ch_cont label { padding: 0 0 0 30px }
.toggle.check_cont .ch_cont { padding: 5px 5px 5px 0px; }
    .toggle.check_cont .ch_cont label { padding: 0 0 0 40px; /*font-weight: 700;*/ color: #134678; }
        .toggle.check_cont .ch_cont label span { width: 30px; background: none !important; box-shadow: inset 0 0 0 1px rgb(19, 70, 120); border-radius: 50px; margin: 0; opacity: 0.3; }
            .toggle.check_cont .ch_cont label span:after { content: ""; display: block; height: 12px; width: 12px; position: absolute; left: 3px; top: 3px; z-index: 1; border-radius: 50px; background: rgb(19, 70, 120); pointer-events: none; transition: .125s; -webkit-transition: .125s; }
    .toggle.check_cont .ch_cont input[type=checkbox] ~ span:after { animation: chbox_anim_uncheck .3s backwards; }
    .toggle.check_cont .ch_cont input[type=checkbox]:checked ~ span { opacity: 1; }
        .toggle.check_cont .ch_cont input[type=checkbox]:checked ~ span:after { transform: translateX(12px); }
    .toggle.check_cont .ch_cont label span::before { left: -10px; top: -16px; }

    /*.toggle.check_cont .ch_cont input[type=checkbox] ~ text{opacity:.4}
.toggle.check_cont .ch_cont input[type=checkbox]:checked ~ text{opacity:1}*/


    .toggle.check_cont .ch_cont input[type=checkbox][disabled] ~ text { opacity: .4; pointer-events: none; }
    .toggle.check_cont .ch_cont input[type=checkbox][disabled] ~ span { opacity: .4; pointer-events: none; box-shadow: inset 0 0 0 1px rgb(0 0 0); }
        .toggle.check_cont .ch_cont input[type=checkbox][disabled] ~ span:after { background-color: #000; }

    .toggle.check_cont .ch_cont.red span { box-shadow: inset 0 0 0 2px #FF5722 !important; }
        .toggle.check_cont .ch_cont.red span:after { background: #FF5722 !important; }
    .toggle.check_cont .ch_cont.green span { box-shadow: inset 0 0 0 2px #8BC34A !important; }
        .toggle.check_cont .ch_cont.green span:after { background: #8BC34A !important; }

label.small { max-width: 400px; }


.toggle.check_cont.multi { width: 100%; }
    .toggle.check_cont.multi .ch_cont { width: 100%; max-width: 100% }
        .toggle.check_cont.multi .ch_cont label { display: flex; }
            .toggle.check_cont.multi .ch_cont label span { position: relative; flex-shrink: 0; }
            .toggle.check_cont.multi .ch_cont label text { padding: 0 10px 0 0px; }
                .toggle.check_cont.multi .ch_cont label text:last-child { padding: 0 0px 0 10px; }
/*=============END TOGGLE SWITCH==============*/


/*=============START RADIO==============*/
.radio_cont { height: 30px; line-height: 30px; -webkit-user-select: none; display: inline-block; position: relative; box-sizing: border-box; color: #000; }
    .radio_cont.disabled { opacity: .5; background-color: transparent; color: #000000; }
    .radio_cont input[type=radio]:disabled ~ span { opacity: .4; }
    .radio_cont input[type=radio] { display: none }
    .radio_cont label span { height: 18px; width: 18px; display: inline-block; border-radius: 50%; vertical-align: top; margin: 0 10px; padding: 0; box-sizing: border-box; box-shadow: inset 0 0 0 2px; position: relative; pointer-events: none; }
    .radio_cont label { display: inline-block; height: 18px; line-height: 18px; cursor: pointer; user-select: none; -ms-user-select: none; }
        .radio_cont label:active span, .radio_cont label span:active { transform: translateY(1px); -webkit-transform: translateY(1px); }
        .radio_cont label span::before { content: ""; transition: .125s; -webkit-transition: .125s; opacity: 0; position: absolute; height: 50px; width: 50px; opacity: .25; -webkit-transform: scale(0); transform: scale(0); left: -16px; top: -16px; z-index: 1; border-radius: 50px; background: #134678; pointer-events: none; }
        .radio_cont label span::after { content: ""; background: #134678; pointer-events: none; height: 8px; width: 8px; display: block; margin: 5px; border-radius: 50%; opacity: 0; transform: scale(0); transition: .125s; }
    .radio_cont input:checked ~ span { color: #134678; }
        .radio_cont input:checked ~ span::after { opacity: 1; transform: scale(1) }
    .radio_cont label:active span::before { transform: scale(1); -webkit-transform: scale(1); }
/*=============END RADIO==============*/


/*=========START error tip==============*/
body > .tip { position: absolute; background: gray; z-index: 9999; padding: 10px; box-shadow: 0 5px 10px -3px rgba(0, 0, 0,.2), 0 0 0 1px rgba(0,0,0,.05); border-radius: 4px; color: #fff; font-size: 13px; max-width: 220px; box-sizing: border-box; opacity: 0; visibility: hidden; transform: translateY(10px); transition-duration: .125s; transition-property: transform,visibility,opacity; transition-delay: .3s; cursor: default; pointer-events: none }
    body > .tip.open { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: .1s }
    body > .tip.error { background: #EF5350; }
/*=========END error tip==============*/


/*============START filter============*/
h2 ~ .filter_cont { padding-top: 0; }
.filter_cont { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
    .filter_cont .form_fields { margin: 0 20px 10px 0; min-width: 240px; }
    .filter_cont .static.form_fields { min-width: 0; }
    .filter_cont .input_cont { width: 100%; min-height: 30px; }
        .filter_cont .input_cont:last-child { margin-right: 0; }
    .filter_cont .button_cont { margin: 10px 20px 10px 0; width: auto; }

    .filter_cont .flex_row .form_fields .input_cont { max-width: 135px; }
/*============END filter============*/


/*============START MAP============*/
.content_container { display: -ms-flexbox; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; position: relative; overflow: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
    .content_container.map .msgArea ~ .left_bar { height: calc(100vh - 180px); }
    .content_container.map .msgArea ~ .map_content { height: calc(100vh - 180px); }

.map_content { width: 100%; position: relative; overflow: hidden; flex: 1; -ms-flex: 1; height: 100%; }
    .map_content * { box-sizing: content-box; }
    .map_content button, .map_wrap button { min-width: 0; box-shadow: none; }
/*map left bar*/
.left_bar { max-width: 600px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; flex: 1; -ms-flex: 1; position: relative; z-index: 999; top: 0; bottom: 0; left: 0; background-color: #fff; box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.15); transition: transform .2s; min-width: 600px; }
.left_bar_cont { width: 100%; height: 100%; position: relative; overflow: auto; -webkit-overflow-scrolling: touch; overflow-x: hidden; -ms-flex: 1; flex: 1; }
.left_bar > form { height: 100%; display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; flex: 1; -ms-flex: 1; overflow: hidden }

.left_bar .btns { padding: 10px 5px; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; }
    .left_bar .btns .button { height: 50px; line-height: 50px; color: #3693d4; font-weight: 600; flex: 1 1 auto; -ms-flex: 1 1 auto; box-shadow: inset -1px 0 0 0 rgba(0,0,0,0.1); }
        .left_bar .btns .button:only-child { max-width: 250px; width: 100%; }
        .left_bar .btns .button span { display: inline-block; vertical-align: middle; /*color:#5cade1;*/ }
        .left_bar .btns .button:last-child { /* box-shadow: none; */ }
        .left_bar .btns .button .icon-cancel { color: #F44336; }
.details_item { flex: 1; -ms-flex: 1 1 auto; width: 100%; max-width: calc(100% - 60px); }
.left_bar .btns.stop_buttons .button { min-width: 100px; flex: auto; -ms-flex: 0 1 auto; }
.left_bar_cont > .details > .details_item { max-width: calc(100% - 50px); }
.details { display: -ms-flexbox; display: flex; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.3); position: relative; }
    .details:hover { background-image: linear-gradient(to right, rgba(0,0,0,0.03) 0%,rgba(0,0,0,.03) 100%); }
    .details.open:hover, .fixed_data.details { background-image: none; }

    .details.fn_details, .fn_details > .details { cursor: pointer; }
        .details.fn_details.open, .fn_details > .details.open { cursor: default; }


    .details.fn_stop:hover:after { overflow: visible; opacity: 0.2; }
    .details.fn_stop.ui-sortable-helper { box-shadow: 0 10px 15px -5px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.1); background: #fff; opacity: 1 }
    .details.fn_stop:hover { cursor: move; }
    .details.fn_stop:after { display: block; content: ' '; width: 10px; position: absolute; right: 4px; z-index: 1; height: calc(100% - 8px); overflow: hidden; opacity: 0; transform: translateY(-50%); top: 50%; transition: .125s; }
    .details.fn_stop:after { background: url(/Content/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL/wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8/UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn/tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAADouaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNy0wNi0wNVQxNDowMjo1MiswNDowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTctMDYtMDVUMTQ6MDI6NTIrMDQ6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE3LTA2LTA1VDE0OjAyOjUyKzA0OjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDo2Y2QxNjRmNy00ODc0LWUwNDAtOGFjZC1mOWE5ZTZlZjg3M2I8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEb2N1bWVudElEPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxZGU0M2YxOC00OWQ2LTExZTctOTNmNC1kY2IwY2UzZTRhZWM8L3htcE1NOkRvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDoyYTY5NzY3OS01YjcwLTg2NGQtOGJkYi1jNjJhYTc5OGVhMWU8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5jcmVhdGVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6MmE2OTc2NzktNWI3MC04NjRkLThiZGItYzYyYWE3OThlYTFlPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE3LTA2LTA1VDE0OjAyOjUyKzA0OjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjZjZDE2NGY3LTQ4NzQtZTA0MC04YWNkLWY5YTllNmVmODczYjwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNy0wNi0wNVQxNDowMjo1MiswNDowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICAgICA8c3RFdnQ6Y2hhbmdlZD4vPC9zdEV2dDpjaGFuZ2VkPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDxwaG90b3Nob3A6SUNDUHJvZmlsZT5zUkdCIElFQzYxOTY2LTIuMTwvcGhvdG9zaG9wOklDQ1Byb2ZpbGU+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+ODwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+s1fPzwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAALklEQVR42nzMMQoAIBDEwLnD/395bSxE0ZQhpBBIUtAOBmoXV9HrkWdRSXwfcwDdlAkKVXfEUAAAAABJRU5ErkJggg==?v=5.6.20210929); }

.left_bar .details_item .btns { padding: 5px; }
.left_bar .details_item .btns_2 { padding: 0px; position: relative; }
    .left_bar .details_item .btns_2 .button2 { position: absolute; transform: translateX(-50%); left: calc(50% + 70px); top: -10px; border-radius: 0; }

.left_bar .details_item .details_cont .btns { padding: 0px; }
.left_bar .details_item .btns .button { margin: 5px 5px 5px 0; height: 30px; line-height: 30px; box-shadow: inset 0 0 0 1px #cccccc; max-width: 463px; border-radius: 0; }
    .left_bar .details_item .btns .button:last-child { margin-right: 0; }



/*.left_bar .details_item .btns .button[small] {max-width: 130px;}
.left_bar .details_item .details_cont .btns[align] {justify-content: flex-start;-ms-flex-pack:start;flex: 1 100%;margin: 15px auto;}
.left_bar .details_item .details_cont .btns[align] .button{margin: 5px 0 5px 5px;}*/


.left_bar .details_item .details_cont .btns[right_align] { justify-content: flex-end; -ms-flex-pack: end; margin-left: 140px; flex: 1 100%; }
.left_bar .details_item .btns[right_align] button { margin: 5px 5px 5px 0px; flex: 1; -ms-flex: 1; }
    .left_bar .details_item .btns[right_align] button:last-child { margin-right: 0; }

@media screen and (max-width:750px) {
    .left_bar .details_item .details_cont .btns[right_align] { padding-left: 20px; margin-left: 0; }
}

@media screen and (max-width:600px) {
    .left_bar .details_item .details_cont .btns[right_align] { padding-left: 0px; }
}


.details_header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; flex: 1; -ms-flex: 1 1 auto; position: relative; }
.details.show_cont .details_header { min-height: 40px; }
.details_header .title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; min-width: 155px; max-width: 155px; cursor: pointer; padding: 0px 0; overflow: hidden; font-weight: 600; color: #3693d4; text-transform: uppercase; transition: .2s; }
    .details_header .title .icon { transition: .2s; }
/*.details_header .title  .btns {flex:1;justify-content: flex-end;-ms-flex-pack: end;}
.details_header .title  .btns .icon{font-size:30px;}*/
.details_header .data { /*max-width: 380px;*/ max-width: calc(100% - 155px); width: 100%; display: -ms-flexbox; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; font-size: 13px; padding: 15px 0px; box-shadow: -1px 0 0 0 rgba(0,0,0,.1); min-height: 50px; -ms-flex-pack: center; justify-content: flex-start; align-items: center; -ms-flex-align: center; margin-left: 0px; color: #000000; transition: transform .2s; position: relative; }


/*.details_header .data span, .title span{display:block;}*/

.date { min-width: 110px; flex-shrink: 0; }
.address { }
.details .details_item .details_header .data .status_data { min-width: 50px !important; text-align: left; flex-shrink: 0; }

.details .details_header .data span { display: block; overflow: hidden; text-overflow: ellipsis; padding: 0 5px 0 0px; white-space: nowrap; padding-left: 5px; box-shadow: -1px 0px 0 0 rgb(230, 230, 230); line-height: 20px; height: 20px; text-align: center; min-width: 0px !important; }
.details .details_header .data > span { text-align: left; flex: 1 100%; -ms-flex: 1 100%; }
.details .details_header .data p { flex: 1 100%; -ms-flex: 1 100%; display: flex; display: -ms-flexbox; width: 100%; }

.left_bar .data .btns { position: absolute; transform: translateX(-50%); left: 50%; bottom: -10px; padding: 0; }
.details_header .data span:first-child { box-shadow: none; }
.details .details_item .details_header .data span:empty { display: none; }


.details .details_item .details_header .data p .label { display: inline-block; box-shadow: none; font-weight: 700; }
.details .details_item .details_header .data p .value { display: inline-block; box-shadow: none; font-weight: 400; }


.details.fixed_data.open .data { transform: none; display: flex; visibility: visible; opacity: 1; }
.details.fixed_data.open .title { max-width: 155px; }
.details.fixed_data.open .switch { background-color: #f2f2f2; }

.left_bar .data .btns.centered { transform: none; position: static; margin: 0 auto; }
    .left_bar .data .btns.centered .button { min-width: 150px; }


.open .details_header .title { max-width: 100%; }
.details .title [class^="icon-"], .details .title [class*=" icon-"] { font-size: 38px; }
.switch { position: relative; min-width: 50px; width: 50px; background-color: #f2f2f2; text-align: center; cursor: pointer; color: #000000; margin-left: auto; display: flex; flex-direction: column; justify-content: center; display: -ms-flexbox; -ms-flex-direction: column; -ms-flex-pack: center; box-shadow: -1px 0 0 0 #d9d9d9, inset 0 -1px 0 0 rgba(0,0,0,.3); }
.details.open .switch { background-color: #dcdcdc; }
.switch div { height: 100%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; top: 50%; right: 0; }
    .switch div span { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; top: 50%; right: 0; }
        .switch div span[class*="icon-"] { color: #4e4e4e; }
        .switch div span span { font-size: 10px; position: absolute; top: 11px; left: 3px; font-family: 'open sans'; text-align: center; display: block; }
.switch [class^="icon-"], .switch [class*=" icon-"] { font-size: 42px; }


.switch .mark { max-height: 100%; }
    .switch .mark > div { height: 50px; position: absolute; transform: translateY(-50%); left: 0; top: 50%; right: 0; display: flex; align-items: center; justify-content: center; }
    .switch .mark pin { position: relative; }
        .switch .mark pin wrap span { top: 12px; }


.map_content .icon-STOP-INFO_light + .mark_number { left: 7px; top: 7px; background-color: #f2f2f2; }
.icon-STOP-INFO_light + .mark_number { left: 26px; top: 21px; background: transparent; }
.details.open .switch .icon { }
.details.open .switch .mark_number { background-color: #dcdcdc; }


.map .details .container .k-widget.k-grid { max-width: 650px; }
.map .details .container .title { font-size: 12px; padding: 5px 0 5px 30px; }
.map h2 { font-size: 12px; }
.map .details .collapse.open .title [class^="icon-"] { top: 13px; }
.map .details .collapse .title [class^="icon-"] { top: 13px; left: 13px; }


.details_cont { padding: 0 10px 10px 10px; display: none; /*box-shadow: 0 -1px 0 0 rgba(0,0,0,.2);*/ }
    .details_cont .details_cont { padding: 0; }
    .details_cont .buttons .check_cont { padding-left: 20px; }
.map .form_fields { max-width: 100%; padding-top: 0; margin: 2px 0; }

.map .radio_cont { height: auto; line-height: 25px; /* margin-right:10px; */ max-width: 160px; flex: 1; -ms-flex: 1; }
    .map .radio_cont:last-child label { margin-right: 0; }
.map .form_fields.disabled .input_cont,
.map .form_fields .input_cont.disabled { background: transparent; box-shadow: none; }
.map .radio_cont input[type=radio] { }
.map .radio_cont label span { border-radius: 0; width: 100%; text-align: center; line-height: 25px; height: 25px; padding: 0 10px; vertical-align: middle; margin-right: 0; box-shadow: inset 0 0 0 1px #3693d4; margin-left: 0; min-width: 100px; overflow: hidden; text-overflow: ellipsis; }
.map .radio_cont label { height: auto; line-height: normal; font-size: 11px; text-transform: uppercase; font-weight: 700; color: #3693d4; /*margin:5px;*/ width: 100%; }
    .map .radio_cont label span:active { display: none; }
    .map .radio_cont label span::before { display: none; }
.map .radio_cont input:checked ~ span { background-color: #3693d4; color: #fff; }
    .map .radio_cont input:checked ~ span::after { display: none; }
.map .radio_cont label:active span::before { }

.map .disable .radio_cont label { color: #ccc; pointer-events: none; }
    .map .disable .radio_cont label span { box-shadow: inset 0 0 0 1px #ccc; }
.map .disable .radio_cont input:checked ~ span { background-color: #ccc; }


.map .inactive.radio_cont label { }
    .map .inactive.radio_cont label span { opacity: .4; background: #ccc !important; }
.map .inactive.radio_cont input ~ span { }
.map .inactive.radio_cont input:checked ~ span { }



.map .form_fields { }
    .map .form_fields .input_cont { flex-direction: row; width: 100%; /* background-color: #fbfbfb; */ /* box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); */ /* box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, 0.15); */ min-height: 25px; }
    .map .form_fields .input_label { position: relative; transform: none; width: auto; padding: 0px 5px 0 20px; /* color: rgb(0, 0, 0); */ /* text-transform: uppercase; */ height: auto; /* box-shadow: 3px 0 0 0 #ccc; */ white-space: normal; min-width: 135px; max-width: 135px; min-height: 15px; margin: 5px 5px 5px 0; align-items: flex-start; -ms-flex-align: start; }
        .map .form_fields .input_label b { }
.map .k-widget.k-header input.k-input, .map .k-widget.k-header span.k-input { padding-left: 5px; }
.map .form_fields.status .input_cont .input_label { padding-right: 5px; }
.map .form_fields .input_cont input { font-size: 12px; box-shadow: none; padding: 0 5px 0 5px; flex: 1; -ms-flex: 1; height: 25px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
.map .form_fields .input_cont textarea { min-width: 0; /*height:30px!important;*/ min-height: 30px !important; display: block; min-height: 0; font-size: 12px; padding: 0px 0 0 5px !important; margin-top: 5px !important; /*box-shadow: none;*/ }
.map .form_fields .input_data { box-shadow: none; }
.map .input_cont.empty .input_label { pointer-events: auto; font-size: 12px; max-width: 100%; }
.map .form_fields .input_cont .k-widget { min-height: 25px; }
    .map .form_fields .input_cont .k-widget .k-icon { height: 25px; }
.map .input_cont.empty.focus .input_label { transform: none; }
.map .input_cont.invalid i { }
.map .form_fields .input_cont.focus input { }

.map .form_fields .input_cont.focus input { box-shadow: 0px 1px 0 0 #3169de !important; }
.map .form_fields .input_cont.focus textarea { box-shadow: 0px 1px 0 0 #3169de !important; }

.map .form_fields.required .input_cont.empty input { box-shadow: 0px 1px 0 0 #F57C00; }
.map .form_fields.required .input_cont input { box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
.map .read_only .input_label { }

.map .form_fields.required .input_cont.empty.error input.error { box-shadow: inset 0px -1px 0 0 #F57C00; }
.map .form_fields.required .input_cont.empty.error input { box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }

.map .input_cont i { display: none; }
.map .input_cont.focus i { }
.map .form_fields .input_cont .k-datetimepicker.k-widget.k-header .k-input { }
.map .form_wrap .form_fields.status { }
    .map .form_wrap .form_fields.status .input_cont { }
        .map .form_wrap .form_fields.status .input_cont .input_label { }
        .map .form_wrap .form_fields.status .input_cont .input_data { }
.map .form_fields.wide.status { }
.map .form_fields.status { }

.map .input_cont.input-validation-error { box-shadow: 0 0 0 1px #f74f4d; flex-wrap: wrap; -ms-flex-wrap: wrap; }
.map .input-validation-error .validation { color: rgb(255, 255, 255); font-size: 12px; flex: 1 100%; background: rgb(239, 83, 80); padding: 5px; }
.map .form_fields .input_cont.disable { background-color: rgb(241, 241, 241); box-shadow: none; color: rgba(0, 0, 0, 0.54); text-shadow: 0 1px white; }
    .map .form_fields .input_cont.disable input { color: rgba(0, 0, 0, 0.77); text-shadow: 0 1px white; }

.map .form_fields.status { padding-top: 0; }
    .map .form_fields.status .input_cont { /* box-shadow: none; */ /* background-color: #ececec; */ /* box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); */ }
        .map .form_fields.status .input_cont .input_label { /* max-width:50%; */ padding-top: 0; line-height: normal; white-space: normal; overflow: visible; -webkit-overflow-scrolling: touch; min-height: 0; height: auto; }
        .map .form_fields.status .input_cont .input_data { word-wrap: break-word; white-space: normal; word-break: break-word; flex: 1; -ms-flex: 1; font-weight: 400; min-height: 25px; padding-left: 5px; white-space: pre-wrap; }
        .map .form_fields.status .input_cont .input_label:only-of-type { max-width: 100%; }
        .map .form_fields.status .input_cont .input_data.capitalize { text-transform: capitalize; }
        .map .form_fields.status .input_cont.no_bold .input_data { font-weight: 400; }

.inner_block { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); padding: 10px 0 0px 0; }
.inner_body { padding: 0px 10px 10px 10px; }

.map .table_bar { margin-top: 2px; margin-bottom: 2px; padding: 2px 0; }
    .map .table_bar > .form_fields { margin-top: 0; margin-bottom: 0; flex: 1 1 100%; -ms-flex: 1 1 100%; }
    .map .table_bar.flexible > .form_fields { flex: auto; -ms-flex: auto; }
        .map .table_bar.flexible > .form_fields h2 { min-width: 100px; }
    .map .table_bar > div { margin-right: 5px; }
        .map .table_bar > div:last-child { margin-right: 0px; }
        .map .table_bar > div:only-of-type { margin-right: 0; }
    .map .table_bar.simple > .form_fields { margin-right: 0px; flex: auto; -ms-flex: auto; }







    /*------line - table_bar --------*/
    .map .table_bar.line .form_fields { flex: 1; -ms-flex: 1; padding: 5px 0; flex-shrink: 0; min-width: 50%; margin-right: 0; }
    .map .table_bar.line .append_bar { flex: none; -ms-flex: none; justify-content: flex-end; margin-left: auto; flex-wrap: wrap; -ms-flex-wrap: wrap; }
        .map .table_bar.line .append_bar .button2 { margin: 5px 0px 5px 5px; }
    .map .table_bar.line .form_fields .input_cont { }
        .map .table_bar.line .form_fields .input_cont .input_label { }

@media screen and (max-width:750px) {
    .map .table_bar.line .form_fields .input_cont .input_label { min-width: 0; width: auto; }
}



@media screen and (max-width:550px) {
    .map .table_bar.line .form_fields { flex: 1 100%; margin: 0; }
        .map .table_bar.line .form_fields .input_cont .input_label { min-width: 0; max-width: 100%; width: 100%; padding-left: 5px; flex: 1 1 100%; }


        .map .table_bar.line .form_fields .input_cont .k-widget { flex: 1 1 100%; }
}
/*------*/



/*--multicell table_bar--*/
.map .table_bar.multicell .form_fields .input_cont { justify-content: flex-start; -ms-flex-pack: start; align-items: flex-start; -ms-flex-align: start; flex-wrap: wrap; }
.table_bar.multicell .form_fields { flex: 1; -ms-flex: 1; flex-grow: 1; }
    .table_bar.multicell .form_fields .input_label { }
.map .table_bar.multicell .form_fields.first .input_label { }

.table_bar.multicell .form_fields.required .input_label.mini.second { min-width: 0; flex-shrink: 0; flex-grow: 1; margin: 5px 5px 5px 0; }

.table_bar.multicell .form_fields.short { max-width: 31%; max-width: 155px; }
.table_bar.multicell .form_fields.first { max-width: 52%; max-width: 265px; }



.table_bar.multicell .form_fields input.mini { min-width: 60px; flex-grow: 0; /*flex-shrink: 1;flex-basis: auto;*/ }
.table_bar.multicell .form_fields .input_label.mini { min-width: 30px; padding: 0 0 0 5px; }


.map .table_bar .form_fields .input_data.mini { }

.form_wrap .multicell.table_bar { width: auto; margin: 0; }
.form_wrap .table_bar.multicell .form_fields .input_cont .input_label { white-space: nowrap; }
.form_wrap .table_bar.multicell .form_fields .input_cont input { height: 30px; margin: 0 5px; }

.form_wrap .table_bar.multicell label.input_cont { /*flex-direction: row;*/ }
/*.form_wrap .table_bar.multicell.small { max-width: 300px;}*/
.form_wrap .table_bar.multicell.small .form_fields { min-width: 0; }
.form_wrap .table_bar.multicell label.input_cont .validation { align-self: flex-start; }



/*----*/
/*.form_wrap .table_bar.multicell .input_cont {flex-direction: row;flex-wrap: wrap;}
.form_wrap .table_bar.multicell .input_cont .validation {flex: 1 46%;}
.form_wrap .table_bar.multicell .input_cont input{ flex-basis: 46%; margin: 0;}*/

/*----*/


@media screen and (max-width: 800px) {
    .table_bar.multicell .form_fields { flex-basis: 100%; margin: 5px 0; }
    .form_wrap .table_bar.multicell.small .form_fields { flex-basis: 0; flex-grow: 1; }
    .table_bar.multicell .form_fields .input_label.mini { padding: 0px 5px 0 20px; min-width: 135px; }
    .table_bar.multicell .form_fields .input_label { white-space: nowrap; }

    .table_bar.multicell .form_fields,
    .table_bar.multicell .form_fields.short,
    .table_bar.multicell .form_fields.first { flex-grow: 0; max-width: 100%; }
    .map .form_fields .input_cont input.mini { flex-grow: 1; }
}

@media screen and (max-width: 550px) {
    .map .table_bar.multicell .form_fields .input_cont { flex-wrap: wrap; }
}
/*----*/


/*.map .table_bar.multicell .form_fields .input_cont {justify-content: flex-start;-ms-flex-pack:start;align-items: flex-start;-ms-flex-align: start;}
.table_bar.multicell .form_fields {flex: 1;-ms-flex:1;}
.table_bar.multicell .form_fields .input_label {}
.map .table_bar.multicell .form_fields.first .input_label { min-width: 135px;}



.table_bar.multicell .form_fields.required .input_label.mini.second { min-width: 0; flex-shrink: 0; flex-grow: 0; margin: 5px 5px 5px 0;}
.table_bar.multicell .form_fields.short { max-width: 35%;}


.map .form_fields .input_cont input.mini {max-width: 110px;}
.map .form_fields .input_cont .input_label.mini{min-width: 0;padding: 0 0 0 5px;}
.map .table_bar .form_fields .input_data.mini { min-width: 110px;max-width: 110px;}

.form_wrap .multicell.table_bar {width: auto;}
.form_wrap .table_bar.multicell .form_fields.status .input_cont .input_label {white-space:nowrap;}
.form_wrap .table_bar.multicell .form_fields.status .input_cont input{height:30px;}


@media screen and (max-width: 800px){
   .table_bar.multicell .form_fields.required {flex-basis: 100%;margin: 5px 0;} 
   .table_bar.multicell .form_fields.required .input_label.mini{ padding: 0px 5px 0 20px;min-width:135px}   
   .table_bar.multicell .form_fields.required .input_label {white-space: nowrap;}
   .table_bar.multicell .form_fields.required {flex-grow: 0;max-width: 100%;}

   .map .form_fields .input_cont input.mini{max-width:100%;}
}*/



.accessorials_bar { padding: 10px; }
    .accessorials_bar .table_bar { padding: 2px 0 0 10px; }
.multicell.table_bar.header .form_fields .input_cont .input_data { padding-left: 0; font-weight: 600; }

.table_bar .mobile_accessorials { flex: none; width: auto; }






.map .table_bar > .form_fields .input_cont .input_label { }
.map .table_bar.simple > .form_fields .input_cont .input_label { /*min-width: 135px; max-width: 135px;*/ }
.table_bar.align .form_fields { max-width: 49%; }
    .table_bar.align .form_fields .input_label { min-width: 0; }
    .table_bar.align .form_fields.first .input_label { min-width: 135px; }


.map .append_bar > * { margin-left: 5px }
.map .append_bar .button2 { height: 25px; line-height: 25px; border-radius: 0; }


.map .form_fields .input_cont.light { background-color: transparent; box-shadow: none; flex-wrap: wrap; -ms-flex-wrap: wrap; }
    .map .form_fields .input_cont.light .input_label { }
    .map .form_fields .input_cont.light .input_cont { background: transparent; box-shadow: none; }









/*------compact switcher--------*/
.map .table_bar .form_fields[large] { flex: 1 auto; -ms-flex: 1 auto; margin-right: 0; }
.map .table_bar .form_fields[small] { max-width: 140px; width: 140px; margin-right: 0; }
.map .table_bar .input_cont[align] { flex: 1; justify-content: flex-start; -ms-flex-pack: start; }
    .map .table_bar .input_cont[align] .radio_cont { max-width: 100%; }

    .map .table_bar .input_cont[align][compact] .radio_cont { width: auto; max-width: 100%; }
    .map .table_bar .input_cont[align][compact] label span { min-width: 0; }

@media screen and (max-width: 750px) {

    .map .table_bar .form_fields[small] { max-width: 100%; width: auto; flex: 1 100%; -ms-flex: 1 100%; }
    .left_bar .details_item .details_cont .btns[align] { padding-left: 0; }
    .map .table_bar .form_fields[large] { padding-left: 20px; }
}


@media screen and (max-width: 600px) {
    .map .table_bar .input_cont[align][compact] .radio_cont { flex: 1; margin: 5px 0 0 0; flex-shrink: 0; }
    .map .table_bar .input_cont[align][compact] label span { padding: 0 2px; font-size: 9px; }
    .map .table_bar .form_fields[large] { padding-left: 0; }
}
/*---------*/








.details_cont .input_cont .radio_cont label span::after { }

.form_fields .multy.input_cont .input_cont,
.compact .multy.input_cont .input_cont { align-items: flex-start; -ms-flex-align: start; max-width: 230px; }

.input_cont.multy { margin: 5px 0; max-width: 450px; flex-direction: row; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; }
    .input_cont.multy .input_label { position: static; transform: none; }
    .input_cont.multy .input_cont { flex-direction: row; -ms-flex-direction: row; }

.details.open .data { visibility: hidden; opacity: 0; transform: translateX(100%); display: none; }
.details .details_header .title .icon { transition: .125s; }
.details.open .details_header .title .icon { transform: rotate(90deg); }
.details.open .switch > div { box-shadow: -1px 0 0 0 #c7c7c7; }
.details.show_cont { display: -ms-flexbox; display: flex; }
    .details.show_cont .title { width: 100%; }
    .details.show_cont .switch span { text-transform: uppercase; font-weight: 600; line-height: 21px; }
    .details.show_cont .callapse { display: none; }
    .details.show_cont.open .expand { display: none; }
    .details.show_cont.open .callapse { display: block; }

.details .details { box-shadow: none; margin: 10px 0 0 0; }
    .details .details:hover { background: none; }
        .details .details:hover .details_header { background-image: linear-gradient(to right, rgba(0,0,0,0.03) 0%,rgba(0,0,0,.03) 100%); }
.details.open .details .title .icon { transform: rotate(0deg); }
.details.open .details.open .title .icon { transform: rotate(90deg); }

.details.open .details.open .details_header .title .icon { transform: rotate(90deg); }
.details.open .details .details_header .title .icon { transform: none; }

.details .buttons { margin: 5px 0; }
.details_cont .details_part { display: block; }






.mbl_switch { position: absolute; height: 100%; width: 50px; top: 0; z-index: 5; box-shadow: 4px 0 0 0 rgba(0,0,0,.1); display: none; cursor: pointer; right: -50px; transform: translateX(-100%); transition: transform .2s; transition-delay: .3s; background-color: #373737; }
    .mbl_switch div { width: 50px; right: 0; display: block; position: absolute; height: 100%; /*-ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;*/ background-color: rgba(255,255,255, .18); }
        .mbl_switch div span { transform: rotate(270deg); position: absolute; transform-origin: 0 100%; left: 100%; top: 50%; line-height: 50px; text-align: center; text-transform: uppercase; font-size: 13px; transition: .2s; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1); pointer-events: none; color: #fff; font-weight: 700; white-space: nowrap; }
/*.left_bar .mbl_switch div span:after{content:'TAP TO SHOW MAP';}
.left_bar.close .mbl_switch div span:after{content:'TAP TO SHOW details';}*/
/**/
@media screen and (max-width:900px) {
    .left_bar { width: 100%; transform: translateX(0); max-width: calc(90% - 50px); position: absolute; }
    .close.left_bar { transform: translateX(-100%); max-width: calc(90% - 50px); }
    .mbl_switch { display: block; transform: translateX(0); }
    .map_content { /*margin-left:50px;*/ }
}


.map_content pin[tip] .mark_tip { }
.map_content pin[tip] wrap { /* max-height:60px; */ /* position: absolute; */ /* left: -25px; */ }
.map_content pin[tip] .mark_tip { background-color: rgba(255, 255, 255, 0.7); padding: 5px 10px 5px 25px; width: 120px; border-radius: 2px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.03); position: absolute; left: 25px; }
    .map_content pin[tip] .mark_tip > span { display: block; }


.details .details_item .details_header .data .address { width: 150px; text-align: left; }
.date { }


.load_toolbar { float: right; /* max-width: 100px; */ height: 100%; position: absolute; /* overflow-x: hidden; */ display: flex; flex-direction: column; display: -ms-flexbox; -ms-flex-direction: column; right: 8px; pointer-events: none; }
.action_cont { background: #fff; text-align: center; padding: 8px; box-sizing: content-box; display: flex; flex-direction: column; display: -ms-flexbox; -ms-flex-direction: column; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.09); overflow-x: hidden; position: relative; top: 8px; max-width: 210px; z-index: 0; pointer-events: auto; overflow: hidden; }
    .action_cont.open { max-height: calc(100% - 55px); overflow-x: hidden; overflow-y: auto; padding: 10px; }
    .action_cont:empty { display: none; }
    .action_cont .button { padding: 0px 10px; text-transform: none; font-weight: 400; min-height: 30px; }
    .action_cont .title { display: flex; display: -ms-flexbox; line-height: 30px; padding: 0px 0 0px 25px; min-height: 30px; position: relative; cursor: pointer; }
        .action_cont .title .icon-collapse { font-size: 18px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%) rotate(-90deg); transition: 0.25s; }
    .action_cont.open .title .icon-collapse { transform: translateY(-50%) rotate(0deg); }



    .action_cont .check_cont { }
        .action_cont .check_cont .ch_cont { color: rgba(0,0,0,.8); }
    .action_cont .ch_cont label span { color: rgba(0,0,0,.8); }
    .action_cont.fuel_price button { justify-content: start; padding: 0; }
        .action_cont.fuel_price button:hover { box-shadow: none; }

.tractor_tool_bar .action_cont > div { display: none; }
.tractor_tool_bar .action_cont.open > div { animation: detail_appear .125s backwards; display: block; }
.load_toolbar .action_filter { background-color: #fff; padding: 10px 10px 10px 10px; box-sizing: content-box; display: flex; flex-direction: column; display: -ms-flexbox; -ms-flex-direction: column; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.09); overflow-x: hidden; position: relative; top: 15px; pointer-events: auto; min-width: 100px; margin: 0 0 10px 0; }
.map .gm-fullscreen-control { display: none; }

    .fuel_price.fill [direction], .fuel_price.fill input { width: 210px; }
    [route] { display: flex; justify-content: space-between; width: 100%; }
    [route] label { padding: 0 10px 0 25px; }
    [route] input { width: 100%; height: 30px; padding-right: 20px; }
        [route] input, [route] input:focus { font-size: inherit; box-shadow: inset 0px -1px 0px 0px #000; text-overflow: ellipsis; border-radius: 0; }
[direction] { display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 120px; transition: width 1s; -moz-transition: width 0.5s linear; }
    [direction] button { margin: 8px 0; width: 100%; }
        [direction] button:hover { box-shadow: none; }
    [direction] icon { position: absolute; right: 1px; cursor: pointer; color: #878787; }
    [direction] input:placeholder-shown ~ icon { display: none; }

.upload_wrap { margin: 10px 0; }
.category_file.uploader { min-width: 0; max-width: 100%; /* margin-right: 5px; */ align-items: center; -ms-flex-align: center; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; flex-wrap: wrap; -ms-flex-wrap: wrap;; min-height: 20px; padding: 5px 5px 5px 0; background-image: none; box-shadow: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, .05); }
    .category_file.uploader .upload_controls { width: auto; padding-top: 0; margin: 5px 0; }
    .category_file.uploader .k-widget.k-upload.k-header { flex: none; -ms-flex: none; min-height: 25px; min-width: 90px; }
        .category_file.uploader .k-widget.k-upload.k-header.k-upload-sync.k-upload-empty { flex: 1; -ms-flex: 1; }
    .category_file.uploader .upload_controls .k-upload-action .k-icon { height: 25px; width: 25px; background-size: 20px; position: relative; }

    .category_file.uploader .up_tip > span { align-items: center; -ms-flex-align: center; display: flex; display: -ms-flexbox; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 230px; background: transparent; justify-content: flex-start; -ms-flex-pack: start; box-shadow: none; }
    .category_file.uploader .upload_controls .k-upload-action .k-icon:after { height: 25px; width: 25px; font-size: 25px; flex-shrink: 0; min-width: 25px; color: #000; }

    .category_file.uploader .up_tip .icon { font-size: 0; width: 30px; height: 30px; display: block; margin-right: 10px; }
        .category_file.uploader .up_tip .icon:before { display: none }
    .category_file.uploader .k-widget.k-upload.k-header .k-button.k-upload-button { padding: 0 10px; height: 25px; line-height: 25px; font-size: 10px; margin-right: 0; }
    .category_file.uploader .k-upload-button input { }
.fileContainer a, .input_label > a { color: #3068df; font-weight: 600; align-items: center; -ms-flex-align: center; display: flex; display: -ms-flexbox; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 230px; }
.uploader.category_file .fileContainer { padding: 0; flex: 1; -ms-flex: 1; }
.uploader .fileContainer .up_tip { position: relative; }
.category_file.uploader .upload_controls .k-upload-action { min-width: 25px; height: 25px; margin-left: 5px; }
    .category_file.uploader .upload_controls .k-upload-action .k-icon.k-delete:before { position: absolute; top: -2px; left: -3px; }

@media screen and (max-width:380px) {
    .category_file.uploader { justify-content: flex-start; }
    .uploader.category_file .fileContainer { flex: 1 1 100%; }
}


/* bid--------------*/
bid[title] { display: flex; display: -ms-flexbox; }
    bid[title] wrap { display: flex; flex-wrap: nowrap; /*padding: 0 5px;*/ }
    bid[title] cell { padding: 5px 5px; text-align: left; font-weight: 600; margin: 0; }
        bid[title] cell[stars] text { margin: 0; }

sort { cursor: pointer; }
    sort icon { font-size: 15px; width: 15px; height: 15px; }


bid_list { padding: 5px 0px; display: flex; flex-direction: column; display: -ms-flexbox; -ms-flex-direction: column; min-width: 250px; }
bid { display: flex; display: -ms-flexbox; cursor: default; }
    bid wrap { display: flex; display: -ms-flexbox; flex-wrap: nowrap; -ms-flex-wrap: nowrap; /* background-color: #fff; */ /* box-shadow: inset 0 1px 0 0px rgba(0,0,0,.05); */ padding: 5px 0; width: 100%; }
        bid wrap[right] { justify-content: flex-end; -ms-flex-pack: end; }
    bid cell { display: flex; /* align-items:flex-end; */ display: -ms-flexbox; -ms-flex-align: end; padding: 5px 3px; min-height: 30px; flex-shrink: 0; }
        bid cell[static] { }
    bid cost { /*font-weight: 600;*/ }
    bid text { display: flex; display: -ms-flexbox; /* flex-direction: column; */ -ms-flex-direction: column; width: 100%; align-items: center; margin-right: 3px; }
        bid text:only-child { margin-right: 0; }
        bid text:last-child { margin-right: 0; }

        bid text order { display: block; padding: 0 5px; }
        bid text span { width: 100%; overflow: hidden; text-overflow: ellipsis; font-weight: 400; }


    bid .stars { display: flex; display: -ms-flexbox; }
    bid .stars_wrapp { max-width: 100px; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; margin: 0; }
    bid .star { font-size: 20px; color: #FFB300; }
.star.icon-star-stroke { color: rgba(0, 0, 0, 0.3); }

cell[carrier] { width: 170px; flex-wrap: nowrap; }
cell[stars] { width: 105px; flex-direction: column; align-items: flex-start; justify-content: center; -ms-flex-pack: center; }
    cell[stars] text { /*margin: 0px 0 10px 0;*/ flex-direction: row; -ms-flex-direction: row; line-height: 14px; }
    cell[stars] .stars_wrapp text { margin: 0; }

    cell[stars] total { font-size: 14px; font-weight: 800; }
    cell[stars] text label { font-weight: 800; margin: 0 3px 0 0px; min-width: 30px; }
    cell[stars] text value { font-size: 14px; font-weight: 800; color: #3169de; }
    cell[stars] value[total] { color: #3169de; }
    cell[stars] symbol { display: block; text-align: center; padding: 0 3px; font-weight: 600; }
        cell[stars] symbol icon { width: 15px; height: 15px; font-size: 15px; }

cell[cost] { width: 60px; justify-content: flex-end; -ms-flex-pack: end; align-items: center; font-weight: 600; }
cell[status] { width: 130px; }
cell[badge] { width: 80px; }
bid[title] cell[cost] { justify-content: flex-start; -ms-flex-pack: start; }
cell[accept] { min-width: 65px; justify-content: flex-start; -ms-flex-pack: start; align-items: center; -ms-flex-align: center; }

bid[title] cell[accept] { justify-content: flex-start; -ms-flex-pack: start; }

cell[accept] action { display: flex; align-items: center; justify-content: center; -ms-flex-pack: center; -ms-flex-align: center; height: 20px; /* min-width: 110px; */ }
    cell[accept] action button { margin-right: 5px; }
        cell[accept] action button:last-child { margin: 0 }
        cell[accept] action button:only-child { margin: 0 }


    cell[accept] action button { margin-right: 10px; min-width: 0; }

wrap[right] cell[accept] action { justify-content: flex-start; -ms-flex-pack: start; width: 110px; }

/*cell[auto] { min-width: 95px;}*/
cell[auto] { min-width: 95px; padding-left: 0px; padding-right: 0px; }



cell[star_count] { width: 35px; }
cell[year_count] { min-width: 40px; text-align: right; }


action .gray { color: #808080; }
action .blue { color: #3169de; }
    action .blue.primary { background-color: #3169de; color: #fff; }

cell action .icon-ABOUT-US { height: 20px; width: 30px; font-size: 30px; position: relative; }
    cell action .icon-ABOUT-US:before { margin-top: 0px; position: absolute; left: 0px; top: -5px; }

bid[title] cell[accept] { justify-content: flex-start; }

td bid_list { /* box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03); */ padding: 0; width: 100%; min-width: 0; }
td .bids_details { display: flex; display: -ms-flexbox; justify-content: flex-end; -ms-flex-pack: end; /* padding: 20px; */ }

.details_item .bids_details { padding: 5px 0px 5px 20px; margin: 10px 0; min-width: 250px; }
.details_item bid_list bid wrap { width: 100%; }
.details_item cell[carrier] { width: 95px; }



bid[add] > wrap { }
cell[input] { width: 85px; /*align-items: flex-end;-ms-flex-align:end;*/ text-align: right; }
    cell[input] input { width: 100%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); height: 20px; padding: 0 5px; }
.k-grid-content tr td cell[input] input { box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); background: #fff; }


@media screen and (max-width:850px) {
    .details_item .bids_details { padding: 0; }

    .k-widget.k-grid bid[title] { display: none; }
    .k-widget.k-grid bid > wrap { flex-direction: column; -ms-flex-direction: column; width: 100%; padding: 5px; }
    .k-widget.k-grid bid cell { width: 100%; padding: 5px 5px; justify-content: flex-start; -ms-flex-pack: start; }


        .k-widget.k-grid bid cell[auto] wrap { width: auto; }
        .k-widget.k-grid bid cell[auto] { align-items: center; }
            .k-widget.k-grid bid cell[auto] cell[stars] { width: auto; }

    .bids_details bid > wrap { flex-direction: column; -ms-flex-direction: column; width: 100%; padding: 5px; }
    .bids_details bid_list bid cell > wrap { width: auto; }

    /*cell[date]{font-size: inherit;}*/

}

@media screen and (max-width:650px) {
    .bids_details { }
    .details_item bid { padding: 5px 0; }
    .details_item cell[carrier] { flex: 1; flex-shrink: 1; overflow: hidden; min-width: 50px; max-width: 100%; }
    .details_item cell[stars] { /* width: 85px; */ }


    .details_item bid cell { /* font-size:10px; */ }
    .details_item bid[title] cell { font-size: 12px; }

    .details_item cell[cost] { /* width:50px; */ justify-content: flex-start; -ms-flex-pack: start; }
    .details_item cell[accept] { width: 75px; }

    .details_item bid text order { display: none; }
    .details_item bid .star { /* font-size: 13px; */ }
    .details_item bid cell action .button2 { /* padding:0 5px; */ /* min-width: 0; */ /* font-size: 10px; */ /* line-height: 15px; */ /* height: 15px; */ }
    .details_item bid text span { /* height: 13px; */ /* overflow:hidden; */ /* white-space: nowrap; */ }
}


/*--------------------------------------*/
.bids { margin: 10px 0; }
.k-grid .bid table { table-layout: auto; }
.bid .stars_wrapp { max-width: 100px; margin: 0 auto; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; }
.stars { float: left; }
.star { font-size: 20px; }

.bid td { width: 60px; }
    .bid td button { margin: 0 auto; float: none; }


.bid_list { padding: 10px 0px; width: 100%; float: left; }
    .bid_list .title { font-weight: 600; margin-right: 0px; }
    .bid_list li { line-height: 20px; float: left; width: 100%; flex: 1; }
        .bid_list li:first-child { flex: 0; }
        .bid_list li span { padding: 0 10px 0 0; float: left; }
.details_item .bids_details { padding: 5px 0px 5px 20px; margin: 10px 0; min-width: 250px; }
/*----------------------------------------*/



order[badge] { white-space: nowrap; z-index: 2; position: relative; text-align: center; font-weight: 600; max-width: 100%; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; color: rgb(117, 117, 117); background: rgba(4, 4, 4, 0.1); font-size: 10px; padding: 1px 3px; text-transform: uppercase; }
    order[badge][loadconnex] { /* background: #34608b; */ /* color: rgb(255, 255, 255); */ }




.no_lowest input, .no_lowest text span { color: red; }
.lowest input, .lowest text span { color: #43a047 }

.k-detail-cell bid wrap { background-color: rgb(255, 255, 255); box-shadow: inset 0 1px 0 0px rgba(0,0,0,.05); }
.k-detail-cell bid_list { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03); }
.k-detail-cell .bids_details { padding: 0px; }




.bid_grid .k-detail-cell bid wrap { box-shadow: none; }


.bid_grid .k-grid-content tr.k-master-row,
.bid_grid .k-grid-content tr.k-detail-row { background: #ffffff; }

.bid_grid .k-grid-content tr.k-alt.k-master-row,
.bid_grid .k-grid-content tr.k-alt.k-detail-row { background: #f7f7f7; }
.bid_grid .k-grid-content tr.k-detail-row .k-detail-cell bid wrap { background: none; }


.bid_grid .k-grid-content tr.k-master-row { box-shadow: inset 0 1px 0 0px rgba(0, 0, 0, 0.1); }
.bid_grid .k-grid-content tr.k-detail-row { }
.bid_grid .k-grid-content tr:last-child { box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, 0.1); }

.bid_grid .k-grid-content tr.k-master-row td,
.bid_grid .k-grid-content tr.k-detail-row td { box-shadow: none; }

.bid_grid tr.k-master-row td { box-shadow: none; font-weight: 700; }

.bid_grid .k-grid-content > tr:hover { background-image: linear-gradient(rgba(245, 245, 245, .8), rgba(245, 245, 245,.8)) !important; }
/*-------*/



/*============END MAP============*/


/*============START equipment  MAP============*/
.map_wrap { height: 100%; width: 100%; position: absolute !important; }

.tractor_tool_bar { float: right; height: 100%; position: absolute; display: flex; flex-direction: column; display: -ms-flexbox; -ms-flex-direction: column; right: 10px; pointer-events: none; }
    .tractor_tool_bar .action_cont { max-width: 100%; top: 10px; min-width: 280px; }

        .tractor_tool_bar .action_cont .form_fields { min-height: 60px; max-width: 100%; }

    .tractor_tool_bar .button_cont { margin: 20px auto; }

    .tractor_tool_bar .action_cont .form_fields.status { padding-top: 0; margin: 5px 0; min-height: 30px; /* float:  left; */ /* width: 100%; */ clear: both; }
        .tractor_tool_bar .action_cont .form_fields.status .input_cont { align-items: flex-start; -ms-flex-align: start; }
            .tractor_tool_bar .action_cont .form_fields.status .input_cont .input_cont { flex-direction: column; -ms-flex-direction: column; }
                .tractor_tool_bar .action_cont .form_fields.status .input_cont .input_cont .input_data { /*margin: 5px 0;*/ }

    .tractor_tool_bar .form_fields.status .input_cont .input_label { /* line-height: normal; */ height: auto; /* max-width: 50%; */ padding-top: 7px; padding-left: 0; min-width: 110px; white-space: normal; }
    .tractor_tool_bar .form_fields.status .input_cont .input_data { line-height: normal; min-height: 0; max-width: 50%; white-space: normal; min-width: 130px; }
        .tractor_tool_bar .form_fields.status .input_cont .input_data:empty { /* display:none; */ }

.slider_wrap { float: left; width: 100%; position: relative; margin: 30px 0 5px 0; }
    .slider_wrap .k-slider { margin: 15px 0; }
.data_picker_cont { width: 100%; margin: 0 10px; }
.data_picker_wrap .input_cont { flex-direction: row; -ms-flex-direction: row; }
    .data_picker_wrap .input_cont button { max-width: 30px; min-width: 0; width: 100%; padding: 0; position: relative; }
        .data_picker_wrap .input_cont button span { font-size: 16px; left: 50%; position: absolute; top: 50%; }
.icon-collapse.right { transform: translateX(-50%) translateY(-50%) rotate(-90deg); }
.icon-collapse.left { transform: translateX(-50%) translateY(-50%) rotate(90deg); }
.data_picker_wrap .input_cont data_picker_cont { margin: 10px 0; }



.modul { width: 100%; padding: 5px 5px 5px 0; margin: 2px 0; box-shadow: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, .05); }
.map .modul .form_fields .input_label { height: 30px; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.map .modul .form_fields .input_cont { justify-content: space-between; -ms-flex-pack: justify; box-shadow: none; }
.modul .message { align-items: center; -ms-flex-align: center; display: flex; display: -ms-flexbox; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 230px; background: transparent; justify-content: flex-start; -ms-flex-pack: start; box-shadow: none; /* flex: 1; */ }
    .modul .message .icon { }
.modul a { color: #3068df; font-weight: 600; align-items: center; -ms-flex-align: center; display: flex; display: -ms-flexbox; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 230px; }
.modul .form_fields { margin: 0; }
.modul .inactive { color: #b0b0b0; pointer-events: none; }




.accessorials_bar { padding: 10px 0px 10px 15px; }
.table_bar .accessorials_bar { flex: 1; }
.accessorials_bar > h2 { padding-left: 5px; }
.table { width: 100%; border-spacing: 0; border-collapse: collapse; table-layout: auto; margin: 0px auto 0px auto; }
    .table th { text-align: left; padding: 5px 15px 5px 5px; }
    .table td { padding: 5px 5px 5px 5px; text-align: left; }
    .table tfoot td:first-child { width: 120px; }
    .table thead th:last-child { width: 30px; }
    .table td:last-child { padding: 5px 0px; }
    .table tfoot tr:first-child td { }
    .table tfoot tr:only-child td { padding-bottom: 0px; }
    .table tfoot .total td { }

    .table tr.seprtr td { }
        .table tr.seprtr td span { box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.2); padding: 0; height: 1px; margin: 10px auto; display: block; width: 100%; /* max-width: calc(100% - 20px); */ }

    .table .total td:first-child { /* padding-left: 5px; */ }
    .table h2 { padding-left: 0px; }
    .table .total .input_label, .map .table .input_label { padding: 0 5px 0 0px; }
    .table .form_fields .input_cont input { padding: 0 5px 0 0px; }
    .table .k-widget.k-header input.k-input { padding: 0 5px 0 0px; }

    .table td .button2.mini .icon-cancel { position: relative; max-height: 20px; display: block; }
        .table td .button2.mini .icon-cancel:before { margin-top: -9px; display: block; }

.accessorials_bar tfoot .button2 { width: 100%; }
.accessorials_bar wrap { display: flex; align-items: center; }
    .accessorials_bar wrap .button2 { margin-left: 10px; }


.table tbody > tr.add { animation: hide 0.5s ease-out both; opacity: 0; }

@keyframes hide {
    to { opacity: 1 }
}


.table th.right_align { text-align: right; padding: 5px 10px 5px 5px; }
/*.table td.right_align{text-align:right;}*/
.table td.right_align .input_data { text-align: right; padding-right: 5px; }

.table td.left_align { text-align: left; }
    .table td.left_align .input_data { text-align: left; padding-left: 0px; }


.map .table_bar.multicell td.right_align .form_fields .input_cont { justify-content: flex-end; }


/*============END  equipment  MAP============*/

/*======START data_tip=====*/

.data_form { display: flex; display: -ms-flexbox; flex-wrap: wrap; margin: 3px 0; min-height: 15px; line-height: 15px; }
    .data_form .label { padding-right: 5px; padding-left: 5px; }
    .data_form .value { color: #134678; font-weight: 700; padding-left: 5px; }
    .data_form.small { font-size: 10px; }

    .data_form.justy { justify-content: space-between; }
button.gm-ui-hover-effect { max-width: 50px !important; background: red; }


.div_table.data_tip_cont .label { min-width: 100px; }
.div_table.data_tip_cont .value { max-width: 150px }

.gm-style-iw { max-width: 200px; }
    .gm-style-iw > div { min-width: 100%; }
/*======END data_tip=====*/


/*======START info=====*/
.wrap_info { padding: 20px 0; }
    .wrap_info h2 { text-transform: uppercase; /*font-weight:400;*/ margin: 15px 0; }
    .wrap_info p { font-size: 16px; margin: 15px 0 }
    .wrap_info ul { font-size: 15px; padding-left: 30px; }
        .wrap_info ul li { list-style: disc; margin: 15px 0 }
        .wrap_info ul ul li { list-style: circle; margin: 5px 0 }
    .wrap_info .link { color: #00c; }
/*======END info=====*/


/*=========START COLLAPSE==============*/

.collapse .icon-collapse, .details .collapse .title [class^="icon-"] { /* position: absolute; */ /* top: 20px; */ /* left: 13px; */ cursor: pointer; /* transform: rotate(-90deg); */ transition: .125s; font-size: 18px; }

.details .container .collapse.open .title [class^="icon-"] { transform: rotate(0deg) translateY(-50%); left: 5px; }
.details .container .collapse .title [class^="icon-"] { left: 5px; }

.details .collapse .title [class^="icon-"] { transform: rotate(-90deg) translateX(50%); }
.collapse.open > h2 > .icon-collapse, .collapse.open > h3 > .icon-collapse, .details .collapse.open .title [class^="icon-"] { transform: rotate(0deg); }
.collapse h2.title { padding-left: 10px; padding-right: 30px; cursor: pointer; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; flex-wrap: wrap; -ms-flex-wrap: wrap; position: relative; gap: 10px; }
.collapse .k-grid, .collapse .filter_cont, .collapse_wrap { display: none; }
.collapse.open .filter_cont { display: flex; display: -ms-flexbox; }
.container.collapse .k-grid { display: none; }
.collapse.open .k-grid, .collapse.open > .collapse_wrap { display: block; }
.collapse .k-grid.k-widget, .collapse .filter_cont, .collapse .collapse_wrap { animation: detail_appear .125s backwards; }
    .collapse .k-grid.k-widget .k-grid.k-widget { animation: detail_appear .125s backwards .1s; }

.collapse .icon-SEARCH { /*position: absolute; top: 18px; left: 0px;*/ cursor: pointer; font-size: 24px; /*top: 50%; transform: translateY(-50%);*/ }
.collapse .icon-GENERAL { right: 0px; position: absolute; top: 50%; transform: translateY(-50%); left: auto; }
.collapse .icon-collapse { /* left: 5px; */ transform: rotate(-90deg); /* top: 50%; */ transform-origin: center center; }
#grdMarketplaceInvitationArea .collapse .icon-collapse, #grdMarketplaceArea .collapse .icon-collapse { /* left: 0px; */ }

.collapse .title { }
    .collapse .title .button.mini { padding: 0; }
    .collapse .title .button icon { margin: 0; }
    .collapse .title separator[vertical] { margin: 0; }
.button.adaptive { padding-left: 0; }

@media screen and (max-width: 620px) {
    .collapse h2.title { gap: 5px; padding-left: 0; }
    .collapse .title .button.adaptive text { display: none; }
    .collapse .title .button.adaptive { min-width: 0px; padding: 0; }
    .collapse .title separator { display: none; }
}




/*=========END COLLAPSE==============*/





/*=========START notification_settings==============*/
.notification_settings .container.collapse { flex: 1 1 100%; -ms-flex: 1 1 100%; }
.notification_settings .container .collapse_wrap { padding: 0 30px; }
.notification_settings .collapse_wrap .container { padding-left: 18px; padding-right: 18px; }
.container .container h4 { font-size: 14px; }
.form_wrap .sprt { width: 100%; }
/*=========END notification_settings==============*/

/*======START Error=====*/
/*.error{ padding:20px 40px;}
.error h2{color:red}*/
/*======END Error=====*/


/*==========START loader===========*/
.loader { position: relative; margin: 0px auto; width: 20px; display: block; }
    .loader:before { content: ''; display: block; padding-top: 100%; }
.circular { animation: rotate 2s linear infinite; height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.path { stroke: #000; stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; }

@keyframes rotate {
    100% { transform: rotate(360deg); }
}

@keyframes dash {
    0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
    50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; }
    100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; }
}

/*.k-ie  .preloader .loader .circular{display:none}
.k-ie  .preloader .loader {background-image:url(/Content/images/preloader.gif?v=5.6.20210929);background-size: cover;}
.k-ie  .loader {background-image:url(/Content/images/preloader.gif?v=5.6.20210929);background-size: cover;}*/


.spinner { width: 100%; height: 80px; position: relative; float: left; margin: 10px 0 0 0; overflow: hidden; padding: 0; }
    .spinner .loader { height: 30px; width: 30px; position: absolute; margin: auto; transform: scale(1) translateX(-50%) translateY(-50%); top: 50%; left: 50%; }
        .spinner .loader svg circle { stroke: #3f51b5; }

.load_bar { width: 20px; position: relative; display: block; margin-left: 10px; }

.preloader { height: 100%; width: 100%; z-index: 99999; position: fixed; top: 0; left: 0; background-color: rgba(47, 49, 58, 0.65); }
    .preloader .loader { width: 40px; position: absolute; transform: scale(1) translateX(-50%) translateY(-50%); top: 50%; left: 50%; }
        .preloader .loader .path { stroke: #fff; }
.preloader_inner { position: absolute; }
/*==========END loader===========*/



/*==========START windows===========*/
.ovrl_wnd_cont { }
    .ovrl_wnd_cont > div { height: 100%; width: 100%; position: fixed; z-index: 99999; padding: 20px; opacity: 0; -ms-flex-direction: row; visibility: hidden; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -ms-flex-direction: column; -ms-flex-align: center; -ms-flex-pack: center; -ms-flex-negative: 1; align-items: center; justify-content: center; overflow: auto; background-color: rgba(15,20,25,.55); top: 0; left: 0; }

/*.ovrl_wnd_cont > div { width: calc(100% - 70px);left: calc(0% - -70px);}
@media screen and (max-width: 500px) {
    .ovrl_wnd_cont > div { width: 100%; left: 0;}
}

body.fit .ovrl_wnd_cont > div {width: 100%; left: 0;}*/

.main_fit .ovrl_wnd_cont > div.open { width: 100%; }

.ovrl_wnd_cont > div.no_overlay { background: none; width: 100%; }

.ovrl_wnd_cont > div { width: calc(100% - 70px); right: 0; left: auto; }
    .ovrl_wnd_cont > div.open { opacity: 1; visibility: visible; }

@media screen and (max-width:500px) {
    .ovrl_wnd_cont > div.open { width: 100%; }
}

.ovrl_wnd_cont > div.open { }

.ovrl_wnd_cont > div > div { box-sizing: border-box; position: relative; -ms-flex-pack: center; overflow: hidden; justify-content: center; display: -ms-flexbox; -ms-flex-direction: column; display: flex; flex-direction: column; max-height: calc(100vh - 120px); -ms-flex-negative: 1; max-width: 100%; box-shadow: 0px 8px 0 -4px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05), 0 15px 20px -10px rgba(0,0,0,.3); /*border-radius:6px;*/ }

@media screen\0 {
    .ovrl_wnd_cont > div > div { max-height: none; }
}
/* target IE 10*/
.ovrl_wnd_cont > div > div > header { width: 100%; height: 50px; min-height: 50px; cursor: default; position: relative; z-index: 1 }
    .ovrl_wnd_cont > div > div > header > p { background: #fff; height: 50px; text-align: left; box-sizing: border-box; margin: 0; padding: 0 60px 0 20px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; /*color:#2d3e4d;*/ font-weight: 600; }
    .ovrl_wnd_cont > div > div > header > span { height: 30px; width: 30px; position: absolute; right: 10px; top: 10px; cursor: pointer; background-image: url(/Content/images/sprite.svg?v=5.6.20210929); background-repeat: no-repeat; background-position: -300px -90px; }
        .ovrl_wnd_cont > div > div > header > span:active { transform: translateY(1px); -webkit-transform: translateY(1px) }
.ovrl_wnd_cont > div > div > div { display: -ms-flexbox; -ms-flex-direction: column; display: flex; flex-direction: column; max-height: 100%; overflow: hidden; -ms-flex-negative: 1; }
.window_cont { position: relative; display: -ms-flexbox; -ms-flex-direction: column; display: flex; flex-direction: column; max-height: 100%; width: 100%; overflow: hidden; background: #fff; -ms-flex-negative: 1; -ms-flex: 1 0 auto; }
    .window_cont .form_container { padding: 15px; white-space: normal; background: #ffffff; /* background-image: -webkit-linear-gradient(top, #fff 0%, #f3f3f3  120px); */ /* background-image: linear-gradient(to bottom, #fff 0%, #f3f3f3  120px); */ position: relative; -ms-flex: 1 1 auto; max-height: 100%; overflow-x: hidden; /*max-width: 420px;width: 420px;*/ min-width: 320px; float: left; }
    .window_cont .commandPanel { display: flex; display: -ms-flexbox; justify-content: flex-end; -ms-flex-pack: end; flex-wrap: wrap; -ms-flex-wrap: wrap; min-height: 50px; box-sizing: border-box; width: 100%; padding: 0 10px; align-items: center; -ms-flex-align: center; }
    .window_cont form { display: -ms-flexbox; -ms-flex-direction: column; display: flex; flex-direction: column; max-height: 100%; max-width: 900px; overflow: hidden; -ms-flex-negative: 1; }

    .window_cont .user_content { font-weight: 400; line-height: 20px; }


.commandPanel .button { margin: 0 10px 0 0; background-color: transparent; }
    .commandPanel .button:last-child { margin-right: 0; }
    .commandPanel .button.right { margin: 0 0 0 10px }
.commandPanel .white { }
.commandPanel .primary { background-color: #fdd65d; min-width: 110px; }
    .commandPanel .primary:hover { }

.form_container .commandPanel { min-height: 30px; padding: 10px 0px 0 0; }
.form_container .section_group { width: 100%; padding: 0 0px 20px 0; box-sizing: border-box; position: relative; /*float: left;clear: both;*/ display: flex; flex-wrap: wrap; }
.form_container .section { float: left; position: relative; padding: 0; width: 100%; }
.form_container .section_group .section.middle { min-width: 350px; }

@media screen and (max-width:600px) {
    .form_container .section_group .section { width: 100%; }
        .form_container .section_group .section.middle { min-width: 0px; }
}

.form_container .section_group div.section:only-child { width: 100%; }


.form_container fieldset { border: none; border-top: 1px rgba(0,0,0,.1) solid; box-sizing: border-box; position: relative; margin: 5px 0px 25px 0px; }









.form_container .section .form_fields { max-width: 100%; }
.form_container .form_fields .input_label { font-size: 13px; min-width: 110px; text-align: right; }

.form_container .section .form_fields.status { padding-top: 15px; }
/*----*/

.message_box { padding: 0 20px; min-width: 280px; box-sizing: border-box; background: #fff; }
    .message_box .message_container { max-width: 350px; white-space: normal; word-wrap: break-word; padding: 10px 0; font-size: 13px; /*font-weight: 600;*/ /*color: #5a5a5a;*/ }
        .message_box .message_container h2 { font-size: 18px; font-weight: 400; margin-bottom: 10px; }
.message_text a.link { color: #3169de; font-weight: 600; }
    .message_text a.link:hover { text-decoration: underline; }


.message_box footer { display: block; height: 80px; padding: 20px 0; }

    .message_box footer .button { background-color: transparent; color: #000; box-shadow: none; padding-left: 0; float: right; height: 40px; line-height: 40px; margin-left: 10px; padding: 0 10px; }
        .message_box footer .button:hover { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.09); }


.message_box.action_confirm { display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; height: 100%; }
    .message_box.action_confirm > div { overflow-x: hidden; overflow-y: auto; }



.footer_bar { float: left; width: 100%; padding: 20px 10px 10px 10px; }
    .footer_bar .link, .user_content a { font-weight: 600; text-decoration: underline; }
    .footer_bar p { margin: 5px 0; }
        .footer_bar p .link { }





.action_confirm.message_box .message_container { max-width: 900px; }
.action_confirm .message_text p { font-weight: 400; margin: 10px 0 }
    .action_confirm .message_text p.bold { font-weight: 600; }
.additional_information { padding: 10px; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; font-weight: 400; }
.addition_item { flex: 1; -ms-flex: 1; /* min-width: 160px; */ /* max-width: 160px; */ margin: 10px; }
.addition_title { font-weight: 600; margin: 5px 0; display: block; text-transform: uppercase; }
.addition_item ul li { margin: 2px 0; }
.message_box.action_confirm footer { height: 80px; min-height: 80px; display: flex; display: -ms-flexbox; justify-content: flex-end; -ms-flex-pack: end; flex-wrap: wrap; -ms-flex-wrap: wrap; }
    .message_box.action_confirm footer .button.gray.no { order: 2; -ms-order: 2; }

.message_text ul { margin-left: 15px; }
.message_text li { list-style-type: disc; }
.message_text ul ul li { list-style-type: circle; }

.public_information { background: #689F38; border-radius: 30px; height: 20px; min-width: 20px; width: 20px; font-size: 0; position: relative; }
    .public_information:after { content: ""; background-image: url(/Content/icon/earth.svg?v=5.6.20210929); height: 14px; min-width: 14px; display: block; position: absolute; top: 3px; left: 3px; background-size: contain; background-repeat: no-repeat; }
.private_info { padding: 15px 20px; margin: 10px 0; font-style: italic; }
.url { display: block; width: 100%; white-space: normal; background: #ffffff; margin: 5px 0; padding: 10px; word-break: break-word; word-break: break-all; word-wrap: break-word; }
    .url a { color: #3169de; text-decoration: underline; }


.form_container .description { margin: 0 0 15px 0; padding: 0 5px; font-weight: 400; font-style: normal; /*color: #000000;*/ }
.message_text a { color: inherit; }
.window_cont .toggle.check_cont .ch_cont label { color: #5a5a5a; }



/*.success.message_box.action_confirm .message_text{color:#1c8e27}
.error.message_box.action_confirm .message_text{color:#ce0000;}*/


.success header { color: #1c8e27 }
.error header { color: #ce0000; }
.message > div > header p text { display: flex; align-items: center; }
    .message > div > header p text icon { margin-left: 5px; font-size: 20px; }
/*==========END windows===========*/



/*=========START FORM=============*/
.form_wrap { padding: 20px; max-width: 100%; }
    .form_wrap.mobile { padding: 20px 0; }
    .form_wrap form { display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; }
    .form_wrap .form_fields { margin: 15px 0; width: 25%; float: left; padding-right: 20px; min-width: 300px; max-width: 300px; }
        .form_wrap .form_fields.wide { float: left; width: 100%; max-width: 100%; flex: 1 100%; -ms-flex: 1 100%; }
    .form_wrap .grid { max-width: 100%; float: left; width: 100%; }
    .form_wrap .button_cont { max-width: 100%; float: left; width: 100%; }
    .form_wrap .button { background-color: transparent; color: #000; padding: 5px 10px 5px 10px; box-sizing: content-box; }
        .form_wrap .button .icon:not(.form_wrap .button.mini .icon),
        .form_wrap .button icon:not(.form_wrap .button.mini icon) { margin-left: -10px; }
    .form_wrap .k-widget.k-datepicker.k-header .k-select { display: none; }

    .form_wrap .form_fields.middle { max-width: 350px; }

    .form_wrap .form_fields.auto { max-width: 100%; width: auto; flex-shrink: 1; flex-grow: 0; flex-basis: auto; }

    /**/
    .form_wrap .button.large { padding: 10px 25px 10px 25px; }
    /**/


    .form_wrap .buttons { float: left; width: 100%; margin: 20px 0 20px 10px; }
    .form_wrap .button .icon-check { font-size: 30px; }
    .form_wrap .button .icon-cancel { font-size: 35px; position: relative; }
    .form_wrap .button .icon-chevron-right { font-size: 45px; position: relative; }
        .form_wrap .button .icon-chevron-right:before { position: absolute; top: -7px; left: -7px; }
    .form_wrap .button .icon-cancel:before { position: absolute; top: -1px; left: -2px; }

.form_frame { width: 100%; }
    .form_frame iframe { float: left; border: none; width: 100%; max-width: 500px; min-height: 550px; }

.form_wrap h4 { width: 100%; }

.form_wrap.container { padding: 0 20px; }

.form_wrap .section { padding: 20px 20px 20px 0px; flex: none; }
    .form_wrap .section .form_fields { float: none; }
    .form_wrap .section .buttons { width: auto; }


wide { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; align-items: flex-start; box-sizing: border-box; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 100%; flex: 1 100%; -ms-flex: 1 100%; }
.form_wrap wide .buttons { margin: 0px 0 15px 0px; align-self: flex-end; width: auto; }


group { display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; flex-basis: 100%; }
    group[column] { flex-direction: column; }
        group[column] .form_fields { flex-basis: 0; }


span[pre] { font-family: monospace; display: block; /*max-width: 910px;*/ }


.compact .form_fields { min-width: 225px; max-width: 225px; margin: 5px 0; }
.form_fields.small { min-width: 150px; max-width: 150px; }

.compact p.description { font-weight: 400; margin: 0; padding: 5px 5px 5px 7px; }
.compact .buttons { margin: 15px 0 5px 0; }

.compact .form_fields.status.result { margin: 15px 0px; }
.compact .form_fields.result .input_cont { color: #000; font-size: 14px; text-transform: uppercase; font-weight: 600; }

.compact .result.form_fields.status .input_cont .input_label { max-width: 100%; width: 100%; padding-left: 0; }


.form_wrap toolbar .button_cont { width: auto; }

.negative_number { color: #ce0000; font-weight: 700; }



/*=========END FORM=============*/




/*---tab_strip----------------*/
.tab_strip { display: flex; flex-direction: column; overflow: hidden; width: 100%; height: 100%; }
    .tab_strip.accent > wrap > ul > li.selected { box-shadow: none; color: #fff; background: var(--main-color) }

    .tab_strip > wrap { display: flex; flex-shrink: 0; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05); }
        .tab_strip > wrap > ul { display: flex; flex-shrink: 0; overflow: hidden; float: left; min-width: 100%; font-size: 15px; }

            .tab_strip > wrap > ul > li { list-style: none; height: 60px; line-height: 60px; overflow: hidden; padding: 0 10px; cursor: pointer; position: relative; overflow: hidden; font-weight: 700; display: flex; align-items: center; white-space: nowrap; flex-shrink: 0; opacity: .3; transition: .125s; }
                .tab_strip > wrap > ul > li:hover { background-color: rgba(136, 136, 136, 0.1); opacity: 1; }
                .tab_strip > wrap > ul > li:active text,
                .tab_strip > wrap > ul > li:active icon { transform: translateY(1px) }
                .tab_strip > wrap > ul > li.selected { box-shadow: inset 0 -3px 0 0 #4d4d4d; opacity: 1; }


                .tab_strip > wrap > ul > li.hidden { display: none }
                .tab_strip > wrap > ul > li.disabled { cursor: default; opacity: .5; transform: none; }
                .tab_strip > wrap > ul > li text { padding: 0 10px; user-select: none; }

    .tab_strip > div { position: relative; display: -ms-flexbox; display: flex; clear: both; overflow: hidden; height: 100%; flex: 1; }
        .tab_strip > div > div { display: none; position: relative; flex: 1; flex-direction: column; overflow: hidden; -ms-flex: 1 1 auto; height: 100%; width: 100%; }
            .tab_strip > div > div.selected { display: flex; }


view { display: flex; flex-wrap: wrap; width: 100%; height: 100%; position: relative; overflow: auto; overflow-x: hidden; z-index: 1; }
    view[vertical] { flex-direction: column; }
    view[auto] { height: auto; flex-grow: 0; }

/**/



/*=============START GRID====================*/
.grid_bar { margin: 30px 0 60px 10px; }
.grid { margin: 40px 0px 20px 10px; max-width: 500px; }
    .grid > li { -ms-flex: 1; flex: 1; margin: 15px 0; }
.label { font-weight: 100; }
.value { /*margin-left: 5px;*/ font-weight: 700; }
.grid.inline { max-width: 100%; text-transform: uppercase; color: #fff; font-size: 16px; margin: 0; }
    .grid.inline li { display: -ms-flexbox; -ms-flex-pack: start; -ms-flex-align: center; display: flex; align-items: center; justify-content: flex-start; }

.grid.button_viwe { margin: 20px 10px; }
    .grid.button_viwe li { display: flex; display: -ms-flexbox; }
    .grid.button_viwe .label { padding-top: 5px; margin-left: 10px; }
/*=============END GRID====================*/


/*======START Validation Message=========*/
.msgArea { display: none; width: 100%; text-align: center; max-height: 60px; height: 60px; min-width: 100%; min-height: 60px; position: relative; z-index: 1; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; }
    .msgArea .msgText { color: #fff; font-size: 18px; text-transform: uppercase; position: relative; display: flex; width: 100%; }

@media screen and (max-width: 1000px) {
    .msgArea .msgText { font-size: 14px; }
        .msgArea .msgText .msgTextBox div icon { font-size: 18px; }
        .msgArea .msgText .msgTextBox .icon:before { font-size: 30px; }
}

@media screen and (max-width: 600px) {
    .msgArea .msgText { font-size: 11px; }
        .msgArea .msgText .msgTextBox .icon:before { }
}

.msgArea .icon { }
    .msgArea .icon:before { color: #fff; font-size: 40px; font-weight: 600; }
.msgArea.ok { background-color: green; display: flex; display: -ms-flexbox; }
.msgArea.info { background-color: #3169de; display: flex; display: -ms-flexbox; }
.msgArea.error { background-color: red; display: flex; display: -ms-flexbox; }

.msgTextBox { position: relative; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; width: 100%; padding-right: 40px; flex-grow: 1; }
    .msgTextBox > div { /*flex:1;-ms-flex: 1;*/ display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; flex-grow: 1; width: 100%; }
    .msgTextBox div .icon { display: inline-block; position: relative; /* top: 10px; */ margin: 0 5px; }
    .msgTextBox div icon { margin: 0 10px; font-size: 25px; }
    .msgTextBox > .icon { width: 30px; height: 30px; color: #fff; position: absolute; right: 15px; cursor: pointer; display: block; /* float: left; */ font-size: 40px; }
    .msgTextBox > icon { position: absolute; right: 5px; cursor: pointer; }

    .msgTextBox > .icon:active { transform: translateY(1px); }
    .msgTextBox > .icon:before { font-weight: normal; position: absolute; transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%; }
/*.msgArea .icon.icon-WARNING{display: inline-block;position: relative;top: 10px;}*/

.hit_msg { display: none; }
    .hit_msg.hit_show { display: block; }
    .hit_msg .msgArea.ok,
    .hit_msg .msgArea.error { position: fixed; max-width: 480px; min-width: 0; z-index: 99999999; transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%; padding: 20px 10px; width: auto; max-height: 100%; height: auto; }
    .hit_msg .msgTextBox { margin: 0 auto; line-height: normal; padding-left: 0; align-items: flex-start; }
        .hit_msg .msgTextBox > div { display: flex; display: -ms-flexbox; align-items: flex-start; -ms-flex-align: start; /*line-height: 40px;*/ width: 100%; }
        .hit_msg .msgTextBox div .icon { top: 0; }
    .hit_msg .msgArea .msgText { text-align: left; margin-left: 0; }
    .hit_msg .msgTextBox > .icon { }
/*======END Validation Message=========*/



/*=========START alternate===========*/
.alternate_gid_row { padding: 20px 20px 20px 0px; }
    .alternate_gid_row > div { display: inline-block; }
    .alternate_gid_row span { padding: 10px; }
    .alternate_gid_row .label { font-weight: 400; }
    .alternate_gid_row .value { }

.instruction_row { padding: 20px 20px 20px 5px; }
    .instruction_row .label { font-weight: 600; }
    .instruction_row .value { font-weight: 400; margin-left: 5px; }

.k-grid-content tr td .instruction_row span { white-space: normal; }
/*=========END alternate===========*/




/*=========START branches_bar===========*/
.branches_bar { padding: 20px; width: 100%; }
    .branches_bar .input_label { padding: 0; margin: 20px 0; }
    .branches_bar .branches_list { flex: 1 100%; -ms-flex: 1 100%; margin: 10px 0; float: left; width: 100%; }
        .branches_bar .branches_list .ch_cont { margin-right: 10px; max-width: 100%; }
    .branches_bar .radio_cont { margin-right: 30px }
        .branches_bar .radio_cont label span { margin-left: 0 }
    .branches_bar .form_fields { min-width: 0; padding-top: 0; padding-right: 0; }
.branches_list .ch_cont { }
    .branches_list .ch_cont label { }
/*=========END branches_bar===========*/

/*=========START BUTTONS==============*/
input.button, button, .button, .k-button { /*background-color:#3169de;*/ display: flex; align-items: center; justify-content: center; color: #fff; box-sizing: border-box; height: 30px; text-align: center; line-height: 30px; /*border-radius:2px;*/ text-transform: uppercase; cursor: pointer; box-shadow: inset 0 0 0 1px #cccccc; float: left; padding: 0 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-weight: 700; font-size: 13px; white-space: nowrap; border: none; min-width: 70px; /*margin: 1px;*/ font-family: 'Roboto Condensed', sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    button:hover, .button:hover, .k-button:hover { /*background-image:linear-gradient(to top, rgba(0,0,0,.05) 0%,rgba(0,0,0,.05) 100%);box-shadow: inset 0 0 0 1px rgba(0,0,0,.1), 0 6px 4px -6px rgba(0,0,0,.1), 0 8px 0 -4px rgba(0,0,0,.015)*/; }
    .button:active, button:active, .k-button:active { /*background-image:linear-gradient(to top, rgba(0,0,0,.07) 0%,rgba(0,0,0,.07) 100%);    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1),inset 0 2px 0 0 rgba(0,0,0,.05), 0 0 0 3px rgba(0, 0, 0, 0.05);*/ transform: translateY(1px); }
.buttons button:active,
.button_cont button:active { transform: translateY(1px); }
button[disabled=disabled], button:disabled, button[disabled=disabled]:hover, button:disabled:hover, button[disabled=disabled]:active, button:disabled:active { opacity: .5; cursor: default; pointer-events: none }
.button .icon, .button2 .icon { display: inline-block; vertical-align: top; pointer-events: none; width: 30px; height: 30px; }

    .button icon:not(.button.mini icon),
    .button2 .icon:not(.button2.mini icon) { margin-left: -10px; }


.k-button .icon { display: inline-block; vertical-align: top; margin: 5px; }
.k-button .k-icon { display: inline-block; vertical-align: middle; margin: -3px 5px 0 -12px; }
.k-button { margin: 0 5px 0 0; }
/*.button.white {background-color:transparent; box-shadow:none; color:#000;}*/

.buttons .button { margin-right: 10px; }
    .buttons .button:last-child { margin-right: 0px; }
    .button:hover, .buttons .button:hover { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }

.form_wrap .button:hover { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }

.button_cont { float: left; width: 100%; margin: 15px }
    .button_cont .button:not(:last-child) { margin-right: 20px; margin-bottom: 8px; }
.button .icon.icon-chevron-right { transform: rotate(-180deg); }







.button.green, .button.primary,
.form_wrap .button.green, .form_wrap .button.primary { color: #1c8e27 !important; background-color: #fff !important; box-shadow: inset 0 0 0 1px #cccccc !important; }
.button.red, .button.warning,
.form_wrap .button.red, .form_wrap .button.warning { color: /* #F44336 !important*/ #CE0000 !important; background-color: #fff !important; box-shadow: inset 0 0 0 1px#cccccc !important; }
.button.yellow, .button.danger,
.form_wrap .button.yellow,
.form_wrap .button.danger { color: #FB8C00 !important; background-color: #fff !important; box-shadow: inset 0 0 0 1px #cccccc !important; }
.button.blue, .form_wrap .button.blue,
.form_wrap .button.action { color: #3169de !important; background-color: #fff !important; box-shadow: inset 0 0 0 1px #cccccc !important; }

.button.gray, .form_wrap .button.gray { color: #808080 !important; background-color: #fff !important; box-shadow: inset 0 0 0 1px #cccccc !important; }


.button2.gray { color: #808080; }


.form_wrap .transparent.button { box-shadow: none !important; }


.button.green.fill { color: #fff !important; background-color: #1c8e27 !important; }
.button.blue.fill { color: #fff !important; background-color: #3169de !important; }
.button.yellow.fill { color: #fff !important; background-color: #FB8C00 !important; }
.button.red.fill { color: #fff !important; background-color: #F44336 !important; }

.wrap_container .button.fill { box-shadow: none !important; border-radius: 2px; }



.left_bar .btns .button.green, .left_bar .btns .button.primary { }
.left_bar .btns .button.red, .left_bar .btns .button.warning { }
    .left_bar .btns .button.red .icon-cancel, .left_bar .btns .button.warning .icon-cancel {; }
.left_bar .btns .button.yellow .icon-cancel, .left_bar .btns .button.danger .icon-cancel { }

.white:disabled { background: transparent }
.white { background: transparent; color: #000; /* box-shadow:none */ }
    .white.primary { color: #eb003b; }
    .white:hover { background-image: linear-gradient(to right, rgba(0,0,0,0.03) 0%,rgba(0,0,0,.03) 100%); }
    .white:active { background: transparent; }

.button2 { box-shadow: inset 0 0 0 1px #cccccc; max-width: 100%; width: auto; flex: none; padding: 0px 15px; background-color: transparent; box-sizing: border-box; text-align: center; border-radius: 2px; text-transform: uppercase; display: block; float: left; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-weight: 700; white-space: nowrap; border: none; margin: 0; height: 20px; line-height: 20px; font-size: 10px; background: white; cursor: pointer; position: relative; z-index: 999; color: #3693d4; overflow: inherit; text-overflow: inherit; }
    .button2 .icon { font-size: 18px; line-height: 20px; height: 20px; }

    .button2:active { transform: translateY(1px); }

.button.mini { min-width: 30px; width: 30px; padding-left: 0; padding-right: 0; }
.white { background: transparent; color: rgba(0,0,0,.8); box-shadow: none; }
.button2.mini { padding: 0; min-width: 0; }
    .button2.mini.white { box-shadow: inset 0 0 0 1px #cccccc; }
.button2.white.mini.red { color: red; }


.button.multiline { white-space: normal; padding: 5px 10px; font-size: 13px; }
.left_bar .details_item .btns .button.multiline { line-height: normal; height: auto; }

.buttons .extra.button { padding: 10px; }
.button.extra { min-width: 200px; }

.buttons[center] button:only-child { margin: 0 auto; float: none; }

.report.button { font-size: 14px; }
.buttons.generate { margin: 70px auto 0px auto; }

@media screen and (min-width:1024px) {
    .button.extra { min-width: 400px; }
}


button[disabled] { opacity: .4; pointer-events: none; }
button.inactive { opacity: .4; }


description { padding: 10px; display: block; float: left; }
.button_cont description { padding-top: 0; margin-left: 5px; }



.fab_container { z-index: 999999; bottom: 10px; left: 10px; position: fixed; }
.button.fab { width: 50px; height: 50px; padding: 0; border-radius: 50%; min-width: inherit; display: flex; justify-content: center; align-items: center; color: initial; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1); background: #e5e5e5; }
    .button.fab:hover { background: #fdd65d; }
    .button.fab icon { margin: auto; font-size: 20px; width: 20px; height: 20px; }



.button.animation { display: flex; justify-content: center; }
    .button.animation icon { margin: 0 5px 0 -5px; }

.button.green.animation icon svg { fill: #1c8e27 !important; }
.button.blue.animation icon svg { fill: #3169de !important; }
.button.red.animation icon svg { fill: /*#F44336 !important;*/ #CE0000 !important; }
.button.yellow.animation icon svg { fill: #FB8C00 !important; }
.button.gray.animation icon svg { fill: #808080 !important; }


/*=========END BUTTONS==============*/



/*=============START uploader==================*/
.uploader { margin: 0 auto; position: relative; text-align: center; flex: 1; -ms-flex: 1; background: white; width: 100%; max-width: 240px; box-shadow: 0 0 0 1px rgba(0,0,0,.1); }
    .uploader .button .icon, .uploader .k-button .icon { margin: 0; }
    .uploader .k-widget.k-upload.k-header { margin: 0; padding: 0px; box-sizing: border-box; z-index: 5; width: 100%; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; flex-wrap: wrap; -ms-flex-wrap: wrap; position: relative; }
        .uploader .k-widget.k-upload.k-header.k-upload-empty { justify-content: flex-end; -ms-flex-pack: end; }
            .uploader .k-widget.k-upload.k-header.k-upload-empty .k-upload-button.button { display: block; }
                .uploader .k-widget.k-upload.k-header.k-upload-empty .k-upload-button.button span { position: absolute; color: #000000; left: 10px; font-size: 12px; text-transform: none; font-weight: 400; }
        .uploader .k-widget.k-upload.k-header .button { position: static; z-index: 5; line-height: 30px; height: 30px; width: 30px; float: right; background: transparent; box-shadow: inset 1px 0px 0 0 rgba(0, 0, 0, 0.1); border-radius: 0; margin: 0; order: 2; -ms-order: 2; padding: 0; display: none; overflow: visible; background-position: -420px -30px; background-image: url(/Content/images/sprite.svg?v=5.6.20210929); background-repeat: no-repeat; }
    .uploader .k-upload-button input { height: 100%; width: 100%; }

    .uploader.active .button { opacity: 1; visibility: visible; }
    .uploader.active .button, .uploader.active .k-widget.k-upload.k-header { display: -ms-flexbox; display: flex; }
    .uploader.active:hover .button, .uploader.active:hover .k-widget.k-upload.k-header { opacity: 1 }

    .uploader .k-upload-status.k-upload-status-total { display: block; width: 100%; line-height: 36px; text-align: center; text-transform: uppercase; color: #a8a8a8; background: #f3f6f8; margin: 3px 3px 0px 3px; display: none; }
        .uploader .k-upload-status.k-upload-status-total .k-icon.k-i-tick { display: none; }
    .uploader .k-icon.k-warning { display: none; }

    .uploader ul.k-upload-files.k-reset { display: block !important; width: 100%; line-height: 30px; text-align: center; flex: 1 100%; -ms-flex: 1 100%; text-transform: uppercase; color: #a8a8a8; position: relative; margin: 3px 3px 3px 3px; flex: 1; }

    .uploader button.k-button.k-button-bare.k-upload-action { float: right; width: 30px; margin: 0; background: transparent; padding: 0; box-shadow: none; display: block !important; }
    .uploader span.k-upload-pct { color: #000; padding: 0 10px; display: none; }
    .uploader span.k-filename { font-weight: 600; flex: 1; display: block; max-width: 205px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 10px; line-height: 30px; height: 30px; width: 100%; color: #000; padding: 0 5px; }
    .uploader strong.k-upload-status { width: 100%; position: absolute; width: 100%; height: 100%; right: 0; top: 0; }
    .uploader li.k-file { margin: 0; padding: 0px; width: 100%; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; flex-wrap: wrap; -ms-flex-wrap: wrap; }

    .uploader span.k-progress { display: block; background: rgba(173, 209, 123, 0.5); height: 30px; position: absolute; z-index: -1; }
    .uploader span.k-icon.k-i-txt { display: none; }
    .uploader .k-icon.k-loading { display: none; }

    .uploader .k-file.k-file-progress { display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; flex-wrap: wrap; -ms-flex-wrap: wrap; }
    .uploader li.k-file.k-file-error .k-button { }
    .uploader .k-icon.k-i-doc { display: none; }
    .uploader .k-icon.k-i-close.k-cancel { margin: 0; display: block; height: 30px; }
    .uploader .k-icon.k-i-refresh.k-retry { background: red; margin: 0; }
    .uploader span.k-icon.k-i-close.k-delete { margin: 0; background-position: -150px -210px; display: block; }
    .uploader .k-icon.k-i-jpg { display: none; }
/*=============END uploader==================*/


/*=============START file_uploader==================*/
.upload_bar .input_cont { flex-direction: row; -ms-flex-direction: row; }
.file_uploader { margin: 0 auto; position: relative; text-align: center; flex: 1; -ms-flex: 1; background: white; width: 100%; /* max-width: 240px; */ box-shadow: 0 0 0 1px rgba(0,0,0,.1); }
    .file_uploader .button .icon, .file_uploader .k-button .icon { margin: 0; }
    .file_uploader .k-widget.k-upload.k-header { margin: 0; padding: 0px; box-sizing: border-box; z-index: 5; width: 100%; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; flex-wrap: wrap; -ms-flex-wrap: wrap; position: relative; padding: 5px 5px 5px 5px; }
        .file_uploader .k-widget.k-upload.k-header.k-upload-empty { justify-content: flex-end; -ms-flex-pack: end; }
            .file_uploader .k-widget.k-upload.k-header.k-upload-empty .k-upload-button.button { display: block; background: #fdd65d; padding: 0 5px; width: 100%; }
                .file_uploader .k-widget.k-upload.k-header.k-upload-empty .k-upload-button.button span { /* position:  absolute; */ color: #000000; left: 10px; font-size: 12px; text-transform: none; font-weight: 600; text-transform: uppercase; }
        .file_uploader .k-widget.k-upload.k-header .button { position: static; /*z-index:5;*/ line-height: 30px; height: 30px; width: 30px; /* min-width: 0; */ float: right; background: transparent; box-shadow: inset 1px 0px 0 0 rgba(0, 0, 0, 0.1); border-radius: 0; margin: 0; order: 2; -ms-order: 2; padding: 0; display: none; overflow: visible; background-position: -420px -30px; background-image: url(/Content/images/sprite.svg?v=5.6.20210929); background-repeat: no-repeat; }
    .file_uploader .k-upload-button input { height: 100%; width: 100%; }

    .file_uploader.active .button { opacity: 1; visibility: visible; }
    .file_uploader.active .button, .file_uploader.active .k-widget.k-upload.k-header { display: -ms-flexbox; display: flex; }
    .file_uploader.active:hover .button, .file_uploader.active:hover .k-widget.k-upload.k-header { opacity: 1 }

    .file_uploader .k-upload-status.k-upload-status-total { display: block; width: 100%; line-height: 36px; text-align: center; text-transform: uppercase; color: #a8a8a8; background: #f3f6f8; margin: 3px 3px 0px 3px; display: none; }
        .file_uploader .k-upload-status.k-upload-status-total .k-icon.k-i-tick { display: none; }
    .file_uploader .k-icon.k-warning { display: none; }

    .file_uploader ul.k-upload-files.k-reset { display: block !important; width: 100%; line-height: 30px; text-align: center; text-transform: uppercase; color: #a8a8a8; position: relative; flex: 1; -ms-flex: 1; }

    .file_uploader button.k-button.k-button-bare.k-upload-action { float: right; width: 30px; /* max-width: 30px; */ min-width: 30px; margin: 0; background: transparent; padding: 0; box-shadow: none; display: block !important; background: #fdd65d; }
    .file_uploader .k-upload-status button.k-button.k-button-bare.k-upload-action:last-child { margin-left: 5px; }
    .file_uploader .k-upload-status button.k-button.k-button-bare.k-upload-action:only-of-type { margin-left: 0px; }
    .file_uploader .k-upload-status a { margin-right: 5px; }
button.k-button.k-button-bare.k-upload-action .icon-download:before { color: #000; margin: 0; }
.file_uploader span.k-upload-pct { color: #000; padding: 0 10px; display: none; }
.file_uploader span.k-filename { font-weight: 600; display: block; /* max-width: calc(100% - 30px); */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 10px; line-height: 30px; height: 30px; width: 100%; color: #000; padding: 0 5px; }
.file_uploader strong.k-upload-status { /* width: 100%; */ /* position:  absolute; */ /* height: 100%; */ /* right:  0; */ /* top: 0; */ display: flex; display: -ms-flexbox; flex-shrink: 0; }
.file_uploader li.k-file { margin: 0; padding: 0px; width: 100%; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; /* flex-wrap:  wrap; -ms-flex-wrap: wrap;*/ position: relative; z-index: 1; }

.file_uploader span.k-progress { display: block; background: rgb(243, 243, 243); height: 30px; position: absolute; z-index: -1; left: 0; top: 0; }
.file_uploader span.k-icon.k-i-txt { display: none; }
.file_uploader .k-icon.k-loading { display: none; }

.file_uploader .k-file.k-file-progress { display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; flex-wrap: wrap; -ms-flex-wrap: wrap; }
.file_uploader li.k-file.k-file-error .k-button { }
.file_uploader .k-icon.k-i-doc { display: none; }
.file_uploader .k-icon.k-i-close.k-cancel { margin: 0; display: block; height: 30px; }
.file_uploader .k-icon.k-i-refresh.k-retry { background: red; margin: 0; }

.file_uploader span.k-icon.k-i-close.k-delete { margin: 0; display: block; }
    .file_uploader span.k-icon.k-i-close.k-delete:after { font-size: 30px; color: #000; }

.file_uploader span.k-icon.icon-PLUS { margin: 0; display: block; }
    .file_uploader span.k-icon.icon-PLUS:before { top: 0; left: 0; font-size: 30px; color: #000; }

.file_uploader .k-upload-status .k-button > span { color: #000 }

.file_uploader .k-icon.k-i-jpg { display: none; }
/*=============END file_uploader==================*/




/*=============START IMAGE UPLOADER ATTACHMENT==================*/
.image_uploader .input_cont { flex-direction: row; -ms-flex-direction: row; width: auto; }
/*.image_uploader .input_label{position:static;transform: none;padding-right: 10px;}*/
.k-upload { float: left }
.file_upload .k-button.k-upload-selected { display: none }
.file_upload .button_cont { display: block; float: left; height: auto; }
    .file_upload .button_cont > span { float: left; line-height: 35px; padding: 0 10px; margin: 0 10px 0 0; background: #fff; box-shadow: 0 5px 4px -5px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .05); border-radius: 3px; font-weight: 400; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file_upload .k-widget.k-upload { height: 40px; }
.file_upload .k-button,
.file_upload button { margin: 0 10px 0 0 }
.upload_controls .k-upload-status { /* display: block; */ width: auto; height: auto; /* position: absolute; */ }
.upload_controls .k-dirty { display: none; }
.upload_controls .k-upload-pct { display: none; }

.upload_controls .k-button-download { margin: 0 0px 0 5px; width: 30px; min-width: 0; padding: 0; flex-shrink: 1; }

.upload_controls .k-upload-action { margin: 0 0 0 5px; padding: 0; background: transparent; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); border-radius: 2px; min-width: 30px; }
    .upload_controls .k-upload-action .k-icon { margin: 0; padding: 0; display: block; background-position: center; background-repeat: no-repeat; background-color: #9fc747; }

        .upload_controls .k-upload-action .k-icon.k-delete { color: #000; }
.upload_controls .k-i-close.k-cancel { margin: 0; display: block; }

.uploader { min-height: 50px; min-width: 280px; position: relative; text-align: center; background: #fff; box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .05); padding: 5px; -webkit-user-select: none; background-position: 0px 0px, 10px 10px; background-size: 20px 20px; background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%); flex: 1; }
    .uploader.active.k-dropzone-active::after { display: block; }
    .uploader.active.k-dropzone-active .upload_controls { background: none; box-shadow: none; opacity: 1; }
    .uploader.k-dropzone-active::after { transform: scale(1.1); }
    .uploader.k-dropzone-active.k-dropzone-hovered::after { -webkit-animation: drop_anim .5s infinite; animation: drop_anim .5s infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; }
    .uploader .imageContainer { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; box-sizing: border-box; position: relative; }
    .uploader.category_image .imageContainer { padding-bottom: 23.438%; }
    .uploader.group_image .imageContainer { padding-bottom: 50%; }
    .uploader.billboard_image .imageContainer { padding-bottom: 112.5%; }
    .uploader.card_image .imageContainer { padding-bottom: 70%; }
    .uploader .k-upload-status.k-upload-status-total { display: none; }
    .uploader.active .up_tip { display: none; }
    .uploader.active.k-dropzone-active .up_tip { display: flex; display: -ms-flexbox }
    .uploader .up_tip { text-align: center; z-index: 6; box-sizing: border-box; position: absolute; width: 100%; height: 100%; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: flex-start; -ms-flex-pack: start }
        .uploader .up_tip > span { background: #f1f1f1; width: 100%; height: 100%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); align-items: center; -ms-flex-align: center; display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; transition: .2s }
    .uploader.k-dropzone-active .up_tip span { box-shadow: inset 0 0 0 10px rgba(0, 0, 0, .05) }
    .uploader .button { position: relative; z-index: 5; height: 30px; line-height: 30px; min-width: 30px; width: 30px; margin: 0 0px 0 5px; z-index: 5; display: none; padding: 0; background-color: #3169de; }
    .uploader .k-widget.k-upload.k-header { min-height: 30px; margin: 0; padding: 0; box-sizing: border-box; z-index: 5; display: flex; display: -ms-flexbox; -ms-flex: 1; flex: 1; }
        .uploader .k-widget.k-upload.k-header .k-button.k-upload-button { padding: 0 5px; height: 30px; line-height: 30px; flex: 1; -ms-flex: 1 1 100%; margin-right: 0px; }
    .uploader .k-button { background-color: #3169de; }
    .uploader .k-widget.k-upload.k-header .k-button.k-upload-button .icon { margin: 5px }
    .uploader.active .button,
    .uploader.active .k-widget.k-upload.k-header { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center }
.upload_controls { position: relative; padding: 5px 0px 0px 0px; display: flex; display: -ms-flexbox; float: left; z-index: 5; width: 100%; position: relative; height: auto; }
.disabled.uploader.k-dropzone-active::after,
.disabled.uploader .button,
.disabled.uploader .k-button,
.disabled.uploader .up_tip { display: none }
.disabled.uploader .imageContainer.no_img { background-image: url(/BunBerAdmin/Content/images/no_img.svg?v=5.6.20210929) }
.disabled .upload_controls { display: none }
.icon_uploader { background: #fff; padding: 20px; box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .05); border-radius: 3px }
    .icon_uploader .buttons { height: 50px; width: 100%; text-align: center; padding: 10px 0 0 0 }
        .icon_uploader .buttons .button,
        .icon_uploader .buttons .k-widget.k-upload { float: none; display: inline-block; vertical-align: top }
        .icon_uploader .buttons .button { width: 40px; min-width: 40px }
    .icon_uploader .imageContainer { margin: 0 auto 10px auto; position: relative; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .05) }
.form_container .icon_uploader fieldset legend { text-transform: none }

.uploader span.icon.delete { background-image: url(/Content/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhBgcNJDjSaWX1AAAAdklEQVQ4y2NgQAH/ef8f/48Mjv/nRVXByMDAwPDfkiEfytdi0EVVwHCZ4RqUNZHxOMzciP/EgAgGBgYGJgZaA0a4d1cQUBiBruE/AQ1QlST7YVTDqIZBoOEVXnWvMDXMxqsBU/a/4P+W/y+xZv6X/1v+C8LUAQCSF2E0oyOpUAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wNi0wN1QxMzozNjo1NiswMjowMEqF+sIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDYtMDdUMTM6MzY6NTYrMDI6MDA72EJ+AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==?v=5.6.20210929); background-repeat: no-repeat; background-size: 16px; background-position: center; }
.uploader svg { display: none; }
.uploader em { display: none; }
.k-progress { display: none; }
.k-file > .k-icon { display: none; }
.k-icon.k-warning { display: none; }

.k-upload-files { }
.uploader .k-filename { display: none; }
.k-file { height: 100%; display: flex; display: -ms-flexbox; /* align-items: center; */ -ms-flex-align: center; overflow: hidden; /* justify-content: center; */ -ms-flex-pack: center; }
/*=============END IMAGE UPLOADER ATTACHMENT==================*/




/*=============START RANGE==================*/
.slide_range { }
.slide_range_cont { padding: 10px 0; box-shadow: inset 0 1px 0 0 rgba(0,0,0,.1); max-width: 1300px; position: relative }
/* ogma modified theme*/
.ui-rangeSlider { height: 40px; padding-top: 30px; }
.ui-rangeSlider,
.ui-rangeSlider-container,
.ui-rangeSlider-arrow { box-sizing: content-box; }
.ui-rangeSlider-withArrows .ui-rangeSlider-container { margin: 0 15px; }
.ui-rangeSlider-withArrows .ui-rangeSlider-container,
.ui-rangeSlider-noArrow .ui-rangeSlider-container,
.ui-rangeSlider-arrow { }
.ui-rangeSlider-disabled.ui-rangeSlider-withArrows .ui-rangeSlider-container,
.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow { }
.ui-rangeSlider-noArrow .ui-rangeSlider-container { -moz-border-radius: 4px; border-radius: 4px; border-left: solid 1px #515862; border-right: solid 1px #515862; }
.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container { border-color: #8490a3; }
.ui-rangeSlider-container,
.ui-rangeSlider-arrow { height: 30px; /* border-top: solid 1px #232a32; */ /* border-bottom: solid 1px #6a7179; */ }
.ui-rangeSlider-disabled .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow { border-top-color: #49576b; border-bottom-color: #9ca7b3; }
.ui-rangeSlider-container,
.ui-rangeSlider-arrow,
.ui-rangeSlider-label { background: #134678; }
.ui-rangeSlider-disabled .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow,
.ui-rangeSlider-disabled .ui-rangeSlider-label { background: #d3dbe2; }
.ui-rangeSlider-arrow { width: 15px; cursor: pointer; }
.ui-rangeSlider-leftArrow { border-radius: 4px 0 0 4px; border-left: solid 1px #515862; }
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow { border-left-color: transparent; }
.ui-rangeSlider-rightArrow { border-radius: 0 4px 4px 0; border-right: solid 1px #515862; }
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow { border-right-color: transparent; }
.ui-rangeSlider-arrow-inner { position: absolute; top: 50%; border: 6px solid transparent; width: 0; height: 0; margin-top: -6px; }
.ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner { border-right: 6px solid #ffffff; left: 0; margin-left: -3px; }
.ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner { opacity: .5; }
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner,
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner { border-right-color: #bbc0cf; }
.ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner { border-left: 6px solid #ffffff; right: 0; margin-right: -3px; }
.ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner { opacity: .5; }
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner,
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner { border-left-color: #bbc0cf; }
.ui-rangeSlider-innerBar { width: 110%; height: 100%; left: -10px; overflow: hidden; }
.ui-rangeSlider-bar { background: rgba(159, 199, 71, 0.78); height: 30px; cursor: move; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); }
.ui-rangeSlider-disabled .ui-rangeSlider-bar { background: rgba(111, 132, 154, 0.29); }
.ui-rangeSlider-handle { width: 10px; height: 30px; background: transparent; cursor: col-resize; }
.ui-rangeSlider-label { padding: 5px 10px; bottom: 40px; -moz-border-radius: 4px; border-radius: 2px; color: white; font-size: 15px; cursor: col-resize; background: #0f3860; }
.ui-rangeSlider-label-inner { position: absolute; top: 100%; left: 50%; display: block; z-index: 99; border-left: 8px solid transparent; border-right: 8px solid transparent; margin-left: -8px; border-top: 8px solid #0f3860; }
.ui-rangeSlider-disabled .ui-rangeSlider-label-inner { border-top-color: #d3dbe2; }
.ui-editRangeSlider-inputValue { width: 2em; text-align: center; font-size: 15px; }
.ui-rangeSlider .ui-ruler-scale { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.ui-rangeSlider .ui-ruler-tick { float: left; }
.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-inner { color: white; margin-top: 3px; border-left: 1px solid rgba(255, 255, 255, 0.37); height: 24px; position: relative; }
.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label { position: absolute; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; font-size: 11px; height: 24px; line-height: 24px; padding: 0 4px; }
.ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-inner { border-left: 1px solid white; margin-top: 25px; height: 5px; }

/*============START health monitor===================*/
.health_monitor .k-grid-header { }
    .health_monitor .k-grid-header .k-header { }
.health_monitor td { height: 30px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), inset -1px 0 0 0 rgba(0, 0, 0, 0.05); padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.health_monitor tbody tr { height: 30px; background-color: rgba(0, 0, 0, 0.04); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0.5)); }
    .health_monitor tbody tr.k-alt { background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.8)); }
    .health_monitor tbody tr:hover { background-image: linear-gradient(rgba(245, 245, 245, 0.99), rgba(245, 245, 245, 0.99)) !important; }
.health_monitor tr td:first-child div { margin: 0 auto; }
.health_monitor .status_ok,
.health_monitor .status_warning,
.health_monitor .status_critical,
.health_monitor .status_not_available { border-radius: 50%; width: 12px; height: 12px; }
.health_monitor .status_ok { background-color: #20AC2E; }
.health_monitor .status_critical { background-color: #FF0000; }
.health_monitor .status_warning { background-color: #FF7E00; }
.health_monitor .status_not_available { background-color: #BEBEBE; }
.health_monitor .status_critical { animation-timing-function: linear; animation-iteration-count: infinite; }
.health_monitor tbody tr:hover { background-color: #f0f0f0; }
/*============END health monitor===================*/


/*============START last_update===================*/
.last_update { width: 100%; padding-left: 5px; }
    .last_update .form_fields.status { padding-top: 0; width: 100%; }
    .last_update .input_label { font-weight: 700; min-width: 125px; }
/*============END last_update===================*/

/*============START error===================*/
.wrapper.error .login_logo { background-image: url(/content/images/logo_new_w.png?v=5.6.20210929); min-width: 280px; }

/*============END error===================*/




.content_container .focused .input_label { transform: translateY(-10px); font-size: 10px; color: blue; }
.content_container .focused.input_cont i { box-shadow: 0 -1px 0 0 blue; }

/* disable auto-zoom on iphone input field focus */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select:focus, textarea:focus, input:focus { font-size: 16px; }
}

/*============START DATE/TIME PICKER==================*/
.dropdown-menu { position: absolute; z-index: 99999; background: #fff; padding: 5px; box-shadow: 0 0 0 1px rgba(0,0,0,.03), 0 10px 30px -10px rgba(0,0,0,.2); max-width: 250px; }
    .dropdown-menu table { table-layout: fixed; border-spacing: 0; }
    .dropdown-menu .list-unstyled { position: relative; font-size: 13px; }
    .dropdown-menu .picker-switch { /* background: #F44336; */ text-align: center; /* color: #fff; */ cursor: pointer; }
        .dropdown-menu .picker-switch.accordion-toggle { /* background: #8BC34A; */ }
            .dropdown-menu .picker-switch.accordion-toggle a { background: rgba(0, 0, 0, 0.05); min-height: 30px; line-height: 30px; }
    .dropdown-menu .table-condensed { width: 100%; }
        /*.dropdown-menu .table-condensed a {display:block;text-align:center;}*/
        .dropdown-menu .table-condensed a { display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; align-items: center; -ms-flex-align: center; }
    .dropdown-menu .k-icon { cursor: pointer; }
    .dropdown-menu .table-condensed a .k-icon:before { /* color:#fff; */ }
    .dropdown-menu .table-condensed button { /* background:#4CAF50; */ min-width: 0; margin: 0 auto; display: block; float: none; }
    .dropdown-menu .collapse { position: relative; width: 100%; z-index: 99; display: none; background-color: #fff; }
        .dropdown-menu .collapse.in { display: block; }
    .dropdown-menu .table-condensed .timepicker-hour:hover { box-shadow: none }

    .dropdown-menu .hour { padding: 10px }
    .dropdown-menu .minute { padding: 10px; }
    .dropdown-menu .day { padding: 10px; text-align: center; }
    .dropdown-menu .old, .new, .disabled { color: rgba(0, 0, 0, 0.2); }
    .dropdown-menu .dow { padding: 10px; text-align: center; }
    .dropdown-menu .datepicker { }
    .dropdown-menu .timepicker table { width: 100%; /* background: #CDDC39; */ }
    .dropdown-menu .timepicker td { text-align: center }
    .dropdown-menu .datepicker-months { }
        .dropdown-menu .datepicker-months table { width: 100%; table-layout: fixed; }
    .dropdown-menu .month { text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); width: 20%; min-height: 50px; display: inline-block; line-height: 50px; }
    .dropdown-menu .datepicker-years { }
        .dropdown-menu .datepicker-years table { width: 100%; }
    .dropdown-menu .year { text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); width: 25%; min-height: 50px; display: inline-block; line-height: 50px; }
    .dropdown-menu .datepicker-decades { }
        .dropdown-menu .datepicker-decades table { width: 100%; }
    .dropdown-menu .decade { text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); width: 33.333%; height: 50px; display: inline-block; line-height: 50px; }
    .dropdown-menu .timepicker { }
    .dropdown-menu .table-condensed th { padding: 5px; }
    .dropdown-menu .datepicker-days > .table-condensed td, .dropdown-menu .table-condensed td > span { border-radius: 2px; cursor: pointer; }
    .dropdown-menu .active { background-color: #8BC34A; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); }
    .dropdown-menu .datepicker-days > .table-condensed td:hover, .dropdown-menu .table-condensed td > span:hover { box-shadow: 0 0px 0 1px rgba(0, 0, 0, 0.1); }

    .dropdown-menu table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #000000; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; }
    .dropdown-menu table td.today { position: relative; }
/*============END DATE/TIME PICKER==================*/


.messige_bar { padding: 50px; }
    .messige_bar > span.title { font-size: 20px; font-weight: 700; display: block; margin: 20px 0; }
    .messige_bar > p { font-size: 16px; font-weight: normal; }

/*============START ANIMATION==================*/
.anim_indic { display: block; }
div.highlight_7 { position: absolute; z-index: 1; top: 215px; left: 20px; }

.k-grid-content tr.highlight_7 td:first-child { padding-left: 25px; }
.highlight_7 .anim_indic { position: absolute; margin: 0px 10px 0px 5px; display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: rgb(49, 105, 222); cursor: pointer; box-shadow: 0 0 0 0rgba(49, 105, 222, 0.4); left: 0px; }
.highlight_7 .anim_indic { animation: highlight_7 3.5s infinite; }

@keyframes highlight_7 {
    0% { box-shadow: 0 0 0 0 rgba(49, 105, 222, 0.6); transform: scale(1); }
    70% { box-shadow: 0 0 0 50px rgba(49, 105, 222, 0); transform: scale(1); }
    100% { box-shadow: 0 0 0 0 rgba(49, 105, 222, 0); transform: scale(.8) }
}

.highlight_blue td { animation: colorchange_blue 3s ease-out both; -webkit-animation: colorchange_blue 3s ease-out both; }

@keyframes colorchange_blue {
    0% { background-color: rgba(0, 73, 121, 0.1); }
    25% { background-color: rgba(0, 73, 121, 0.5); }
    50% { background-color: rgba(0, 73, 121, 0.15); }
    75% { background-color: rgba(0, 73, 121, 0.25); }
    100% { background-color: rgba(0, 73, 121, 0.55); }
}
/*============END ANIMATION==================*/


.tooltip { background: #000; color: #fff; position: absolute; border-radius: 4px; padding: 7px 10px; max-width: 200px; pointer-events: none; margin: 30px 30px 0 0; z-index: 99999 /*animation:tool_tip .125s both*/ }
    .tooltip span { background: #ce0000; padding: 2px }




/*============START OVERVIEW==================*/
.view_bar { width: 100%; height: 100%; min-height: 200px; background: white; box-sizing: border-box; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); /* overflow:  hidden; */ display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; /* max-width: 610px; */ /*margin-top: 1px;*/ /*padding-right: 5px;*/ position: relative; z-index: 1; }
    .view_bar .toolbar { /* box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05); */ }
        .view_bar .toolbar:empty { display: none; }
        .view_bar .toolbar .container.collapse { padding: 10px; }
    .view_bar .view_bar_container { overflow-x: hidden; overflow-y: auto; }

/*.filter_result {min-height: 60px;display: none;align-items: center;-ms-flex-align: center;-ms-flex-line-pack: center;z-index: 1;box-shadow: 0 1px 0 0 rgba(75,92,109,.08);position: relative;padding: 15px 0;}
.filter_result.filtered {animation: list_anim_2 .125s both;display: -ms-flexbox;display: flex;flex-wrap:  wrap;-ms-flex-wrap: wrap;}
.btn_sprt { box-shadow: inset 1px 0 0 0;opacity: .15;height: 30px;min-width: 1px;width: 1px; margin: 0 10px; position: relative;z-index: 2;}
.filter_result .filtered_item { min-height: 30px; line-height: 30px; padding-right: 10px; margin-right: 10px; box-shadow: 1px 0 0 rgba(0,0,0,.1);}
.filter_result .filtered_item:only-child, .filter_result .filtered_item:last-child { box-shadow: none;}
.filter_result .filtered_item label {float: left;margin-right: 5px;opacity: .6;margin: 3px 5px 0px 3px;}
.filter_result .filtered_item > span {margin: 3px 0 3px 3px;height: 30px;line-height: 30px;display: block;float: left;padding: 0 30px 0 10px;background: #2f74e0;color: #fff;position: relative;}
.filter_result .filtered_item .icon {cursor: pointer;position: absolute;right: 0;top: 0px;display: inline-block;height: 30px;width: 30px;outline: none;vertical-align: middle;color: #fff;}*/





toolbar { /* min-height: var(--area); */ min-height: 60px; height: auto; width: 100%; position: relative; background: var(--background); display: flex; align-items: center; box-shadow: 0 0 0 1px var(--border-color); box-sizing: border-box; user-select: none; display: flex; padding: 15px 0px; z-index: 99; }
    toolbar > wrap { display: flex; flex-wrap: wrap; position: relative; align-items: center; }
separator[vertical] { height: 20px; min-width: 1px; width: 1px; margin: 0 10px; position: relative; z-index: 2; display: flex; background: #dcdcdc; }


.filter_result { display: none }
    .filter_result.filtered { display: flex; }
    .filter_result .filtered_item { min-height: 20px; line-height: 20px; display: flex; margin: 10px 0; }

        .filter_result .filtered_item label { float: left; margin-right: 5px; white-space: nowrap; font-weight: 600; }
        .filter_result .filtered_item span { margin: 0 0 0 3px; white-space: nowrap; height: 20px; line-height: 20px; display: flex; float: left; padding: 0 0px 0 5px; background: #f2f2f2; position: relative; cursor: pointer; }
            .filter_result .filtered_item span:active { transform: translateY(1px); }

            .filter_result .filtered_item span icon { width: 20px; height: 20px; color: #989898; }
            .filter_result .filtered_item span text { margin-right: 5px; }













.view_bar .mbl_switch { display: none; max-width: 10px; right: -20px; cursor: e-resize; background-color: #373737; }
    .view_bar .mbl_switch div { display: none; }


.view_bar.right_panel .mbl_switch { left: 0px; right: auto; }
/*.view_bar ~ .map_content {margin-left: 10px;}*/

@media screen and (max-width: 900px) {
    .view_bar { width: 100% !important; transform: translateX(0); max-width: calc(100% - 50px); position: absolute; }
    .close.view_bar { transform: translateX(-100%); max-width: calc(90% - 50px); }

        .close.view_bar ~ .map_content { margin-left: 50px; left: 0 !important; }
    .map_content ~ .close.view_bar { max-width: 100%; left: auto !important; transform: translateX(0%); padding-left: 50px; }


    .view_bar .mbl_switch { max-width: 100%; right: -50px; cursor: pointer; display: block; }
        .view_bar .mbl_switch div { display: block; }
}

.load_wrapp { background: rgba(244, 244, 244, 0.6); background: linear-gradient(to right, rgba(255,255,255,.8) 0%,rgba(255,255,255,0.6) 100%); box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.1); position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 100; overflow: hidden; }

    .load_wrapp .splitter .icon-cancel:before { color: #000; }
    .load_wrapp .splitter .icon-cancel { position: absolute; top: -3px; right: 0; z-index: 999; }
    .load_wrapp .splitter { height: 20px; background: #fff; position: relative; }

    /*.load_wrapp {padding-top: 30px;}
.load_wrapp #loadWindowGrid{;max-height: 300px;overflow-x:  hidden;}*/
    .load_wrapp .container .k-widget.k-grid { margin: 0 0 10px 0; }
    .load_wrapp thead.k-grid-header { min-height: 30px; }
    .load_wrapp .k-grid-header th.k-header, .k-grid-header th { height: 30px; }
    .load_wrapp .k-grid-content tbody > tr { height: 25px; background: transparent; }
    .load_wrapp .instruction_row { padding: 10px 20px 10px 0px; }
    .load_wrapp #loadWindowGrid { box-shadow: 0 15px 30px -5px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.05); opacity: .9 }
    .load_wrapp .k-grid .k-detail-cell .k-widget.k-grid,
    .load_wrapp .k-grid .k-detail-row, .load_wrapp .k-grid .k-detail-row:hover, .load_wrapp .k-grid .k-detail-row.k-alt { background: rgba(255, 255, 255, 0.2); background-image: none !important; }
    .load_wrapp .k-grid-content table tbody > tr:hover { background-color: rgba(255, 255, 255, 0.25); background-image: none !important; }
/*============END OVERVIEW==================*/


/*============START LAYERS==================*/
.layers { position: absolute; right: 10px; top: 10px; z-index: 0; position: fixed; }
    .layers > .button { color: #000; line-height: 35px; background: #fff; height: auto; display: flex; display: -ms-flexbox; padding: 0px 5px 0px 10px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); margin: 0; }
.layers_cont { right: 0px; top: 45px; min-height: 120px; position: absolute; transform: translateY(0px); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); min-width: 250px; transition: .2s; visibility: hidden; opacity: 0; box-shadow: 0 15px 30px -5px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.05); /*z-index: 999;*/ background: #fff; color: #000; height: auto; padding: 0px 0; }
.layers_wrapp.open .layers_cont { display: block; visibility: visible; opacity: 1; transform: translateY(-5px); }
.layers_wrapp { position: relative; }
.layers_cont ul { float: left; width: 100%; }
    .layers_cont ul ul .general { padding-left: 20px; }
        .layers_cont ul ul .general ul { padding-left: 10px; }

.layers_cont .general { float: left; width: 100%; box-shadow: 0 1px 0 0 rgba(0,0,0,.1); padding: 10px 0; font-size: 12px; }
    .layers_cont .general:last-child { box-shadow: none; }
    .layers_cont .general .item { padding: 0 10px 0 25px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; min-height: 20px; }
        .layers_cont .general .item .ch_cont { min-height: 0; padding: 0; }
            .layers_cont .general .item .ch_cont label { min-height: 12px; line-height: 12px; font-size: 11px; padding-left: 20px; }
        .layers_cont .general .item.select .ch_cont label { font-weight: 700; }
        .layers_cont .general .item .ch_cont label span { height: 12px; width: 12px; }

    .layers_cont .general a { display: flex; display: -ms-flexbox; line-height: 18px; text-align: left; padding: 0 15px 0 0; }
        .layers_cont .general a .ch_cont { min-height: 18px; padding: 0; }
            .layers_cont .general a .ch_cont label { padding-left: 25px; }


    .layers_cont .general ul .item a:active { transform: translateY(1px) }
    .layers_cont .general .title { cursor: default; text-transform: uppercase; line-height: 25px; font-weight: 700; padding: 0 10px; display: flex; display: -ms-flexbox; }
        .layers_cont .general .title .icon { margin-right: 5px; font-size: 25px; }

.layers_cont .legend_wrapper { display: flex; display: -ms-flexbox; margin-left: auto; }
.layers_cont .legend { min-width: 20px; width: 20px; height: 20px; display: flex; display: -ms-flexbox; position: relative; }
    .layers_cont .legend .mark_wrap .mark { position: relative; margin: auto; transform: scale(.35); transform-origin: top left; top: 0; left: 0; min-width: 15px; max-height: 60px; }
    .layers_cont .legend .mark .icon { }
    .layers_cont .legend .mark_number { }
    .layers_cont .legend .mark .icon:before { }
    .layers_cont .legend img { max-width: 20px; max-height: 20px; margin: auto; display: block; }

.layers pin, .layers pin wrap, .layers marker { position: relative; }
.layers marker { margin-left: 5px; }
.layers pin { width: 20px; }
    .layers pin wrap { left: 0; }
    .layers pin icon { width: 20px; font-size: 20px; }
    .layers pin wrap > span { top: 4px; font-size: 7px; }
/*============END LAYERS==================*/


/*============START column_control==================*/
.column_control { display: none; visibility: hidden; opacity: 0; transition: opacity .2s; transform: translateY(-5px); flex-wrap: wrap; -ms-flex-wrap: wrap; background: rgb(255, 255, 255); position: absolute; padding: 20px; border-radius: 3px; z-index: 99; box-shadow: 0 15px 30px -5px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.05); max-width: 250px; width: 100%; /*max-height: 350px;*/ overflow-x: hidden; }
    .column_control.open { display: flex; display: -ms-flexbox; visibility: visible; opacity: 1; transform: translateY(0px); }
    .column_control .ch_cont { flex: 1 100%; -ms-flex: 1 100%; min-height: 35px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.03); padding: 10px 0; }
        .column_control .ch_cont:last-child { box-shadow: none; }
/*============END column_control==================*/



/*============START mail_request==================*/
.mail_request form { display: flex; display: -ms-flexbox; }
.mail_request .form_wrap { float: left; max-width: 300px; width: 100%; margin: auto; padding: 0; }

.mail_request article { display: block; float: left; width: 100%; margin: 0; }
    .mail_request article h1 { margin: 10px 0; }
    .mail_request article p { margin: 10px 0; max-width: 300px; }
    .mail_request article .form_fields.status { padding-top: 0; margin: 0; }

rate label { padding: 10px 0; display: block; max-width: 300px; }
rate wrapp label { padding: 10px 10px 10px 0px; }

.mail_request rate { display: block; width: 100%; margin: 10px 0; }
    .mail_request rate wrapp { display: flex; }
    .mail_request rate text { position: absolute; transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%; font-size: 11px; font-weight: 600; z-index: 10; color: #000; display: block; line-height: 11px; }
    .mail_request rate item { position: relative; margin: 0 2px; cursor: pointer; }
        .mail_request rate item icon { color: rgb(186, 186, 186); }
        /*.mail_request rate item:hover icon,rate item.hover icon{color:#fdd65d;transition: color .3s;}*/
        .mail_request rate item.gold icon { color: #fdd65d; transition: color .3s; }
.readonly_star { cursor: default !important; opacity: 0.5; }

item.middle icon { font-size: 20px; width: 20px; height: 20px; }
.mail_request rate item.middle text { font-size: 8px; line-height: 8px; }
/*============END mail_form==================*/




/*-----badge-------------------------*/
.k-grid-header th wrap { display: flex; padding: 0 10px; width: 100%; height: 100%; overflow: hidden; white-space: nowrap; position: relative; align-items: center }
.k-grid-content td > wrap { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; display: flex; }

group { display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; min-height: 30px; }
    group[line] { flex-wrap: nowrap; width: 100% }
        group[line] > span { flex-grow: 1; }

badge { white-space: nowrap; border-radius: 2px; padding: 0px 5px; height: 20px; line-height: 22px; z-index: 2; position: relative; text-align: center; box-shadow: inset 0 0 0 1.5px; font-size: 11px; font-weight: 700; max-width: 100%; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0 }
group badge { margin: 0 3px 0px 0; }
    group badge:only-child { margin: 0; }

badge[red] { color: #ce0000; }
badge[blue] { color: #3169DE; }
badge[green] { color: #1c8e27; }
badge[gray] { color: #ccc; }


badge[accent] { color: #fddc74; }

badge[filled] { box-shadow: none; color: #fff; background: #000 }


    badge[filled][red] { background: #ce0000; color: #fff; }
    badge[filled][blue] { background: #3169DE; color: #fff }
    badge[filled][green] { background: #1c8e27; color: #fff }
    badge[filled][gray] { background: #ccc; color: #fff }
    badge[filled][orange] { background: #fb8c00; color: #fff }

    badge[filled][accent] { background: #fddc74; color: #000 }


badge[mini] { padding: 0; width: 10px; height: 10px; margin-left: auto; margin-right: auto; border-radius: 10px }
group badge[mini] { /* margin: 0 3px 0px 0; */ }

badge a { color: inherit; }

group icon { font-size: 20px; }
    group icon[red] { color: #ce0000; }
    group icon[blue] { color: #3169DE; }
    group icon[green] { color: #1c8e27; }
    group icon[gray] { color: #ccc; }

    group icon[accent] { }



bid group { min-height: 0; }
    bid group badge { }
    bid group[line] { width: 85px; }
/*-------------------*/



/* -----chart & holder----- */

holder { display: flex; flex-wrap: wrap; }
    holder > wrap { flex-shrink: 0; flex-grow: 1; display: flex; }
chart holder > wrap { margin: 15px 15px 10px 15px; /* box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); */ }


holder .form_fields.status { padding-top: 0px; }
    holder .form_fields.status .input_cont span:empty { display: none; }
    holder .form_fields.status .input_cont span.input_label { height: 20px; line-height: 20px; }
    holder .form_fields.status .input_cont span.input_data { min-height: 20px; padding-top: 4px; }
    holder .form_fields.status .input_cont { min-height: 20px; }


holder wrap #chart-bar { width: 100%; }
    holder wrap #chart-bar > div { width: 100% !important; }
    holder wrap #chart-bar svg { width: 100%; }
#chart-bar .apexcharts-menu { }
#chart-bar .apexcharts-menu-item { }


chart { display: block; padding: 20px 30px; }
holder > wrap[large] { flex-basis: 100%; }
holder wrap > div { width: 100%; display: flex; }

data_panel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: 60px; height: auto; width: 100%; position: relative; }
    data_panel > wrap { display: flex; flex-wrap: wrap; position: relative; align-items: center; max-width: 50%; /* width: 100%; */ padding: 15px; }
        data_panel > wrap[right] { margin-left: auto; justify-content: flex-end; }

chart counter { display: flex; flex-direction: column; }
chart text[title] { flex-grow: 1; flex-basis: 100%; font-size: 36px; font-weight: 600; margin: 0px 0 30px 0; }
chart count[right] { text-align: right; }
chart widget { /* height: 300px; */ /* background: #3169de; */ display: flex; width: 100%; }
    chart widget text { font-size: 14px }

chart text { font-size: 20px; margin-top: 10px; }
chart wrap counter { margin: 0 100px 0 0; }
    chart wrap counter:last-child { margin-right: 0; }

chart count { font-size: 36px; }
    chart count[middle] { font-size: 90px; }
    chart count[large] { font-size: 110px; }
chart text[right] { text-align: right; }

chart holder counter { justify-content: flex-end; align-items: flex-end; padding: 15px 15px 15px 15px; /* margin-left: 55px; */ width: 100%; max-width: 400px; flex-shrink: 0; }

chart > separator[horizontal] { margin: 40px 0; height: 2px; color: #3169de; opacity: .3; }
/* -------- */

@media screen and (max-width:1200px) {

    chart count[middle] { font-size: 60px; }
    chart count[large] { font-size: 70px; }
    chart holder counter { max-width: 300px; }
}

@media screen and (max-width:900px) {

    data_panel > wrap { max-width: 100%; padding: 15px 0; }
    chart holder counter { max-width: 100% }
    chart holder > wrap { width: 100%; margin: 15px 0; }
}


@media screen and (max-width:600px) {

    chart count[middle] { font-size: 40px; }
    chart count[large] { font-size: 40px; }
    chart count { font-size: 24px; }
    chart text { font-size: 14px; }
}

@media screen and (max-width:450px) {
    chart text[title] { font-size: 24px; }
    data_panel { justify-content: flex-start; }
        data_panel > wrap[right] { margin: initial }
    chart text[right], chart count[right] { text-align: initial }
    chart wrap counter { flex-grow: 1; flex-basis: 100%; }
    chart holder counter { padding: 15px 0; align-items: flex-start; }
}
/* -------- */


/* separator */

separator { box-shadow: inset 0 0 0 1px; }
    separator[vertical] { height: 30px; min-width: 1px; width: 1px; margin: 0 10px; opacity: .15; position: relative; z-index: 2; display: flex; }
    separator[horizontal] { min-height: 1px; height: 1px; margin: 30px 10px 0; opacity: .1; position: relative; z-index: 2; display: flex; }

/* ----- */






/*modules*/


/*container{display:flex; width:100%; height:100%;  position:relative; overflow:hidden; }
view[collapsible]{display:flex;flex-wrap: nowrap;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px var(--outline);flex-direction:column;z-index:1;background:var(--background);}


view[vertical]{flex-direction:row;}
view[horizontal]{flex-direction:column;}

view[scroll]{overflow:auto;overflow:overlay;-webkit-overflow-scrolling: touch;height: 100%;}

view[intro]{overflow:auto; overflow:overlay;-webkit-overflow-scrolling: touch;  }
view[intro] > wrap{align-items:center; margin:auto; display:flex; flex-direction:column; flex-shrink:0}
view[intro] panel{display:flex;margin:30px 0;}



view[hide]{display:none}*/
/*------*/



/* switcher*/

/*gap{width:0; height:0; flex-shrink:0; transition:.225s; display:none}

switchable{display:flex; width:100%; height:100%; bottom:0; position:relative; overflow:hidden; box-shadow:0 0 0 1px var(--border-color);z-index:2;  transition: .125s; transition-property: width, height; }
switchable[compact]{width:60%; }
switchable.hide{width: 60px;flex-shrink:0;display: flex!important;}
switchable.hide view{display:none;}



switchable switch{width: 50px;height:100%;cursor:pointer;overflow:hidden;position:relative;display:flex;flex-shrink:0;background: #373737;color: #fff;z-index:2;box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, 0.1),inset 0 1px 0 0px rgba(0, 0, 0, 0.1);}
switchable switch:active wrap{transform:translateY(1px)}
switchable switch[accent]{background:var(--main-color);color:#fff;}

switchable switch wrap{height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer; width:100%; position:relative;}
switchable switch text{transform:rotate(-90deg);font-weight:700;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;}

switchable[horizontal]{flex-direction:column;}
switchable[horizontal].hide {height: 50px;width:100%;flex-shrink:0;}
switchable[horizontal] switch{height: 50px;width:100%;}
switchable[horizontal] switch text{transform:rotate(0deg);text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);pointer-events: none;text-transform: uppercase;}
switchable[horizontal] switch text:after{content:'TAP TO hide FILTERS';font-size: 13px;display:block;}
switchable[horizontal].hide switch text:after{content:'TAP TO SHOW FILTERS';}

@media(max-width:800px)
{

gap{display:flex;width:var(--area); height:var(--area);}

switchable[overlay]{position:absolute;z-index:2}
}*/










#wrapper { padding-top: 20px; padding-left: 10px; background: #fff; border: 1px solid #ddd; box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1); max-width: 1650px; margin: 35px auto; }
#chart, .chart-box { padding-top: 20px; padding-left: 10px; background: #fff; border: 1px solid #ddd; box-shadow: 0 22px 35px -16px rgba(0,0,0, 0.1); }
select.flat-select { -webkit-appearance: none; appearance: none; background: #008FFB url(/Content/css/data:image/svg+xml;utf8,<svg xmlns=/'http:/www.w3.org/2000/svg/' width=/'60px/' height=/'60px/'><polyline fill=/'white/' points=/'46.139,15.518 25.166,36.49 4.193,15.519/'/></svg>?v=5.6.20210929) no-repeat scroll right 2px top 9px / 16px 16px; border: 0 none; border-radius: 3px; color: #fff; font-family: arial,tahoma; font-size: 16px; font-weight: bold; outline: 0 none; height: 33px; padding: 5px 20px 5px 10px; text-align: center; text-indent: 0.01px; text-overflow: ""; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); transition: all 0.3s ease 0s; width: auto; transition: 0.3s ease all; }
    select.flat-select:focus, select.flat-select:hover { border: 0; outline: 0; }
.apexcharts-canvas { margin: 0 auto; }
.apexcharts-menu-item.exportSVG { display: none; }


/*driver_page*/
.driver_page table { width: 100%; max-width: 600px; margin: 0 auto; }
    .driver_page table td .ch_cont label { padding: 0 10px; }
    .driver_page table td .buttons { margin: 0; }
.driver_page .form_wrap .form_fields { padding-right: 0; width: 100%; max-width: 100%; }
.driver_page .image_uploader .input_cont { justify-content: flex-start; width: 100%; }
.driver_page .uploader.category_image { margin: 0; width: 100%; max-width: 100%; padding: 0; background-image: none; background: none; box-shadow: none; min-height: 0; min-width: 0; }
.driver_page .upload_controls { padding: 0; }
.driver_page .uploader.category_image .imageContainer { background-size: contain; height: 400px; }

.driver_page .uploader .k-widget.k-upload .k-button { min-height: 50px; line-height: 50px; display: flex; justify-content: center; align-items: center; }



.driver_page .buttons.wide { margin-left: 0; margin-left: 0; margin-right: 0; width: 100%; }
.driver_page .button { display: flex; align-items: center; justify-content: center; }
    .driver_page .button.large { width: 100%; box-sizing: border-box; height: 60px; }
    .driver_page .button.green { background: #1c8e27 !important; color: #ffffff !important; }

    .driver_page .button.large icon,
    .driver_page .uploader .k-button icon { margin: 5px; font-size: 20px; }
/*---*/


/*custom_grid*/
.custom_grid { margin: 20px 5px 5px 0px; float: left; width: 100%; border-collapse: collapse; }
    .custom_grid table { border-collapse: collapse; padding: 0; margin: 0; table-layout: fixed; width: 100%; }
    .custom_grid td, .custom_grid th { padding: 0; margin: 0; border-spacing: 0; border-collapse: collapse; outline: none; border: none; }
        .custom_grid td > wrap, .custom_grid th > wrap { padding: 5px 15px; display: flex; width: 100%; align-items: center; white-space: nowrap; }
        .custom_grid th > wrap { min-height: 40px; }
        .custom_grid td > wrap text, table.custom_grid th > wrap text { }
        .custom_grid th > wrap[center] { justify-content: center; }


    .custom_grid th { background: #fdd65d; }
    .custom_grid td { box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), 1px 0 0 0 rgba(0, 0, 0, 0.05); vertical-align: text-top; height: 40px; vertical-align: middle; }
        .custom_grid td:last-child { box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), 0px 0 0 0 rgba(0, 0, 0, 0.05) }

    .custom_grid tr { }
    .custom_grid tbody tr:nth-child(2n+1) { background-image: linear-gradient(rgb(0 0 0 / 1%), rgb(0 0 0 / 1%)); }


    .custom_grid th[right] wrap,
    .custom_grid td[right] wrap cell { justify-content: flex-end; }

    .custom_grid td[right] wrap input { text-align: right; }


    .custom_grid th.title wrap { text-align: center; justify-content: center; }
    .custom_grid td.title wrap { text-align: left; justify-content: flex-start; }
    .custom_grid .text_right wrap { text-align: right; justify-content: flex-end; }

    .custom_grid cell { margin: 0 10px 0 0; position: relative; display: flex; flex-wrap: wrap; align-items: center; align-self: flex-start; min-height: 30px; }
        .custom_grid cell:only-child, cell:last-child { margin: 0; flex-grow: 1; }
        .custom_grid cell input { min-width: 0; width: 100%; box-shadow: inset 0 0 0 2px rgba(0,0,0,.05) }

            .custom_grid cell input.input-validation-error { /* border: solid 1px #FF0000; */ box-shadow: inset 0 0 0 2px rgba(239, 83, 80, 0.3); }
        .custom_grid cell .error.validation { position: static; white-space: normal; line-height: normal; display: none !important; }



    .custom_grid.transparent.info { float: none; margin-top: 0; }

@media screen and (max-width:600px) {
    .custom_grid.transparent.info text { white-space: normal; }
    .custom_grid.transparent.info th[right] { text-align: right; }
}




div[info] { padding: 10px 10px 10px 20px; max-width: 450px; background-image: linear-gradient(rgb(0 0 0 / 1%), rgb(0 0 0 / 1%)); /* box-shadow: inset 1px 0px 0 rgb(0 0 0 / 5%); */ box-shadow: inset 5px 0px 0 #1c8e27,inset 0px 0px 1px rgb(0 0 0 / 10%); margin-bottom: 10px; }
    div[info] text { margin: 10px 0 10px 0; display: block; }
        div[info] text[italic] { font-style: italic; }
        div[info] text icon { float: left; margin-right: 5px }
    div[info] icon { width: 18px; height: 14px; font-size: 16px; font-weight: 600; }
        div[info] icon[yellow] { color: #fdd65d; }
        div[info] icon[green] { color: #1c8e27; }

    div[info][warning] { box-shadow: inset 5px 0px 0 #fdd65d, inset 0px 0px 1px rgb(0 0 0 / 10%); }




/*List item start*/

grid[list_item] { position: relative; display: flex; flex-direction: column; flex-shrink: 0; width: 100%; flex-shrink: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; }
    grid[list_item] wrap { position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; padding: 20px; }


    grid[list_item] toolbar count { font-weight: 700; padding: 0 15px; }

    grid[list_item] toolbar separator { box-shadow: inset 0 0 0 1px; flex-shrink: 0; opacity: .1 }
        grid[list_item] toolbar separator[vertical] { height: 30px; min-width: 1px; width: 1px; margin: 0 10px; position: relative; z-index: 2; display: flex; }



    grid[list_item] wrap item { overflow: hidden; cursor: pointer; padding: 15px; flex-direction: column; transition: .125s; position: relative; align-items: center; justify-content: center; display: flex; animation: appera forwards .125s; /* background: rgb(136 136 136 / 10%); */ margin: 5px; border-radius: 10px; box-shadow: 0 5px 12px -2px rgb(0 0 0 / 20%), 0 0 0 1px rgb(0 0 0 / 5%); position: relative; overflow: hidden; }
        grid[list_item] wrap item.selected { background: #fdd65d; }
        grid[list_item] wrap item text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; width: 100%; text-align: center; max-width: 150px; }
        grid[list_item] wrap item:hover { background-image: linear-gradient(to top, rgba(0,0,0,.05) 0%,rgba(0,0,0,.05) 100%); }
        grid[list_item] wrap item:active tag[type] { transform: translateY(1px); }
        grid[list_item] wrap item tag[type] { margin: 0 0 10px; height: 20px; line-height: 20px; min-width: 40px; text-align: center; font-weight: 600; box-shadow: 0 0 0 1.5px; text-transform: uppercase; }

        grid[list_item] wrap item a[click] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }








/*footer*/
/*body.contact footer[contact]{display: flex;}*/
.main_container footer[contact] { display: flex; min-height: 65px; background: transparent; box-shadow: 0 0 0 1px rgb(0 0 0 / 5%); flex-direction: column; justify-content: center; }
footer[contact] cont { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; padding: 10px 5px; font-size: 13px; width: 100%; max-width: 320px; margin: 0 auto; }
    footer[contact] cont text { margin: 2px auto; text-align: center; line-height: 20px; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; width: 100%; }
        footer[contact] cont text > b { margin: 0px 5px; }
footer[contact] call { /* display: flex; */ /* margin: 0 5px; */ /* align-items: center; */ }
    footer[contact] call wrap { display: flex; }
    footer[contact] call icon[small] { width: 15px; height: 15px; font-size: 15px; margin: 0 5px 0 5px; }
    footer[contact] call a { line-height: 15px; }
        footer[contact] call a:hover { text-decoration: underline; }

footer[contact][highlight] { background: #fddc74; }

@media screen and (max-width:500px) {
    .main_container footer[contact] { box-shadow: 0 -5px 12px -2px rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 5%); min-height: auto; }
    footer[contact] cont { max-width: 220px; }
}

/*Media start*/

@media only screen and (max-width:1400px) {
    .custom_grid cell input { /*min-width:0;width:100%;*/ }
}


.custom_grid.transparent th { background: none; }
.custom_grid.compact { width: auto; min-width: 500px; }

@media only screen and (max-width:600px) {
    .custom_grid.compact { width: auto; min-width: 0px; border-collapse: collapse; }
}

.custom_grid.compact th, .custom_grid.compact td { text-align: left; }
.custom_grid td[compact] { height: 10px; }

/**/





@media only screen and (max-width:550px) {
    .driver_page .form_fields.image_uploader { min-width: 0; width: 100%; max-width: 100%; padding-right: 0; }
    /*.driver_page .uploader.category_image {min-width: 0;width: 100%;max-width: 100%;}*/
    .driver_page .image_uploader .input_cont { width: 100%; }
    .driver_page .form_wrap table { width: 100%; }
}
/*----*/







@media screen and (max-height:650px) {
    .login.center_cont .login_cont { min-height: 0; max-height: calc(100vh - 40px); overflow-x: hidden; overflow-y: auto; }
}


@media screen and (max-height:690px) {
    .login.center_cont { position: relative; padding: 70px 0; }
    .layers_wrapp { }
        .layers_wrapp.open .layers_cont { max-height: calc(100vh - 250px); overflow-y: auto; overflow-x: hidden; min-height: 50px; }
}


/*.mail_request rate item:hover icon,rate item.hover icon{color:#fdd65d;transition: color .3s;}*/

@media screen and (max-width:1400px) {
}

@media screen and (min-width:1200px) {
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:1100px) {
}




@media screen and (max-width:1000px) {
    .k-grid-content tr td, .k-grid-content tr td span { white-space: normal; word-break: break-word; }
    td._grd_compact .wrap_cell span { white-space: normal; word-break: break-word; }
}






@media screen and (max-width:1024px) {

    .login_cont .login_input { margin: 10px; }
    .login_cont .login_buttons { margin10px 10px 10px 0; }
    .login_cont .icon-collapse { color: #fff; display: none; }
    .login { order: 2; -ms-order: 2; flex: none; -ms-flex: none; line-height: 20px; background-color: transparent; /*flex-basis: 50%*/ }
    .wrap_container .container .k-widget.k-grid { padding: 0; }
}


@media screen and (max-width: 900px) {
    .map_content { width: 100% !important; position: relative !important; overflow: hidden !important; flex: 1 !important; -ms-flex: 1 !important; }
    .k-splitter .k-splitbar { display: none; }
    .k-splitter .k-pane { overflow: visible; }
        .k-splitter .k-pane.view_bar { overflow: visible !important; }

    .details_header .data { /*max-width:400px;*/ }
    .details .details_item .details_header .data .address { max-width: 130px; }
}




@media only screen and (max-width:950px) {
    .container.collapse { }
    .filter_cont { padding-right: 10px; }
        .filter_cont .form_fields { /*margin:10px 0;*/ flex-wrap: nowrap; -ms-flex-wrap: nowrap; width: 100%; }
    .form_fields > .input_cont { }
    .form_fields > .input_label { }
    .filter_cont .flex_row { width: 100%; }
        .filter_cont .flex_row .form_fields { }
            .filter_cont .flex_row .input_cont, .filter_cont .flex_row .form_fields .input_cont { max-width: 240px; }
    .table_bar > div { max-width: 100%; flex: 1; }

    .form_wrap .form_fields, .form_wrap .table_bar.multicell { width: 100%; max-width: 400px; flex: 1 100%; -ms-flex: 1 100%; /* min-width: 0; */ }
    .button, .buttons .button, .form_wrap .button { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.09); }
    .message_box footer .button { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.09); }


    .form_wrap .button .icon-check { font-size: 25px; position: relative; }
    .form_wrap .button .icon-cancel { font-size: 30px; }
    .form_wrap .button .icon-chevron-right { font-size: 40px; }
        .form_wrap .button .icon-chevron-right:before { position: absolute; top: -5px; left: -6px; }
    .form_wrap .button .icon-cancel:before { top: 1px; left: 0px; }
    .form_wrap .button .icon-check:before { position: absolute; top: 3px; left: 2px; }
    input.button, button, .button, .k-button { font-size: 12px; }
    .icon-collapse { font-size: 25px; }

    #grdDeliveredArea .table_bar { margin: 0; }
}

@media screen and (max-width:800px) {

    .ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label { display: none }

    .form_wrap .form_fields.status:not(.wide) { flex: 1 50%; -ms-flex: 1 50%; max-width: 50%; }
    .addition_item { flex: 1 100%; -ms-flex: 1 100%; }
    .left_bar { min-width: 0; }

    .table td .form_fields .input_cont { min-width: 0 }
}

@media screen and (max-width:620px) {
    .left_bar { min-width: 0; }

    .details_header .data { flex-direction: column; -ms-flex-direction: column; align-items: flex-start; -ms-flex-align: start; }
    .details .details_item .details_header .data > span { box-shadow: none; width: 100%; text-align: left; }
    .details .details_item .details_header .data p { /*display:block;*/ flex-direction: column; -ms-flex-direction: column; flex: 1 1 auto; -ms-flex: 1 1 auto; }

        .details .details_item .details_header .data p span { box-shadow: none; width: auto; text-align: left; }



    .left_bar .details_item .btns_2 .button2 { left: 50%; }
    .map .table_bar { margin: 0; }
        .map .table_bar > .form_fields { margin: 5px 0 0 0; flex: 1 100%; -ms-flex: 1 100%; }
        .map .table_bar.simple > .form_fields { flex: 1; -ms-flex: 1; flex: 1 1 100%; }
    .map .form_fields { }

    .map .table_bar > .form_fields .radio_cont { }
    .map .table_bar > .form_fields .input_cont { flex-wrap: wrap; -ms-flex-wrap: wrap; }
        .map .table_bar > .form_fields .input_cont label { float: right; }
    .map .table_bar .radio_cont label { }


    /*-------*/
    .collapse h2.title { padding-right: 0; }
    .collapse .icon-GENERAL { display: none; }
    /*-------*/
}



@media screen and (max-width:550px) {


    .map .form_fields .input_cont input.mini { min-width: 135px; max-width: 100%; }
    .map .form_fields .input_cont .input_label.mini { min-width: 135px; }


    .filter_cont { padding: 0 10px; }
        .filter_cont .flex_row .form_fields { display: block; min-width: 0; }
            .filter_cont .flex_row .form_fields .input_cont:first-child { margin-bottom: 30px; }
            .filter_cont .flex_row .form_fields .input_cont:last-child { margin-bottom: 0px; }
        .filter_cont .form_fields { display: block; min-width: 0; max-width: 100%; flex: 1 100%; -ms-flexbox: 1 100%; }
            .filter_cont .form_fields .input_cont, .filter_cont .flex_row .form_fields .input_cont { margin: 0 0 10px 0; display: block; min-width: 0; max-width: 100%; line-height: normal; }
    .map .table_cell .input_cont { display: flex; display: -ms-flexbox; }
    .form_fields .input_cont .input_data { margin: 0 0 10px 0; display: block; min-width: 0; max-width: 100%; height: 20px; line-height: 20px; }
    .map .form_fields .input_cont .input_data { margin: 0; }

    .details_cont { padding: 10px; }
    .map .input_cont { padding: 0px 0; box-sizing: border-box; }
        .map .input_cont > span { /*height: 30px;line-height: 30px;*/ }
        .map .input_cont input { width: 100%; max-width: 100%; /*flex: 1 100%;-ms-flex: 1 1 100%;*/ }
    .map .map_link .input_cont { flex: 1 1 100%; -ms-flex: 1 1 100%; }
    .map_link a { margin-left: 10px; }

    .details_cont .form_fields .k-widget.k-header .k-input { /*padding-left:0;*/ }

    .details_cont .form_fields .input_cont .k-widget { max-width: 100%; }
    .details_cont .form_fields .multy.input_cont .input_cont { max-width: 100%; }
    .details_header { flex-direction: column; -ms-flex-direction: column; min-height: 0; align-items: flex-start; -ms-flex-align: start; padding-top: 15px; }
        .details_header .title { max-width: 100%; min-height: 0px; height: auto; }
        .details_header .data { max-width: 100%; box-shadow: none; padding: 0 10px 10px 35px; width: 100%; }
    .open.details .data { /*display:none;*/ }

    .details.show_cont .details_header { padding-top: 0; }

    .details_header .data > span { max-width: 100%; }
    .details_header .title { max-width: 100%; }

    .details_cont .table_bar .input_cont .input_label { /*margin:0;*/ padding: 0px 5px; height: auto; padding-left: 5px; }


    .map .form_fields .input_cont { flex-wrap: wrap; -ms-flex-wrap: wrap; }
        .map .form_fields .input_cont .input_label, .table_bar.multicell .form_fields.required .input_label.mini { max-width: 100%; min-width: 0; width: 100%; padding-left: 5px; }
    .map .form_fields.status .input_cont .input_data { padding-left: 5px; }
    .map .table_bar h2 { padding-left: 5px; }
    .map h2 { padding-left: 0px; }
    .table_bar .append_bar { align-items: center; -ms-flex-align: center; }
    .details_cont .buttons .check_cont { padding-left: 5px; }

    .accessorials_bar { padding: 10px 0; }
    .table tfoot td:first-child { width: auto; }
    .table td, .table th { padding: 5px 2px; }
    .map .table .input_label { padding: 0; }
}


@media screen and (max-width:500px) {
    /*.details_header .title {width:55%;}*/
    .left_bar { max-width: calc(100% - 50px); }
    .form_wrap .form_fields.status { flex: 1 100%; -ms-flex: 1 100%; max-width: 100%; }
    /*.msgArea .msgText{font-size: 16px;}*/
    .layers { top: 80px; }
}

@media screen and (max-width:450px) {
    .login.center_cont .login_cont { max-width: 300px; padding: 30px; }

    .table_cell .input_cont { display: flex; display: -ms-flexbox; margin: 0; padding: 0; }
    .details_cont .table_bar .input_cont .input_label { margin: 0; padding: 0px 5px; height: auto; }
    .table_cell { display: block; }
    .table_bar .header .table_cell { }
    .table_row { display: block; }

    .details_item { max-width: calc(100% - 30px); }
    .details .details .details_item { max-width: 100%; }


    .switch { min-width: 25px; width: 25px; }
        .switch [class^="icon-"], .switch [class*=" icon-"] { font-size: 25px; }
    .mbl_switch { width: 25px; right: -25px; }
        .mbl_switch div { width: 25px; }
            .mbl_switch div span { line-height: 25px; font-size: 11px; }
    .left_bar { max-width: calc(100% - 25px); }
    /*.map .form_fields .input_label{padding-left:5px;}*/
    .map .table_bar > div { margin-right: 0; }
    .details_cont { padding: 5px 5px; }
        .details_cont .details .details_item .details_cont { padding: 5px 0px; }
    .left_bar_cont > .details > .details_item { max-width: calc(100% - 30px); }
    .left_bar .btns { flex-wrap: wrap; -ms-flex-wrap: wrap; }
        .left_bar .btns .button { max-width: 100%; margin: 5px 0 0 0; flex: auto; height: 40px; line-height: 40px; padding: 0 10px; min-width: 0; }
            .left_bar .btns .button.multiline { padding: 5px 10px; }
    .left_bar .details_item .btns .button { margin-right: 0; }
    .left_bar .btns .button .icon { display: none; }
    .map .radio_cont { }
    .left_bar .details_item .details_cont .btns { margin: 10px 0; }
    .icon-STOP-INFO_light + .mark_number { left: 13px; top: 21px; width: 8px; height: 8px; font-size: 10px; }

    .map_content { /*margin-left:25px;*/ }
    .details .switch .icon { font-size: 36px; }

    .action_confirm.message_box footer { height: 140px; min-height: 140px; }
    .action_confirm footer .button { width: 100%; margin: 5px 0; }

    /*.main_container footer .bottom_bar{padding:0 10px;}*/

    .view_bar .mbl_switch { right: -25px; }
    .view_bar ~ .map_content { margin-left: 25px; }
    .close.view_bar ~ .map_content { margin-left: 25px; }
    .view_bar { max-width: calc(100% - 25px); }

    .tractor_tool_bar .action_cont { min-width: 0; padding: 3px 10px; max-width: 170px; }
        .tractor_tool_bar .action_cont .title { font-size: 11px; }
        .tractor_tool_bar .action_cont.open { }
        .tractor_tool_bar .action_cont .form_fields.status .input_cont { flex-wrap: wrap; -ms-flex-wrap: wrap; }
    .tractor_tool_bar .form_fields.status .input_cont .input_data { width: 100%; padding-left: 0 }
    .tractor_tool_bar .button_cont .button { margin: 5px auto; width: 100%; }

    .window_cont .form_container { width: 100%; min-width: 0; }
}


@media screen and (max-width:420px), (max-width: 820px) and (orientation: landscape) {
    /*=====@media screen and (max-width:350px)====*/
    .map .form_fields .input_cont { flex-wrap: wrap; -ms-flex-wrap: wrap; }
        .map .form_fields .input_cont .input_label { max-width: 100%; min-width: 0; width: 100%; }
    .map .form_fields.status .input_cont .input_data { padding-left: 5px; }
    .table_bar .append_bar { align-items: center; -ms-flex-align: center; }
    /*=====@media screen and (max-width:350px)====*/
}


/*--- Tatul ---*/
/*.loading { font-size: 30px; font-weight: 700; white-space: normal; }

.loading:after { overflow: hidden; display: flex; vertical-align: bottom; animation: ellipsis steps(4,end) 1500ms infinite; content: "\2026"; width: 0px; height: 20px; line-height: 5px; }*/

.wrap_cell .pending, .status_data.pending, .mark .pending, .cell_pending, .mark_tip .status.pending { font-size: 0; position: relative; width: 30px; height: 20px; }
    .wrap_cell .pending:after, .status_data.pending:after, .mark .pending:after, .cell_pending:after, .mark_tip .status.pending:after { position: absolute; top: 0; font-size: 30px; font-weight: 700; white-space: normal; color: #666; overflow: hidden; display: flex; vertical-align: bottom; animation: ellipsis steps(4,end) 1500ms infinite; content: "\2026"; /* ascii code for the ellipsis character */ width: 0px; height: 20px; line-height: 5px; }
td.cell_pending:after { top: 15%; }

@keyframes ellipsis {
    to { width: 28px; }
}




/*body,html {height: 100%;min-height:0;}*/
/*.main_container {min-height: 0;}
.left_bar > form{height: 100%;}
.left_bar_cont {overflow-y:auto;}*/







/*body,html {}
.main_container,
.wrap_container.load_compact{}
.main_container {}
navigation{}
.wrap_container {}
.content_container{}
.content_container.map{}
.left_bar{}
.left_bar > form{}
.left_bar_cont {}
.left_bar_cont * {}
.map_content{}
.map_content * {}*/


/* FUEL COCKPIT */

#floating-panel { background-color: #fff; border: 1px solid #999; left: 15%; padding: 5px; position: absolute; top: 10px; z-index: 5; text-align: center; font-family: "Roboto", "sans-serif"; line-height: 30px; }
    #floating-panel .map-filter { display: flex; margin: 8px; }
        #floating-panel .map-filter > div { margin: 0 4px; }
        #floating-panel .map-filter .form_fields { flex-wrap: nowrap; }
            #floating-panel .map-filter .form_fields .input_cont { min-width: 100px; margin: 0 4px; }
div#Heatmap { display: flex; flex-direction: column; min-width: 165px; }

.filterContainer { display: flex; flex-direction: column; align-items: start; margin: 10px; }
    .filterContainer .header { display: flex; justify-content: center; align-items: center; margin-bottom: 4px; }
    .filterContainer li { display: flex; margin: 5px; justify-content: space-between; }
.network-filters marker { cursor: initial; }
.ambest marker { background-color: magenta; }
.loves marker { background-color: #ff0; }
.maverik marker { background-color: purple; }
.pilot marker { background-color: #f00; }
.quick_trip marker { background-color: lightblue; }
.sc_fuel marker { background-color: brown; }
.speedway marker { background-color: orange; }
.ta_petro marker { background-color: #00f; }
.independent marker { background-color: #0f0; }


.mapLabel { position: absolute; z-index: 30; font-size: 14px; font-weight: 600; color: #000; }

.fp-no-carriers { display: flex; flex-direction: column; align-self: center; align-items: center; margin: 0 auto; line-height: 30px; }
    .fp-no-carriers span { font-size: 16px; }


#divCardInternal { margin-bottom: 32px; }
    #divCardInternal pre { margin: 8px 0 0 8px; }


.video-content { margin-left: 24px; }
    .video-content .item { padding: 8px 0; }
        .video-content .item .title { display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; font-size: 12px; font-weight: 700; text-transform: uppercase; cursor: pointer; }
.video-wrapper { width: 100%; height: 100%; }
.video-wrapper .video { height: 100%; width: 100%; }
.ovrl_wnd_cont > div > div.video-modal { width: 100%; height: min(56.25vw, 100%); max-height: initial; }
.ovrl_wnd_cont > div > div.video-modal > div { width: 100%; height: 100%; max-height: initial; }




/* Anahit */


.details_item.documents_btns {
    max-width: calc(100% - 142px);
    margin-left: auto
}
.details_item.documents_btns button{min-width: 120px}
.details_item.documents_btns #btnSetupQBO{min-width: 145px}

@media only screen and (max-width:550px) {
    .details_item.documents_btns {
        max-width: 100%;
        margin-left: initial;
    }

        .details_item.documents_btns button {
            min-width: 120px
        }

        .details_item.documents_btns #btnSetupQBO {
            min-width: 145px
        }
}



[class^="icon-"], [class*=" icon-"],.k-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  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-SOCIAL-MEDIA:before {
  content: "\e906";
}
.icon-SORT_N:before {
  content: "\e907";
}
.icon-SORT_S:before {
  content: "\e908";
}
.icon-STAFF:before {
  content: "\e909";
}
.icon-star_half:before {
  content: "\e90a";
}
.icon-star-fill:before {
  content: "\e90b";
}
.icon-star-stroke:before {
  content: "\e90c";
}
.icon-STATIONARY-MODEM-INCIDENTS:before {
  content: "\e90d";
}
.icon-STOP_INFO__add:before {
  content: "\e90e";
}
.icon-STOP_INFO__add2:before {
  content: "\e90f";
}
.icon-STOP-INFO:before {
  content: "\e910";
  color: #4e4e4e;
}
.icon-STOP-INFO_light:before {
  content: "\e911";
  color: #4e4e4e;
}
.icon-STOP-INFO_light_transfer:before {
  content: "\e912";
  color: #4e4e4e;
}
.icon-SUPPORT:before {
  content: "\e913";
}
.icon-TIME-TRACKING:before {
  content: "\e914";
}
.icon-TRACTOR-MODEM-ASSIGNMENT:before {
  content: "\e915";
}
.icon-TRACTORS:before {
  content: "\e916";
}
.icon-TRAILERS:before {
  content: "\e917";
}
.icon-TRUCKLOAD:before {
  content: "\e918";
}
.icon-trucks:before {
  content: "\e919";
}
.icon-upcoming:before {
  content: "\e91a";
}
.icon-USER:before {
  content: "\e91b";
}
.icon-USERS:before {
  content: "\e91c";
}
.icon-WARNING:before {
  content: "\e91d";
}
.icon-arrow_left:before {
  content: "\e91e";
  color: #808080;
}
.icon-arrow_right:before {
  content: "\e91f";
  color: #808080;
}
.icon-arrow_top:before {
  content: "\e920";
  color: #808080;
}
.icon-ASSETS:before {
  content: "\e921";
}
.icon-ASSOCIATION-LOGOS:before {
  content: "\e922";
}
.icon-ATTACHMENTS:before {
  content: "\e923";
  color: #4e4e4e;
}
.icon-cancel:before {
  content: "\e924";
}
.icon-CAREERS:before {
  content: "\e925";
}
.icon-CARRIER-FOR:before {
  content: "\e926";
}
.icon-CHANNELS:before {
  content: "\e927";
}
.icon-check:before {
  content: "\e928";
}
.icon-chevron-double-left:before {
  content: "\e929";
}
.icon-chevron-double-right:before {
  content: "\e92a";
}
.icon-chevron-right:before {
  content: "\e92b";
}
.icon-CMS:before {
  content: "\e92c";
}
.icon-collapse:before {
  content: "\e92d";
}
.icon-COMPANY:before {
  content: "\e92e";
}
.icon-CONSUMER-PRODUCTS:before {
  content: "\e92f";
}
.icon-CONTACT-US:before {
  content: "\e930";
}
.icon-CREDENTIALS:before {
  content: "\e931";
}
.icon-CREDIT-POOLS:before {
  content: "\e932";
}
.icon-CUSTOMER-AND-PAYMENT-INFO:before {
  content: "\e933";
  color: #4e4e4e;
}
.icon-CUSTOMER-BRANCHES:before {
  content: "\e934";
}
.icon-CUSTOMERS:before {
  content: "\e935";
}
.icon-CUSTOMER-USERS:before {
  content: "\e936";
}
.icon-DATE:before {
  content: "\e937";
}
.icon-DEDICATED-SERVICES:before {
  content: "\e938";
}
.icon-delete:before {
  content: "\e939";
  color: #4e4e4e;
}
.icon-DIVERSIFIED-MANUFACTURING:before {
  content: "\e93a";
}
.icon-DOCUMENTS:before {
  content: "\e93b";
}
.icon-door-open:before {
  content: "\e93c";
}
.icon-download:before {
  content: "\e93d";
}
.icon-DRIVERS:before {
  content: "\e93e";
}
.icon-earth:before {
  content: "\e93f";
}
.icon-enroute:before {
  content: "\e940";
}
.icon-EQUIPMENT:before {
  content: "\e941";
}
.icon-EXPEDITE:before {
  content: "\e942";
}
.icon-external-link:before {
  content: "\e943";
}
.icon-FOOD-n-BEVERAGE:before {
  content: "\e944";
}
.icon-FOREST:before {
  content: "\e945";
}
.icon-GENERAL:before {
  content: "\e946";
}
.icon-GENERAL-PREFERENCES:before {
  content: "\e947";
}
.icon-HAUL-INFO:before {
  content: "\e948";
  color: #4e4e4e;
}
.icon-HEALTH-MONITOR:before {
  content: "\e949";
}
.icon-HISTORY:before {
  content: "\e94a";
}
.icon-HOME:before {
  content: "\e94b";
}
.icon-INDUSTRY-SOLUTIONS:before {
  content: "\e94c";
}
.icon-IN-THE-NEWS:before {
  content: "\e94d";
}
.icon-layers:before {
  content: "\e94e";
}
.icon-LEADS:before {
  content: "\e94f";
}
.icon-LITERATURE:before {
  content: "\e950";
}
.icon-load:before {
  content: "\e951";
}
.icon-LOAD-INFO:before {
  content: "\e952";
  color: #4e4e4e;
}
.icon-LOADS:before {
  content: "\e953";
}
.icon-lock:before {
  content: "\e954";
}
.icon-LOGISTICS:before {
  content: "\e955";
}
.icon-MAINTENANCE:before {
  content: "\e956";
}
.icon-MAP:before {
  content: "\e957";
}
.icon-marketplace .path1:before {
  content: "\e958";
  color: rgb(1, 1, 1);
}
.icon-marketplace .path2:before {
  content: "\e959";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-MATCHMAKER:before {
  content: "\e95a";
}
.icon-MEMBER-OVERVIEW:before {
  content: "\e95b";
}
.icon-MEMBERS:before {
  content: "\e95c";
}
.icon-MESSAGES:before {
  content: "\e95d";
}
.icon-MISCELLANEOUS:before {
  content: "\e95e";
}
.icon-MODEMS:before {
  content: "\e95f";
}
.icon-my:before {
  content: "\e960";
}
.icon-MY-CARRIERS:before {
  content: "\e961";
}
.icon-NOTIFICATION-CENTER:before {
  content: "\e962";
}
.icon-NOTIFICATIONS:before {
  content: "\e963";
}
.icon-NOTIFICATION-SETTINGS:before {
  content: "\e964";
}
.icon-OVERVIEW:before {
  content: "\e965";
}
.icon-PAGES:before {
  content: "\e966";
}
.icon-PDF:before {
  content: "\e967";
}
.icon-PDF_lock:before {
  content: "\e968";
}
.icon-PDF_lock_f:before {
  content: "\e969";
}
.icon-PDF_lock2:before {
  content: "\e96a";
}
.icon-PDF_public:before {
  content: "\e96b";
}
.icon-PDF_public_f:before {
  content: "\e96c";
}
.icon-PDF_public2:before {
  content: "\e96d";
}
.icon-PDF_share:before {
  content: "\e96e";
}
.icon-PDF_share_f:before {
  content: "\e96f";
}
.icon-PDF_share2:before {
  content: "\e970";
}
.icon-PERFORMANCE:before {
  content: "\e971";
}
.icon-PL:before {
  content: "\e972";
}
.icon-plane:before {
  content: "\e973";
}
.icon-PLUS:before {
  content: "\e974";
}
.icon-PREFERENCES:before {
  content: "\e975";
}
.icon-PRIVATE-NETWORK:before {
  content: "\e976";
}
.icon-public:before {
  content: "\e977";
}
.icon-RATING:before {
  content: "\e978";
}
.icon-RECENT:before {
  content: "\e979";
}
.icon-RECRUITED-CARRIERS:before {
  content: "\e97a";
}
.icon-REPRESENTED-MEMBERS:before {
  content: "\e97b";
}
.icon-REQUEST-FORM:before {
  content: "\e97c";
}
.icon-REVENUE-LOADS:before {
  content: "\e97d";
}
.icon-SEARCH:before {
  content: "\e97e";
}
.icon-SERVICES:before {
  content: "\e97f";
}
.icon-SETTINGS:before {
  content: "\e980";
}
.icon-share:before {
  content: "\e981";
}
.icon-SLIDESHOW:before {
  content: "\e982";
}
.icon-ACCOUNTING:before {
  content: "\e900";
}
.icon-ADD:before {
  content: "\e901";
}
.icon-ADVISORS .path1:before {
  content: "\e902";
  color: rgb(1, 1, 1);
}
.icon-ADVISORS .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-arrow_bottom:before {
  content: "\e904";
  color: #808080;
}
.icon-ABOUT-US:before {
  content: "\e905";
}
/* temporary*/



.icons_demo{font-size:32px;}

.icons_demo .glyph{}




.k-popup{    box-shadow: 0px 8px 0 -4px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.05), 0 15px 20px -10px rgba(0,0,0,.3);}

/* tree view */


.k-treeview{height:100%;position:relative;z-index:2;overflow:auto;background:none}
.k-treeview .k-item{list-style:none;}
.k-treeview .k-group.k-treeview-lines{min-height:100%; width:100%; }
.k-treeview ul li > div{height:40px;padding:0;margin:0;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}
.k-treeview ul li > div.readonly .k-in, .k-treeview ul li > div.follow .k-in{padding:0 35px 0 40px;}
.k-treeview ul li > div.readonly::after{content:"";position:absolute;height:30px;width:30px;right:5px;top:5px;z-index:3;background-position:-210px -236px; background-repeat:no-repeat;}
.k-treeview ul li > div.follow::after{content:"";position:absolute;height:30px;width:30px;right:5px;top:5px;z-index:3;    background-position: -360px -296px; background-repeat:no-repeat;    -webkit-animation: clndr_anim .3s;-webkit-animation-delay: .1s;-webkit-animation-fill-mode: backwards;}
.k-treeview ul li .k-in{background:transparent;display:block;height:40px;margin:0;border-radius:0;line-height:40px;color:#fff; padding:0 20px 0 60px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;transition:box-shadow .2s;-web-transition:box-shadow .2s; font-size:11px;}
.k-treeview ul li .k-in.k-state-selected{color:#acd079;font-weight:bold;box-shadow:inset 5px 0 0 0 #acd079}
.k-state-selected .icon.subscribe{background-position: -390px -266px;}
.k-treeview ul li .k-in .item_name{overflow:hidden;text-overflow:ellipsis;width:100%;max-width:0;}
.k-treeview ul li .k-in .event_count{padding:10px 0 0 5px;font-weight:700;}
.k-treeview ul li .k-in .follower_count {}
.k-treeview ul li .k-in .follower_count span{display:inline-block; vertical-align:middle;}
.k-treeview ul li .k-in .event_count span{padding:0 5px;line-height:20px;display:block;border-radius:2px}
.k-treeview ul li .k-in.k-state-selected .event_count{}
.k-treeview ul li .k-in.k-state-selected .event_count span{background:#f26363;color:#fff;}
.k-treeview ul li .k-icon{position:absolute;top:5px;left:20px;z-index:3;height:30px;width:30px; cursor:pointer;}
.k-treeview ul li .k-state-selected,.k-treeview ul li .k-state-focused{box-shadow:none}



/* grid */
.k-grid-content { /*height: 100%;*/     -ms-flex-negative: 1;/*max-height: 100%;*/ position: relative; width: 100%; overflow: auto; overflow-x: auto; overflow-y: auto; }
.k-grid table { width: 100%; border-spacing: 0; empty-cells: show; border-width: 0; table-layout: fixed; outline: none; }
.k-widget.k-grid {overflow: hidden;box-sizing: border-box;position: relative;padding: 0;border: none;clear: both;background: none;/*display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;*//* box-shadow: 0 0 0 1px rgba(0,0,0,.05); *//*font-size: 11px;*/float:none;height:100%;}
.bids table{table-layout:auto;}
.bids table td:first-child{width:40px;}

.k-grid .k-resize-handle{position:absolute;z-index:9;/*background-color:red;*/}
.k-drag-clue{cursor:move;}
.k-grid-resize-indicator{cursor:ew-resize;}
.k-resize-handle{cursor:ew-resize;}
.k-drag-clue{/*background-color:#134678;*/font-weight:700;color:#fff;opacity:.7;cursor:move;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5)}/* to do Edo drag object not displayed correct */

.k-grid-content .selected_row td {
    background-color:#c8c8c8;
}

.k-reorder-cue {
  position: absolute;
  width: 1px;
  overflow: visible;
  z-index:1000;
}
.k-reorder-cue .k-icon {
  position: absolute;
  left: -4px;
  width: 8px;
  height: 4px;
}
.k-reorder-cue .k-i-arrow-s {
  top: -4px;
  background-position: -4px -166px;
}
.k-reorder-cue .k-i-arrow-n {
  bottom: -4px;
  background-position: -4px -134px;
}

.k-grid.k-widget.draggable{float:left;width:100%; background:#fff; height:auto; padding:0px; height:40px;    box-shadow: 0 5px 10px -3px rgba(0, 0, 0,.2), 0 0 0 1px rgba(0,0,0,.05), 0 0 0 4px rgba(0,0,0,.03);opacity:.95;  cursor:move}
.k-grid.k-widget.draggable table{    table-layout: fixed; height:40px;}
.k-grid.k-widget.draggable table td{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.k-grid.k-widget.draggable .k-alt{background:#fff; }



.k-grid-content tr td{box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), 1px 0 0 0 rgba(0, 0, 0, 0.05);padding:0 5px;}

.k-grid-content tr td .icon,.k-grid-content tr td .k-icon{display:block;}
.k-grid-content tr td.center .icon{margin:0 auto}



.k-grid-content tr td.k-hierarchy-cell,.k-grid-content tr td.k-detail-cell{padding:0;}

.k-grid-content tr td.k-hierarchy-cell .k-icon{/* transform:translateY(0px); *//*opacity:0;transition:.125s transform, opacity;*/margin: 0 auto;}
.k-grid-content tr:hover td.k-hierarchy-cell .k-icon{/*opacity:1; transform:translateY(0)*/}

/*.k-grid-content tr td.k-hierarchy-cell .k-icon.k-minus{transform:rotate(90deg);}*/


.k-detail-row .k-hierarchy-cell{box-shadow:none}
.k-grid-content tr:last-child td{border-bottom:none}
.k-grid-content tr td a{font-weight:700;/* color:#000; *//* text-decoration:underline; */display: block;}
.k-grid-content tr td .wrap_cell a{ display: inline-block; }

.k-grid-content tbody > tr{height:30px;background-color: rgba(0, 0, 0, 0.04);cursor: pointer;background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0.5));}

.k-grid-content tr.k-alt{background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.8));}
.k-detail-cell .k-grid-content tbody > tr{background-image: linear-gradient(rgba(255,255,255,.95), rgba(255,255,255,0.95));}
.k-detail-cell .k-grid-content tbody > tr.k-alt{background-image: linear-gradient(rgba(255,255,255,.98), rgba(255,255,255,0.98));}

.k-grid-content table tbody >  tr:hover{/* background: rgba(0,0,0, 0.05); */background-image:linear-gradient(rgba(245, 245, 245, 0.99), rgba(245, 245, 245, 0.99))!important;}
/*.k-grid-content table tbody >  tr:hover > td,.k-grid-content table tbody > tr.k-state-selected > td {    box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.1),inset 0 -1px 0 0 rgba(0,0,0,0.1), 1px 0 0 0 rgba(0,0,0,0.1);}*/
/*.k-grid-content table tbody >  tr:hover + tr > td,.k-grid-content table tbody >  tr.k-state-selected + tr > td {box-shadow: none;}*/
.k-grid-content table tbody >  tr:hover + tr.k-state-selected > td,.k-grid-content table tbody > tr.k-state-selected + tr:hover > td{box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1);}



.k-grid-content tr.k-state-selected{    background-color:rgba(163, 202, 75, 0.28);}
.k-grid-content tr.has_request { background-color:#FFECB3; }
.k-grid-content tr.has_request:hover,.k-grid-content tr.pending:hover,.k-grid-content tr.k-state-selected:hover {background-image: linear-gradient(to top, rgba(0,0,0,.05) 0%,rgba(0,0,0,.05) 100%); }
.k-grid-content tr.has_request.k-state-selected,.k-grid-content tr.pending.k-state-selected {background-image: linear-gradient(to top, rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 100%);}
.k-grid-content tr.pending { background-color:#FFAB91; }

.k-grid-header th.k-header {padding: 5px 5px;border:none;background: none;border-bottom: none;font-weight:400;vertical-align: middle;font-weight:700;white-space: normal;/* text-overflow: ellipsis; *//* text-align: left; *//* overflow: hidden; */}
.k-grid-header th.k-header:last-child { box-shadow: none; }
.k-grid-header { min-height: 40px; z-index: 1; position: relative;background-image: linear-gradient(rgba(255,255,255,.14), rgba(255,255,255,0.14)); }

.k-grid-header .k-detail-cell .k-grid-header{height:30px;}
.k-grid-header .k-grid-header-wrap {border-right-color:transparent;height:100%;border:none; width:100%; overflow:hidden;}
.k-detail-cell .k-grid-header{min-height:30px;}
.k-detail-cell .k-grid-header .k-grid-header-wrap table tr th{height:30px;}

.k-grid-header th.k-header .k-link,.k-grid-header th.k-header {}
.k-grid-header th.k-header .k-icon{display:inline-block}
.k-grid-header th.k-header .k-icon:before{color:#fff}
.k-grid-header th.k-header,.k-grid-header th{color:#fff;height: 40px;box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1);}
.k-grid-header th.k-header .k-link {display: -ms-flexbox;display: flex;padding: 0;margin: 0;color: #fff;-ms-flex-pack: center;justify-content: center;align-items: center;-ms-flex-align: center;text-overflow: ellipsis;/* white-space: nowrap; */width: 100%;font-size: 12px;text-transform: uppercase;}
.k-grid-header th.k-header .k-link .grd_cell_title{display:block;overflow:hidden;text-overflow:ellipsis;}

.k-grid-header th .ch_cont,.k-grid-content td .ch_cont {padding: 0;min-height: 18px;}
.k-grid-header th .ch_cont label,.k-grid-content td .ch_cont label {padding: 0;min-width: 18px;}
.k-grid-header th .check_cont,.k-grid-content .check_cont{text-align:center;}

.k-grid-content tr td .button .icon,.k-grid-content tr td .k-button .k-icon{margin:0}
.k-grid-content tr td .button,.k-grid-content tr td .k-button{visibility:hidden;opacity:0;  transition: .125s;  transform: translateY(5px);position:relative;height:30px;width:30px;line-height:30px;min-width:0;box-shadow:none;background:none;padding:0;margin:0; box-shadow:none}
.k-grid-content tr td .button:only-child{float:none;margin:auto}
.k-grid-content tr:hover .button,
.k-grid-content tr:hover .k-button,
.k-grid-content tr.k-state-selected .button,
.k-grid-content tr.k-state-selected .k-button { visibility: visible; opacity: 1;    transform: none; }
.k-grid-content tr.k-state-selected .button:active,.k-grid-content tr.k-state-selected .k-button:active{transform:translateY(1px);transition:0s}

.k-grid-content tr.k-grid-edit-row .delete{visibility:hidden;opacity:0;}


.k-grid-content tr td,.k-grid-content tr td span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}







/*button into the table*/

.k-grid-content tr td .button.visible { visibility: visible; opacity: 1; width: auto; transform: none; padding: 0 10px; }
.k-grid-content tr td .button.large { width: auto; padding: 0 10px;flex-shrink:0; }



.k-grid-content tr td wrap elastic{display:flex;min-width: 100%;width:auto;}
.k-grid-content tr td wrap elastic[center]{justify-content: center;}
.k-grid-content tr td wrap elastic[right]{justify-content: flex-end;}

    .k-grid-content tr td wrap elastic .button { margin: 4px; height: 22px; line-height: 22px;}
.k-grid-content tr td wrap elastic[visible] .button { opacity: 1; visibility: visible; transform: none; }


.k-grid-content tr td .button2{height: 28px;line-height: 20px;font-size: 10px;border-radius: 2px;    box-shadow: none!important; width: 50px; padding: 0 5px; }
/*----*/





.k-grid-header tr th.right_align,
.k-grid-content tr td.right_align {text-align: right;}

.k-grid-header tr th.right_align .k-link{justify-content:flex-end;}

.k-grid-header tr th.center_align,
.k-grid-content tr td.center_align {text-align: center;}

.k-grid-content tr td.center_align .k-link{justify-content:center;}





@keyframes detail_appear { from{opacity:0;transform:translateY(-10px)}}

.k-grid .k-detail-row,.k-grid .k-detail-row:hover,.k-grid .k-detail-row.k-alt{background: #f5f5f5;}

.k-grid .k-detail-cell .k-widget.k-grid{padding:0;background:#fff;animation:detail_appear .35s backwards;height:auto;/* margin:10px 10px 10px 0; *//* box-shadow: 0 5px 10px -3px rgba(0, 0, 0,.2), 0 0 0 1px rgba(0,0,0,.05); */}
.k-grid .k-detail-cell .k-grid-header{background-color: #134678;background-image: linear-gradient(rgba(245, 245, 245, 0.3), rgba(245, 245, 245, 0.3))!important;}
.k-grid .k-detail-cell .k-grid-content{height:auto;overflow-x:hidden;overflow-y: hidden;}

.k-grid .k-hierarchy-col{width:45px;}

.k-grid-content .k-grouping-row td {height:40px; line-height:40px; padding:0;}
.k-grouping-row .k-reset { display:-ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.k-grid-content  .k-grouping-row:hover td{box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.1);}
.k-grouping-row .k-reset .k-icon { margin: 0 5px; transition: transform .2s; }
.k-icon.k-i-expand { transform: rotate(180deg); }


.container .k-widget.k-grid{height:auto;/*padding: 0px 30px;*/}
.k-grid-content tr td .k-grid-content tr td{height: 30px;}






.k-grid-content tr td input{width:100%;background:inherit;box-shadow: none;min-width: 0;} 
.k-grid-content tr td input:focus{font-size: 13px;}

td.validation-error{position:relative;}
.k-grid-content tr td input.input-validation-error{box-shadow:inset 0 0 0 2px rgba(239, 83, 80, 0.3);}
td input.input-validation-error ~ span.validation{pointer-event:none;position: absolute;margin: 0;top: 0;left: 15px;height: 100%;line-height: 20px;color: rgba(239, 83, 80, 0.7);}






/*one table*/
.k-grid-content > tr{height:30px;background-color: rgba(0, 0, 0, 0.04);cursor: pointer;background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0.5));}
.k-grid-content >  tr:hover{background-image:linear-gradient(rgba(245, 245, 245, 0.99), rgba(245, 245, 245, 0.99))!important;}
.k-grid-content >  tr:hover + tr.k-state-selected > td,.k-grid-content table tbody > tr.k-state-selected + tr:hover > td{box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1);}
/*----------------------*/

/******/

/*.k-grid-content tr td div.green {color:#1c8e27;font-weight:bold;}
.k-grid-content tr td div.red {color:#F44336;font-weight:bold;}
.k-grid-content tr td div.orange {color:#FB8C00;font-weight:bold;}*/

/*.k-grid .k-group-col, .k-grid .k-hierarchy-col { width: 1px; }*/

/* pager */

.k-pager-wrap{width: 100%;/* height: 60px; */min-height: 60px;/* margin: 0 20px; */box-sizing:border-box;padding: 15px 0;box-shadow: 0 -1px 0 0 rgba(75, 92, 109, .08);border:none;position: relative;z-index: 2;background:none;}
.k-pager-wrap .k-link{height: 30px;line-height: 30px;width: 30px;border:none;margin: 0;-webkit-user-select:none;user-select:none;  border-radius: 2px; display:block; float:left; color:#000}

.k-pager-wrap .k-pager-nav{}
.k-state-disabled.k-pager-nav{opacity:.2}
.k-pager-wrap .k-dropdown {float:left;    min-width: 70px;}
.k-pager-numbers{height:30px; border:none;margin:0;padding:0; float:left;}

.k-pager-numbers li { border:none;padding:0; height: 30px;line-height: 30px;min-width: 30px; font-weight:600; list-style:none; float:left;text-align:center;}
.k-pager-numbers li.k-current-page{display:none; cursor:pointer;background: #acd079;}
.k-pager-numbers li.k-current-page .k-link{color:#fff;}

@media  (max-width: 560px)
{

.k-pager-numbers li { display:none}
.k-pager-numbers li.k-current-page{display:block;}

   

}



.k-pager-numbers li span,.k-grid .k-pager-numbers li a{height: 30px;line-height: 30px;width: auto;min-width: 30px;border:none;display:block;color:#000;-webkit-user-select:none;user-select:none;font-weight:600;border-radius: 1px;margin: 0 2px;white-space: nowrap;}
.k-pager-numbers li .k-state-selected { color: #fff;  border-radius: 2px; border: none; height: 30px; line-height: 30px; width: 30px; background-image: linear-gradient(rgba(255,255,255,.14), rgba(255,255,255,0.14)); }
.k-pager-sizes.k-label,.k-pager-info.k-label{height:30px;border:none;padding:0 5px;text-transform:uppercase;line-height:30px;font-weight:700;-webkit-user-select:none;user-select:none; float:right;}
.k-pager-sizes .k-widget.k-dropdown{ margin:0 10px 0 5px;height:30px; width:auto;min-width:60px}
.k-pager-sizes .k-widget.k-header .k-input { margin: 0; background: #F7F7F7; box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); }

/*-----*/




/* calendar picker */


 .k-widget.k-calendar{width: 245px;float:left;overflow:hidden;text-align:center;background:#fff;}
 .k-widget.k-calendar .k-state-hover{/*background:rgba(0,0,0,.05)*/}
 .k-widget.k-calendar .k-header{text-transform:uppercase;font-size:13px;font-weight:bold;letter-spacing:.2px;height:50px;background:#134678;margin:0}
 .k-widget.k-calendar .k-header .k-nav-prev{height:50px;width:40px;top:0;line-height:50px;left:0;z-index:2;position:absolute;}
 .k-widget.k-calendar .k-header .k-nav-next{height:50px;width:40px;top:0;line-height:50px;right:0;z-index:2;position:absolute;}
 .k-calendar .k-header .k-icon{height:30px;width:30px;vertical-align:middle; margin:10px 5px;}
 .k-calendar .k-header .k-icon:before{color:#fff;}
 .k-widget.k-calendar table{}
 .k-upload-button{overflow:hidden;position:relative}
 .k-upload-button input{position:absolute;top:0;right:0;z-index:1;margin:0;padding:0;opacity:0;cursor:pointer;height: 100%;}
.k-calendar th{height: 35px;padding:0;text-align:center;font-weight: 400;text-transform:uppercase;margin:0;color: #fff;border:none;background: #134678;}
.k-calendar td{padding:0;box-shadow: 1px 0px 0 0 rgba(0,0,0,.1); cursor:pointer;}
.k-calendar td:hover{/*background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,.05) 100%);*/}
.k-calendar td:active{transform:translateY(1px)}

.k-calendar tr{box-shadow: inset 0px 1px 0 0px rgba(0,0,0,.1);}

.k-calendar .k-content .k-link{overflow:hidden;padding:0;font-weight:700;color:#000;text-decoration:none;}
.k-calendar .k-content .k-other-month .k-link{font-weight: 400;opacity:.3;}
.k-calendar .k-content{float:left;border-spacing:0;border-width:0;margin:0;/* padding: 20px; */table-layout:fixed;text-align:center;outline:0;width:100%; height:245px; box-sizing:border-box;background:none;}
.k-calendar .k-link.k-nav-fast{color:#fff;height:50px;line-height:50px;padding:0;margin:0;font-size:15px;font-weight:300;width:100%;display:block; text-decoration:none;}
.k-widget.k-calendar .k-footer{height:40px;background: #efefef;float:left;width:100%;}
.k-calendar .k-footer a{display: block;width:100%;height:100%;padding:0;margin:0;color: #000;text-decoration:none;background:none;line-height:40px;}
.k-calendar .k-footer .k-nav-today:active,.k-calendar .k-link.k-nav-fast:active,.k-calendar .k-content .k-link:active,.k-calendar .k-header .k-link.k-nav-prev:active,.k-calendar .k-header .k-link.k-nav-next:active{transform:translateY(1px)}
.k-calendar .k-content .k-state-selected{background-color:rgba(0, 0, 0, 0.3);}
.k-calendar .k-content .k-state-selected .k-link{color:#fff}

.k-today {/*background-color: #134678;*/}
.k-calendar .k-content .k-today .k-link{color: #fff;}
.k-calendar .k-today.k-state-hover{/*background-color:rgba(19, 70, 120, 0.8);*/}
/* kendo inputs */

.k-widget {position:relative; float:left;}
.k-widget.k-combobox{/*min-width:170px;*/}
.k-widget.k-datepicker{/*width:240px;*/display:inline-block;}
.k-widget.k-timepicker{/*width:75px;*/display:inline-block;}
.k-widget.k-header{min-height:30px;box-sizing:border-box;}
.flex_row .k-widget.k-datetimepicker.k-header{}

.k-picker-wrap{float:left;width:100%;}
.k-dropdown-wrap{width:100%;float:left;}
.k-datetimepicker.k-widget.k-header .k-input{padding:0 60px 0 0;}
.k-widget.k-header input.k-input,.k-widget.k-header span.k-input{padding:0 30px 0 7px;min-width:0px;margin:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    background-color: transparent;}
.k-widget.k-header .k-input{ height: 30px;line-height:30px;padding: 0 7px;background: #fff; width:100%;  -webkit-transition: none;  text-overflow: ellipsis; /*box-shadow:0 0 0 1px rgba(0,0,0,.1);*/ display:block}

td .k-widget.k-header input.k-input{font-weight:inherit}

@keyframes highlight {from{ font-weight: 400} to{font-weight: 700}}

td.highlight{animation:highlight linear .5s infinite}

.k-dropdown-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input{/*box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 0 0 3px rgba(71,77,162,0.1);*/}

.k-list-filter input{ height: 30px;line-height:30px;padding: 0 30px 0 7px;background: #fff; width:100%;  -webkit-transition: none; color: #000;  text-overflow: ellipsis;  display:block}
.k-select, .k-list-filter span{width:30px;box-sizing:border-box;position:absolute;top:0;right:0;cursor:pointer;}

.k-widget.k-header .k-select{width:30px;font-size: 0;line-height: 1;}
.k-datetimepicker.k-widget.k-header .k-select{width:60px;z-index:1;}
.k-datetimepicker.k-widget.k-header .k-select:active{padding-top:0px;}
.k-datetimepicker.k-widget.k-header .k-select > span:active{padding-top:1px;}
.k-widget.k-header .k-select:active{padding-top:1px;}
.k-popup.k-list-container{padding:0;border:0;box-sizing:border-box;background:#fff;overflow-x: hidden;overflow-y: auto;}
.k-popup .k-list{  /*margin: 5px;*/ min-height:30px;     -ms-overflow-style: -ms-autohiding-scrollbar;overflow: overlay;}
.k-popup .k-list .k-item{line-height:40px;height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;padding:0 10px;color:#000;list-style:none;}

.k-popup .k-list .k-item .icon{margin:0 5px 0 -10px;}

.k-list-optionlabel.k-state-focused,.k-popup .k-list .k-item.k-state-focused {   background: rgba(0, 0, 0, 0.1); }
.k-popup .k-list .k-item.k-state-selected.k-item.deleted.k-state-focused {font-style: italic;font-weight: 400;background: transparent;}
.k-popup .k-list .k-item.k-state-selected{font-weight:700;}

.k-popup .k-list .k-item:hover,.k-list-optionlabel:hover{background-color:#0f3860; color:#fff;}
.k-popup .k-list .k-item:active,.k-list-optionlabel:active{line-height:41px}
.k-list-optionlabel{height: 30px;line-height:30px;padding: 0 10px; font-weight:700; cursor:pointer;background: rgba(0, 0, 0, 0.1);  display: block;position: relative;margin: 5px;}

.k-list-filter,.k-header-item{height: 30px;display: block;position: relative;margin: 5px;}

.k-header-item .button{width:100%;}
:focus{outline:none}

.k-tabstrip-wrapper {height:100%;}

.filter_block .k-widget.k-header .k-input,.filter_block .k-widget.k-multiselect.k-header{background: #283947;color:#fff; box-shadow:none}
/*-------------*/









/*.k-animation-container ,div#RequiredTrailerTypeId-list {display: block!important;visibility: visible;}*/


/*.multiset.k-popup----------------*/
.multiset.k-popup .k-list .k-item{overflow: hidden;display: flex;flex-direction: column;padding: 0;line-height: 40px;height: auto;max-height: 40px;box-shadow: inset 0px -1px 0 0 rgb(229, 229, 229);}
.multiset.k-popup .k-list .k-item wrap{display: flex;align-items: center;padding:0 10px;height: 40px;font-weight: 400;}
.multiset.k-popup .k-list .k-item text {flex: 1;}
.multiset.k-popup .k-list .k-item:hover,.multiset.k-popup .k-list .k-item.k-state-focused{color:inherit;background:#f5f5f5;}


.multiset.k-popup .k-list .k-item ul {background: #fafafa;}
.multiset.k-popup .k-list .k-item ul li{padding-left: 40px;box-shadow: inset 0px -1px 0 0 rgba(0, 0, 0, 0.05);}
.multiset.k-popup .k-list .k-item ul li:hover{color:inherit;background:#f5f5f5;}
.multiset.k-popup .k-list .k-item ul li.selected{background: #fdd65d;}
.multiset.k-popup .k-list .k-item ul li wrap{line-height: 30px;height: 30px;}

.multiset.k-popup .k-list .k-item.open{ max-height: 100%;}
.multiset.k-popup .k-list .k-item icon{color: #6b6b6b;font-size:25px;}
.multiset.k-popup .k-list .k-item.open icon{ transform: rotate(180deg);}
.multiset.k-popup .k-list .k-item.k-state-selected{background: #fdd65d;}
.multiset.k-popup .k-list .k-item ul li:last-child{/* box-shadow: none; */}
/*-----------------*/









/*tabstrip*/

.k-tabstrip-items { height: 40px; line-height: 40px; background-color: #fff; box-shadow: 0 1px 0 0 rgba(75, 92, 109, .1); position:relative; z-index:9;}
.k-tabstrip-items .k-item { display: inline-block;  }
.k-tabstrip-items .k-link { display: block; color: #000; font-weight: 700; text-decoration: none; text-align: center; padding: 0 20px; min-width: 70px; }
.k-tabstrip-items .k-item.k-state-active .k-link { color: #acd079; box-shadow: 0 3px 0 0 #acd079; }

.k-animation-container{margin:3px 0}

/*multiselect*/

/*multiselect*/

.k-widget.k-multiselect.k-header{/* background:#fff; *//* box-shadow: 0 0 0 1px rgba(0,0,0,.1); */box-shadow: inset 0 -1px 0 0 #ccc;}
.k-widget.k-multiselect.k-header.k-state-focused{/* box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 0 0 3px rgba(71,77,162,0.1); */}
.k-multiselect-wrap {padding: 0px 30px 0px 2px;float: left;width:100%;/* display:  flex; */}

.k-multiselect-wrap .k-button:hover { background-image: none; }
.k-multiselect-wrap .k-icon.k-loading { display:none }
.k-multiselect-wrap .k-button .k-select { right: 0; top: -4px; }
.k-multiselect-wrap .k-button .k-icon{margin:0;}

.k-widget.k-multiselect.k-header .k-input {height:26px;line-height:26px;padding:0 4px;box-shadow:none;float:left;}
.k-multiselect-wrap .k-button {margin: 2px;float: left;/* background: #acd079; */color: #2f4150;padding: 0 30px 0 5px;position: relative;box-shadow: none;height: 22px;line-height: 22px;border-radius: 0;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;max-width: calc(100% - 4px);font-weight: 400;text-transform: none;box-shadow: 0px 0px 0 1px #cccccc63;}

.k-multiselect-wrap .k-select{/* position:relative; */}
.multiselect_fields.form_fields { max-width: 100%; width: auto;flex: none;}
.k-multiselect-wrap  .k-icon.k-delete {cursor: pointer;position: absolute;right: 0;top: -4px;}
.k-multiselect-wrap.k-floatwrap .k-reset {float:  left;}
.k-multiselect-wrap  li.k-button {padding-right: 35px;position:  relative;z-index: 1;}
/* slider */

.k-slider{	display: block;	/*height:15px;*//*margin:10px 10px 50px;*/ width:100%;	}
.k-slider-wrap{	height: 100%;	width: 100%;}
.k-slider .k-slider-items{	height:10px; float:left; clear:both; margin:20px 0; }

.k-slider .k-tick:nth-child(2n+1):before{content:'';position:absolute; height:8px; width:1px ;background:rgba(0,0,0,.3); box-shadow:1px 0 0 0 rgba(255,255,255,.06); left:50%;}
.k-slider .k-tick.k-tick-large:before{ height:12px;}

.k-slider .k-first.k-tick:before{left:0}
.k-slider .k-last.k-tick:before{left:auto;right:0}
.k-slider .k-tick{	float: left;	height: 100%;	text-align: center;}
.k-slider .k-label{	position: absolute;	white-space: nowrap;}
.k-slider .k-label{		line-height: 1;   transform:translateX(-50%);    bottom:-25px}
.k-slider .k-first .k-label{	}
.k-slider .k-last .k-label{}
.k-slider .k-label{color:#fff}
.k-slider .k-tick{list-style:none;position: relative;}
.k-slider-track{background:rgba(0,0,0,.2);position: absolute;}
.k-slider-selection{background:#000;position: absolute;}
.k-slider-tooltip{  background:#fff;color:#233341 ;position:absolute; padding:5px 7px; font-weight:700; font-size:13px; border-radius:3px;white-space:nowrap;}
.k-slider .k-draghandle{background:#000;	height: 12px;	top: -5px;	width: 12px; border-radius:10px; box-shadow:0 0 0 2px rgba(0,0,0,.15);position: absolute; overflow:hidden; color:transparent}
.k-slider .k-draghandle:active,.k-slider .k-draghandle.k-state-selected { box-shadow:0 0 0 4px rgba(0,0,0,.2); }
.k-slider .k-draghandle:active{transform:translateY(1px)}
.k-slider .k-slider-track,.k-slider .k-slider-selection{height: 2px;left: 0;top: 0;/*transform: translateX(-50%) translateY(-50%);left: 50%!important;top: 50%;*/}


.k-slider-selection,.k-slider .k-draghandle {}
/*========*/



@media  (max-width: 1500px) {
    .item_block {width: 14.28%;}
}

@media  (max-width: 1400px) {
    .item_block {width: 16.66%;}
}

@media  (max-width: 1300px) {
    .item_block {width: 20%;}
}

@media  (max-width: 1100px) {
    .item_block {width: 25%;}
}

@media  (max-width: 900px) {
    .item_block {width: 33.33%;}
}

@media  (max-width: 700px) {

    .item_block {width: 50%;}
}

@media  (max-width: 400px) {

    .item_block {width: 100%;}
}

/*scrollbars*/

 .k-desktop ::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);}
 .k-desktop ::-webkit-scrollbar{width:12px;height:12px;background-color:transparent; }
 .k-desktop ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:padding-box;height:40px;width:40px;}
 .k-desktop ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3);}
 .k-desktop ::-webkit-scrollbar-button{height:0px;width:0px;background:transparent}

/**/

 .k-desktop .filter_content::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0); border: 8px solid rgba(0, 0, 0, 0); background-clip: padding-box;}
 .k-desktop .filter_content::-webkit-scrollbar-track:hover { background-color: rgba(0, 0, 0, .05);}
 .k-desktop .filter_content::-webkit-scrollbar { width: 20px; height: 20px; background-color: rgba(0, 0, 0, 0); border: 8px solid rgba(0, 0, 0, 0); background-clip: padding-box;}
 .k-desktop .filter_content::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .15); border: 8px solid rgba(0, 0, 0, 0); background-clip: padding-box; width: 60px; height: 60px;}
 .k-desktop .filter_content::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, .3); border: 7px solid rgba(0, 0, 0, 0);}
 .k-desktop .filter_content::-webkit-scrollbar-button { height: 0; width: 0; background: transparent;}

 .k-desktop .filter_container{scrollbar-face-color:#2f4150;scrollbar-arrow-color:#2f4150;scrollbar-track-color:#2f4150;scrollbar-3dlight-color:#2f4150;scrollbar-darkshadow-color:#2f4150;scrollbar-highlight-color:#2f4150;scrollbar-shadow-color:#2f4150;scrollbar-face-color:#233341;}

 .k-desktop .k-popup .k-list{scrollbar-face-color:#fff;scrollbar-arrow-color:#fff;scrollbar-track-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#fff;scrollbar-face-color:#233341;}




 /*kendo icons */
/*.k-icon{    display: inline-block;height: 30px;width: 30px;outline: none;color: transparent;vertical-align:middle; }
.k-icon:before{color:#000; font-size:30px;}

.k-icon.k-delete:before{content: "\e973";}
.k-multiselect-wrap .k-icon.k-delete:before{content: "\e90d";}

.k-icon.k-i-arrow-s:before{content: "\e907";}
.k-icon.k-i-arrow-w:before{content: "\e908";}
.k-icon.k-i-arrow-e:before{content: "\e909";}
.k-icon.k-i-arrow-n:before{content: "\e90a";}

.k-icon.k-i-seek-n:before{}
.k-icon.k-i-seek-s:before{}
.k-icon.k-i-seek-w:before{content: "\e911";}
.k-icon.k-i-seek-e:before{content: "\e912";}

.k-icon.k-i-clock:before{content:"\e94d";}
.k-icon.k-i-calendar:before{content:"\e91e";}

.k-grid-content tr td.k-hierarchy-cell .k-icon.k-minus:before{content:"\e913";}
.k-grid-content tr td.k-hierarchy-cell .k-icon.k-plus:before{content:"\e913";}*/



 /*kendo icons ligature*/
.k-icon{height:30px;width:30px;display:flex;font-size:0;}
.k-icon:after{width:30px;height:30px; min-width:30px;font-size: 25px;  display:flex;-moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga", "dlig"; -webkit-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; font-variant-ligatures: common-ligatures; text-rendering: optimizeLegibility; font-family: icon; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; font-weight: 400; font-style: normal; user-select: none;  text-transform: lowercase; position: relative; z-index: 9; overflow:hidden; }

.k-icon.k-delete:after{content:' delete';}
.k-multiselect-wrap .k-icon.k-delete:after{content:'cancel';}

.k-icon.k-i-arrow-s:after{content: 'arrow_s';}
.k-icon.k-i-arrow-w:after{content: 'arrow_w';}
.k-icon.k-i-arrow-e:after{content: 'arrow_e';}
.k-icon.k-i-arrow-n:after{content: 'arrow_n';}

.k-icon.k-i-seek-n:after{}
.k-icon.k-i-seek-s:after{}
.k-icon.k-i-seek-w:after{content: 'chevron_double_w';}
.k-icon.k-i-seek-e:after{content: 'chevron_double_e';}

.k-icon.k-i-clock:after{content:' recent ';}
.k-icon.k-i-calendar:after{content:' date ';}

.k-grid-content tr td.k-hierarchy-cell .k-icon.k-minus:after{content:'arrow_s';}
.k-grid-content tr td.k-hierarchy-cell .k-icon.k-plus:after{content:'arrow_e';}








/*map*/

/*.map .icon {display:inline-block; width:30px; height:30px; background-color:red;}

.content_container.map { display: -ms-flexbox; display: flex; }
.map_content {width:100%; height:800px;}
.left_cont {width:470px; height:100%;}

.block > div {box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.1);}

.title { display: flex; align-items: center; color: #336699; text-transform: uppercase; font-weight: 600; }

.item_block {display:none; padding: 0 20px;}
.open .item_block {display:block;}
.open .info{display:none;}
.item { display: flex; align-items: center; padding:10px; height:85px; }
.info { padding: 0 20px; box-shadow: -1px 0 0 0 #e6e6e6;  }
.info span { display: block;  color:#4d4d4d;}
.item > div {flex:1; height:100%;}
.left_cont input {box-shadow:none; min-width:0; height:20px;}
.item_block > div {padding:10px 20px; display:flex; align-items:center; box-shadow:0 1px 0 0 rgba(0,0,0,.1); }
.item_block > div:last-child{box-shadow:none;}
.item_block .label {flex:1;}*/
 /*.main_container header .logo_cont {display:none;}*/


/* Splitter */
.k-splitter {}
.k-pane > .k-splitter {border-width: 0;overflow: hidden;}
.k-splitter .k-pane {overflow: hidden;}
.k-splitter .k-scrollable {overflow: auto;}
.k-splitter .k-pane-loading {position: absolute;top: 50%;left: 50%;margin: -8px 0 0 -8px;}
.k-ghost-splitbar,.k-splitbar {border-style: none;font-size: 0;outline: 0;-khtml-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;user-select: none;box-shadow: inset 1px 0 0 rgba(0,0,0,.05), 4px 0 0 0 rgba(0,0,0,.1);display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;flex-direction: column;-ms-flex-direction: column;justify-content: center;-ms-flex-pack: cener;align-items: center;-ms-flex-align: center;background: #fff;}
.k-splitter .k-ghost-splitbar-horizontal,.k-splitter .k-splitbar-horizontal{position:  absolute;top: 0;z-index: 99;width: 15px;border-width: 0;background-repeat: repeat-y;}
.k-ghost-splitbar-vertical,.k-splitbar-vertical {left: 0;height: 5px;border-width: 1px 0;background-repeat: repeat-x;}
.k-splitbar-draggable-horizontal {cursor: ew-resize;}
.k-splitbar-draggable-vertical {cursor: ns-resize;}
.k-splitbar .k-resize-handle {cursor: ew-resize!important;}
.k-restricted-size-horizontal,.k-restricted-size-vertical { background-color: #f00;}
.k-splitbar-horizontal .k-icon {width: 15px;height: 15px;position:relative;margin: 0;overflow:  hidden;}
.k-collapse-prev,.k-collapse-next,.k-expand-prev,.k-expand-next { cursor: pointer;}
.k-splitbar-horizontal .k-collapse-prev {}
.k-splitbar-horizontal .k-collapse-next {}
.k-splitbar-static-horizontal {width: 1px;}
.k-splitbar-static-vertical {height: 1px;}
.k-splitbar-vertical .k-icon {width: 20px;height:20px;}
.k-splitter .k-collapse-prev {}
.k-splitter .k-collapse-next {}
.k-splitter .k-resize-handle{height: 30px;margin:15px 0;}

.k-resize-handle{cursor:default;cursor:ew-resize;}
.k-splitbar.k-state-default.k-splitbar-horizontal.k-splitbar-draggable-horizontal.k-splitbar-horizontal-hover .k-resize-handle{cursor: w-resize;}
.k-resize-handle:before{content:"";display:block;width: 3px;height:20px;background: #666666;position:  absolute;transform: translateY(-50%) translateX(-50%);top: 50%;left: 50%;opacity:  0;transition: opacity .2s;}
.k-splitbar.k-state-default.k-splitbar-horizontal.k-splitbar-draggable-horizontal.k-splitbar-horizontal-hover .k-resize-handle:before{opacity:1;}

.k-icon.k-collapse-prev span,.k-icon.k-collapse-next > span {position:absolute;width: 30px;height: 30px;transform: translateY(-50%) translateX(-50%);top: 50%;left: 50%;opacity: .5;transition:opacity .2s;}
.k-icon.k-collapse-prev:hover span,.k-icon.k-collapse-next:hover > span {opacity:1;}
.k-icon.k-expand-next > span,.k-icon.k-expand-prev > span{transform: translateY(-50%) translateX(-50%) rotate(0deg);left:50%;top:50%;position: absolute;}
.k-icon.k-expand-next:hover > span,.k-icon.k-expand-prev:hover > span{}


.k-icon.k-collapse-prev span:before,.k-icon.k-collapse-next > span:before{color:#666;}
.k-splitbar-draggable-vertical .k-resize-handle,.k-splitbar-draggable-horizontal .k-resize-handle {}

.k-splitbar-horizontal .k-resize-handle {}
.k-splitbar-horizontal-hover > .k-resize-handle {}
.k-splitbar-horizontal .k-collapse-prev,.k-splitbar-horizontal .k-expand-next {}
.k-splitbar-horizontal-hover > .k-collapse-prev,.k-splitbar-horizontal-hover > .k-expand-next {}
.k-splitbar-horizontal .k-collapse-next,.k-splitbar-horizontal .k-expand-prev {}
.k-splitbar-horizontal-hover > .k-collapse-next,.k-splitbar-horizontal-hover > .k-expand-prev {}
.k-splitbar-vertical .k-resize-handle {}
.k-splitbar-vertical-hover > .k-resize-handle {}
.k-splitbar-vertical .k-collapse-prev,.k-splitbar-vertical .k-expand-next {}
.k-splitbar-vertical-hover > .k-collapse-prev,.k-splitbar-vertical-hover > .k-expand-next {}
.k-splitbar-vertical .k-collapse-next,.k-splitbar-vertical .k-expand-prev {}
.k-splitbar-vertical-hover > .k-collapse-next,.k-splitbar-vertical-hover > .k-expand-prev {}

.k-splitter-resizing {/*overflow: hidden;*/}
/*----------------*/



td .k-widget {width:100%;}
td .k-widget.disabled {opacity: .2;}

div[mapsort] .k-widget.k-dropdown { box-shadow: 0 0 0 1px #cccccc; border-radius: 5px; margin-top: 10px; width: 100%; min-width:120px }
div[mapsort] .k-widget.k-dropdown .k-state-default { text-align: left }