/* Minification failed. Returning unminified contents. (902,132): run-time error CSS1046: Expect comma, found '0' (902,135): run-time error CSS1046: Expect comma, found ')' (1800,119): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (2040,89): run-time error CSS1039: Token not allowed after unary operator: '-main-color' (2259,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important' (2638,118): run-time error CSS1039: Token not allowed after unary operator: '-background' (2638,192): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (3040,79): run-time error CSS1046: Expect comma, found '0' (3040,83): run-time error CSS1046: Expect comma, found '/' (3040,96): run-time error CSS1046: Expect comma, found '0' (3040,100): run-time error CSS1046: Expect comma, found '/' (3118,43): run-time error CSS1035: Expected colon, found '10px' */ *{ /*box-shadow:inset 0 0 0 1px red;*/ } *{box-sizing:border-box; margin:0; padding:0} @font-face{font-family:icon;src:url(/Content/icon/fonts/icon/icomoon.ttf)} 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;*/} .flex_row{display:-ms-flexbox;display:flex;} .hide {display: none!important;} .right { float: right;} .text_right {text-align:right} .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;} message {display: flex;display:-ms-flexbox;width: 100%;} message[center]{justify-content: center;-ms-flex-pack:center;} message .description{} /*============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;} /*============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 [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;} .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 {} #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{ } .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;} 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);background-size: contain;background-repeat: no-repeat;background-position: center center;width: 140px;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.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: 20px;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==============*/ /*=========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==============*/ /*=========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 {min-height: 50px;max-height: 240px;min-height: 170px;background-image: url(/content/images/logo_new_w.png);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;float: left;width: 100%;} .login_cont .login_input input{width: 100%;} .login a {font-weight: 700; color: #134678;} .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) 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-height:550px;padding: 50px;display: block;float: left;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: 10px 0;float: left;width: 100%;display: flex;} .login.center_cont .login_cont .ch_cont{color:#000;} .login.center_cont a {color: #134678;} .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%;} /*=========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;} .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-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;} /*-----*/ .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;} .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{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;} .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;} /*=========END animate INPUT==============*/ /*=========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:.2;} .ch_cont label span{height:18px;width:18px;/*background-image:url(/content/images/sprite.svg);*/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 .ch_cont label {display: flex;} .toggle.check_cont.multi .ch_cont label span {position: relative;} .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] { 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 .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(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==);} .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_item .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_item .details_header .data > span {text-align: left;flex: 1 100%;-ms-flex: 1 100%;} .details .details_item .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: 40px;} .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: 10px;pointer-events: none;} .action_cont{background: #fff;text-align: center;padding: 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;max-width: 140px;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);} .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;} .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: 116px;} cell[badge] {width: 85px;} 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: 115px;/*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-alt.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 .icon-collapse, .details .collapse.open .title [class^="icon-"]{transform: rotate(0deg) translateY(-50%);} .collapse h2.title{padding-left: 30px;padding-right: 30px;cursor:pointer;/*display:flex;display:-ms-flexbox;*/display: flex;display: -ms-flexbox;align-items: center;-ms-flex-align: center;flex-wrap: wrap;-ms-flex-wrap: wrap;position: relative;} .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) translateX(50%);top: 50%;transform-origin: center center;50%} #grdMarketplaceInvitationArea .collapse .icon-collapse, #grdMarketplaceArea .collapse .icon-collapse{/*left: 0px;*/} /*=========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);background-size: cover;} .k-ie .loader {background-image:url(/Content/images/preloader.gif);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;} /*==========END loader===========*/ /*==========START windows===========*/ .ovrl_wnd_cont{} .ovrl_wnd_cont > div{height:100%;width:100%;position: fixed;z-index:9998;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(../images/sprite.svg); 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%; 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 { width: auto; padding: 5px;flex: 1 1 auto; min-width:230px} @media screen and (max-width:600px){ .form_container .section_group .section{width:100%;} } .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;} .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); 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;} /*==========END windows===========*/ /*=========START FORM=============*/ .form_wrap{padding:20px;max-width:100%;} .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{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 .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;} /*=========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;} /**/ /*=============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%;/* line-height: 60px; */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: 24px;text-transform: uppercase;position:relative;display: block;width: 100%;} @media screen and (max-width: 1000px) { .msgArea .msgText {font-size: 14px;} .msgArea .msgText .msgTextBox .icon{} .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: 60px;} .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;} .msgTextBox div .icon{display: inline-block;position: relative;/* top: 10px; */margin: 0 15px;} .msgTextBox > .icon{width: 30px;height: 30px;color: #fff;position: absolute;right: 15px;cursor: pointer;display: block;/* float: left; */font-size: 40px;} .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:block;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; margin: 0 0 0 -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{margin-left:20px;} .button_cont .button:first-child{margin-left:0px;} .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;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;} .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;} .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(../images/sprite.svg);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(../images/sprite.svg);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 .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)} .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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhBgcNJDjSaWX1AAAAdklEQVQ4y2NgQAH/ef8f/48Mjv/nRVXByMDAwPDfkiEfytdi0EVVwHCZ4RqUNZHxOMzciP/EgAgGBgYGJgZaA0a4d1cQUBiBruE/AQ1QlST7YVTDqIZBoOEVXnWvMDXMxqsBU/a/4P+W/y+xZv6X/1v+C8LUAQCSF2E0oyOpUAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wNi0wN1QxMzozNjo1NiswMjowMEqF+sIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDYtMDdUMTM6MzY6NTYrMDI6MDA72EJ+AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==); 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);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 ~ .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;} .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("data:image/svg+xml;utf8,") 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;} /*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%;} .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{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;} .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;} @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;border-collapse: collapse;} @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{vertical-align:middle;align:center;text-align:left;height: 40px;} .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: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-PLUS{font-size:25px;position: relative;} .icon-PLUS:before{top: 3px;left: 2px;position:absolute;} .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{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 * {}*/ [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 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} .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:110px;z-index:1;display:flex} .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:-1px; 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;}