input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.visibility{visibility:hidden}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#FCC4D1!important;text-align:left}input:-moz-placeholder,textarea:-moz-placeholder{color:#FCC4D1!important;text-align:left}input::-moz-placeholder,textarea::-moz-placeholder{color:#FCC4D1!important;text-align:left}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#FCC4D1!important;text-align:left}html{position:relative;min-height:100%}body{font-size:12px}.page-logo a{text-decoration:none;font-size:30PX;color:#fff;font-weight:700;font-family:fantasy}.page-logo a .logo-app{width:184px;height:60px;margin-top:-7px;margin-left:-5px}.page-logo a .logo-company{width:195px;height:50px;margin-top:-2px;margin-left:-5px}.dashboard-stat{cursor:pointer}.menu-language>a:focus,.menu-language>a:hover,.menu-login>a:focus,.menu-login>a:hover,.menu-logout>a:focus,.menu-logout>a:hover,.menu-user>a:focus,.menu-user>a:hover{background-color:#8a949e!important}.menu-login>a,.menu-login>a:focus,.menu-login>a:hover,.menu-logout>a,.menu-logout>a:focus,.menu-logout>a:hover,.menu-user>a,.menu-user>a:focus,.menu-user>a:hover{padding-top:14px!important;padding-bottom:12px;color:#3fd5c0;font-size:15px}.menu-user>a>span{color:var(--color-background)}.tooltip.tooltip-error .tooltip-inner{background-color:red;border-color:red;color:#fff}.tooltip.tooltip-error .tooltip-arrow{border-bottom-color:red;border-top-color:red}.page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a{color:#fff}.page-header.navbar .page-logo{width:205px;padding-left:15px;padding-right:15px}.page-header.navbar .top-menu .navbar-nav{margin-right:0}.page-header.navbar .top-menu .navbar-nav>li>a{padding-left:10px;padding-right:10px}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control fieldset[disabled] input,fieldset[disabled] input:not([type]),fieldset[disabled] select,fieldset[disabled] textarea{cursor:default;background-color:#eee}.btn:disabled,.btn[disabled]{cursor:default!important;pointer-events:visible}.error{color:red!important;border-color:red!important}.select2-container-multi.error .select2-choices,.select2-container.error .select2-choice{border-color:red!important}.table.table-striped tbody tr.active:nth-child(odd) td,.table>tbody>tr.active>td{background-color:#cecece;color:#000}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#D4D4D4}.pink-color{background-color:#FFAEAE!important}.yellow-color{background-color:#FFF0AA!important}.green-color{background-color:#B0E57C!important}.word-green-color{color:#92CD00!important}.word-blue-color{color:#09C!important}.nowrap{white-space:nowrap}.row{margin-right:0;margin-left:0}.btn.blue.disabled.active,.btn.blue.disabled:active,.btn.blue.disabled:focus,.btn.blue.disabled:hover,.btn.blue[disabled],.btn.blue[disabled].active,.btn.blue[disabled]:active,.btn.blue[disabled]:focus,.btn.blue[disabled]:hover,.btn.btn-primary.disabled.active,.btn.btn-primary.disabled:active,.btn.btn-primary.disabled:focus,.btn.btn-primary.disabled:hover,.btn.btn-primary[disabled],.btn.btn-primary[disabled].active,.btn.btn-primary[disabled]:active,.btn.btn-primary[disabled]:focus,.btn.btn-primary[disabled]:hover,.btn.default.disabled,.btn.default.disabled.active,.btn.default.disabled:active,.btn.default.disabled:focus,.btn.default.disabled:hover,.btn.default[disabled],.btn.default[disabled].active,.btn.default[disabled]:active,.btn.default[disabled]:focus,.btn.default[disabled]:hover,.btn.red.disabled.active,.btn.red.disabled:active,.btn.red.disabled:focus,.btn.red.disabled:hover,.btn.red[disabled],.btn.red[disabled].active,.btn.red[disabled]:active,.btn.red[disabled]:focus,.btn.red[disabled]:hover,fieldset[disabled] .btn.blue,fieldset[disabled] .btn.blue.active .btn.red.disabled,fieldset[disabled] .btn.blue:active,fieldset[disabled] .btn.blue:focus,fieldset[disabled] .btn.blue:hover,fieldset[disabled] .btn.btn-primary,fieldset[disabled] .btn.btn-primary.active,fieldset[disabled] .btn.btn-primary:active,fieldset[disabled] .btn.btn-primary:focus,fieldset[disabled] .btn.btn-primary:hover,fieldset[disabled] .btn.default,fieldset[disabled] .btn.default.active .btn.blue.disabled,fieldset[disabled] .btn.default:active,fieldset[disabled] .btn.default:focus,fieldset[disabled] .btn.default:hover,fieldset[disabled] .btn.red,fieldset[disabled] .btn.red.active .btn.btn-primary.disabled,fieldset[disabled] .btn.red:active,fieldset[disabled] .btn.red:focus,fieldset[disabled] .btn.red:hover{border:0}.blue.btn.active,.blue.btn:active,.blue.btn:focus,.blue.btn:hover,.btn-danger.btn.active,.btn-danger.btn:active,.btn-danger.btn:focus,.btn-danger.btn:hover,.btn-primary.btn.active,.btn-primary.btn:active,.btn-primary.btn:focus,.btn-primary.btn:hover,.btn-warning.btn.active,.btn-warning.btn:active,.btn-warning.btn:focus,.btn-warning.btn:hover,.default.btn.active,.default.btn:active,.default.btn:focus,.default.btn:hover,.red.btn.active,.red.btn:active,.red.btn:focus,.red.btn:hover{border:1px solid #000}.form-control{padding-left:5px;padding-right:5px}input[bs-datepicker]{ime-mode:disabled}.key-area{background-color:#deb887}.icon-info{color:#fff;margin-left:5px}.CommonContainer{border-radius:.5rem!important}.CommonContainer .ime-mode-disabled,.CommonContainer input[bs-datepicker]{ime-mode:disabled}.CommonContainer .liabilities-grid .ngRowCountPicker{display:none}.CommonContainer .panel{margin-bottom:5px;border-radius:.5rem!important}.CommonContainer .panel .panel-heading{padding-top:6px;padding-bottom:6px;background-color:#607B9B;border-radius:.5rem!important;background-color:var(--color-surface)}.CommonContainer .panel .panel-heading i{cursor:pointer}.CommonContainer .panel .panel-heading .panel-title{font-weight:700;color:#fff;font-size:18px}.CommonContainer .panel .panel-heading .panel-title a:hover{color:#fff}.CommonContainer .panel .panel-body{padding:0}.CommonContainer .table>tbody>tr>td,.CommonContainer .table>tbody>tr>th,.CommonContainer .table>tfoot>tr>td,.CommonContainer .table>tfoot>tr>th,.CommonContainer .table>thead>tr>td,.CommonContainer .table>thead>tr>th{font-size:13px;padding:2px;vertical-align:middle;border:0}.CommonContainer .table>tbody>tr>th,.CommonContainer .table>tfoot>tr>th,.CommonContainer .table>thead>tr>th{height:45px}.CommonContainer .table>tbody>tr>td,.CommonContainer .table>tfoot>tr>td,.CommonContainer .table>thead>tr>td{height:30px}.CommonContainer .init-customer-payment,.CommonContainer .init-partner-payment{background-color:wheat}.CommonContainer .table .ng-table-filters{display:none}.CommonContainer .customerDetails{margin-bottom:5px;background-color:var(--color-surface)}.CommonContainer .spaceCheckbox{margin:4px 10px 0;float:left}.CommonContainer .page-title{margin-bottom:7px;font-size:18px;font-weight:700;color:var(--color-section);margin-right:5px;padding-top:20px}.CommonContainer .page-footer{position:relative}.CommonContainer .page-content-wrapper .page-content{padding-top:10px!important}.CommonContainer .page-content-wrapper .table-scrollable{margin:0!important}.CommonContainer .container-body .portlet-body{background-color:var(--color-background)!important}.CommonContainer .container-body .portlet-body .form-actions{background-color:var(--color-background)!important;height:39px}.CommonContainer .portlet{margin-bottom:0}.CommonContainer .portlet.box.blue{border:1px solid var(--color-panel-border)}.CommonContainer .frameCheckbox{border:1px solid;text-align:center;display:inline-block}.CommonContainer .frameCheckbox label{margin-left:5px;margin-right:5px;padding-left:15px;margin-top:3px}.CommonContainer .frameCheckbox label input[type=checkbox]{float:left;margin-left:-15px}.CommonContainer .index[readonly],.CommonContainer .ngCellText[disabled],.CommonContainer .ngCellText[readonly],.CommonContainer .notInput[readonly],.CommonContainer fieldset[disabled] .ngCellText,.CommonContainer fieldset[disabled] .ngSelectionCell{cursor:not-allowed;background-color:#eee}.CommonContainer .form .gridStyle{border:1px solid #d4d4d4;height:auto}.CommonContainer .form .gridStyle .ngHeaderCell{border-bottom:1px solid #cecece}.CommonContainer .form .gridStyle .ngViewport{height:auto!important;overflow:visible}.CommonContainer .form .gridStyle .ngViewport .ngRow.even,.CommonContainer .form .gridStyle .ngViewport .ngRow.odd{background-color:#fff}.CommonContainer .form .gridStyle .ngViewport .ngRow .ngCell{overflow:visible}.CommonContainer .form .gridStyle .ngViewport .ngRow .ngCell .dropdown-menu{overflow-y:auto;max-height:400px;min-width:140px;font-size:12px!important}.CommonContainer .form .gridStyle .ngViewport .ngRow .ngCell .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.CommonContainer .form .gridStyle .ngViewport .ngRow .ngCell .index,.CommonContainer .form .gridStyle .ngViewport .ngRow .ngCell .notInput,.CommonContainer .form .gridStyle .ngViewport .ngRow .ngCell input,.CommonContainer .form .gridStyle .ngViewport .ngRow .ngCell select{border-bottom:1px solid #cecece;height:30px}.CommonContainer .form .gridStyle .ngViewport .ngRow .ngCell .notInput{font-size:13px;padding-top:3px;text-align:center}.CommonContainer .form .gridStyle .ngViewport .ngRow .ngCell .notInput .text{padding-top:3px}.CommonContainer .form .gridStyle .ngViewport .ngRow .ngCell input.error{position:absolute}.CommonContainer .form .gridStyle .ngViewport .ngRow.selected{background-color:#5f9ea0}.CommonContainer .form .gridStyle .ngViewport .ngRow.selected input,.CommonContainer .form .gridStyle .ngViewport .ngRow.selected select{background-color:#faebd7;color:var(--color-surface)}.CommonContainer .form .gridStyle .ngViewport .ngRow.selected .index,.CommonContainer .form .gridStyle .ngViewport .ngRow.selected .notInput,.CommonContainer .form .gridStyle .ngViewport .ngRow.selected input.readonly,.CommonContainer .form .gridStyle .ngViewport .ngRow.selected select.readonly{background-color:#5f9ea0}.CommonContainer .form .gridStyle select{width:99.5%;height:30px;border:0}.CommonContainer .form .gridStyle input{width:100%;height:30px;border:0;padding:5px}.CommonContainer .form .warning-icon{position:absolute;top:7px;left:2px;color:red}.CommonContainer .form .form-body{padding:1px}.CommonContainer .form .form-actions{padding:5px;margin-top:0;background-color:var(--color-background);border-top:0}.CommonContainer .form .form-actions .btn{padding:5px 10px;font-size:13px;width:100px}.CommonContainer .form .chkMainPage .form-group div{margin:5px}.CommonContainer .form .chkMainPage .form-group div .form-control{width:8%;margin:0 5px 0 0;display:inline;float:left;height:17px}.CommonContainer .form .chkMainPage .form-group .control-label{display:block}.CommonContainer .form .form-group{margin-bottom:2px}.CommonContainer .form .form-group .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0}.CommonContainer .form .form-group .control-label{margin-top:0;margin-bottom:0;font-size:13px;display:inline}.CommonContainer .form .form-group .control-label sup{color:red;font-size:61%}.CommonContainer .form .form-group .control-label.block{display:block}.CommonContainer .form .form-group .help-block{margin-top:0;margin-bottom:0}.CommonContainer .form .form-group .error{color:red;border-color:red}.CommonContainer .form .form-group .dropdown-menu{overflow-y:auto;max-height:400px;font-size:12px!important}.CommonContainer .form .form-group .dropdown-menu>li>a{padding:3px 12px!important;line-height:15px!important;border-bottom:1px solid #DDD}.CommonContainer .form .form-group .dateFormat{display:inline-flex}.CommonContainer .form .form-group .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.CommonContainer .form .form-group .dateFormat .date{display:inline-block}.CommonContainer .form .form-group .dateFormat1{display:inline-table}.CommonContainer .form .form-group .dateFormat1 span{padding-top:4px;padding-bottom:4px;cursor:pointer}.CommonContainer .form .form-group #customerCode{display:block}.CommonContainer .form .form-group #customerCode #mainCode{width:65%;display:inline-block}.CommonContainer .form .form-group #customerCode #subCode{width:33%;display:inline-block}.CommonContainer .form .form-group #customerName{display:block}.CommonContainer .form .form-group #customerName #customerFullName{width:70%;display:inline-block}.CommonContainer .form .form-group #customerName #customerShortName{width:29%;display:inline-block}.CommonContainer .form .form-group #customerName #customerMainCode,.CommonContainer .form .form-group #customerName #customerSubCode{width:20%;display:inline-block}.CommonContainer .form .form-group #customerName #inline-customerFullName{width:58.4%;display:inline-block}.CommonContainer .form .form-group #partnerName{display:block}.CommonContainer .form .form-group #partnerName #partnerFullName{width:70%;display:inline-block}.CommonContainer .form .form-group #partnerName #partnerShortName{width:29%;display:inline-block}.CommonContainer .form .form-group #partnerName #partnerMainCode,.CommonContainer .form .form-group #partnerName #partnerSubCode{width:20%;display:inline-block}.CommonContainer .form .form-group #partnerName #inline-partnerFullName{width:58.4%;display:inline-block}.CommonContainer .form h4{font-size:14px;font-weight:700;color:var(--color-section)}.CommonContainer .form .form-section{margin-bottom:5px;margin-top:5px;margin-left:5px}.CommonContainer .form .row{margin-left:0;margin-right:0}.CommonContainer .form .ml-15{margin-left:15px}.CommonContainer .search-input{margin-bottom:5px!important}.CommonContainer .search-input .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0;width:100%;display:inline-block}.CommonContainer .search-input .dateFormat{display:inline-flex}.CommonContainer .search-input .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.CommonContainer .search-input .dateFormat .date{width:63%;display:inline-block}.CommonContainer .search-input .dateFormat .time{width:37%;display:inline-block}.CommonContainer .containersizeSearch{margin-bottom:5px}.CommonContainer .containersizeSearch .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0;width:50%;display:inline-block}.CommonContainer .lineText{margin-top:0;margin-bottom:10px;border-bottom:1px solid #BEBEBE;line-height:16px;text-align:left}.CommonContainer .lineText span{background:var(--color-background);position:relative;bottom:-8px;padding:0 15px 0 0;color:var(--color-section);font-size:16px;font-weight:700}.CommonContainer .totalContainer{color:var(--color-section);font-size:16px;font-weight:700;position:sticky;float:right}.CommonContainer .totalAmount{color:red!important;bottom:0!important}.OrderContainer{border-radius:.5rem!important}.OrderContainer .ime-mode-disabled{ime-mode:disabled}.OrderContainer .panel{margin-bottom:5px;border-radius:.5rem!important}.OrderContainer .panel .panel-heading{padding-top:6px;padding-bottom:6px;background-color:var(--color-surface);border-radius:.5rem!important}.OrderContainer .panel .panel-heading i{cursor:pointer}.OrderContainer .panel .panel-heading .panel-title{font-weight:700;color:#fff;font-size:18px}.OrderContainer .panel .panel-heading .panel-title a:hover{color:#fff}.OrderContainer .panel .panel-body{padding:0}.OrderContainer .table>tbody>tr>td,.OrderContainer .table>tbody>tr>th,.OrderContainer .table>tfoot>tr>td,.OrderContainer .table>tfoot>tr>th,.OrderContainer .table>thead>tr>td,.OrderContainer .table>thead>tr>th{font-size:13px;padding:2px;vertical-align:middle;border:0}.OrderContainer .table>tbody>tr>th,.OrderContainer .table>tfoot>tr>th,.OrderContainer .table>thead>tr>th{height:45px}.OrderContainer .table>tbody>tr>td,.OrderContainer .table>tfoot>tr>td,.OrderContainer .table>thead>tr>td{height:30px}.OrderContainer .table .ng-table-filters{display:none}.OrderContainer .customerDetails{margin-bottom:5px;background-color:var(--color-surface)}.OrderContainer .page-title{margin-bottom:7px;font-size:18px;font-weight:700;color:var(--color-section);margin-right:5px;padding-top:20px}.OrderContainer .page-footer{position:relative}.OrderContainer .page-content-wrapper .page-content{padding-top:10px!important}.OrderContainer .page-content-wrapper .table-scrollable{margin:0!important}.OrderContainer .orderContainer .portlet-body{background-color:var(--color-background)!important}.OrderContainer .orderContainer .portlet-body .form-actions{background-color:var(--color-background)!important;height:39px}.OrderContainer .portlet{margin-bottom:0}.OrderContainer .portlet.box.blue{border:1px solid var(--color-panel-border)}.OrderContainer .index[readonly],.OrderContainer .ngCellText[disabled],.OrderContainer .ngCellText[readonly],.OrderContainer .notInput[readonly],.OrderContainer fieldset[disabled] .ngCellText{cursor:not-allowed;background-color:#eee}.OrderContainer .form .form-body{padding:1px}.OrderContainer .form .form-body hr{margin-top:5px;margin-bottom:5px}.OrderContainer .form .form-body #conType{color:grey;font-size:13px}.OrderContainer .form .form-body #conType span{color:red}.OrderContainer .form .form-body #hotkey{font-size:12px;color:#5f9ea0}.OrderContainer .form .form-body #totalUprice{float:right;margin-right:29%}.OrderContainer .form .form-body #totalUprice span{color:red}.OrderContainer .form .form-actions{padding:5px;margin-top:0;background-color:#fff;border-top:0}.OrderContainer .form .form-actions .btn{padding:5px 10px;font-size:13px;width:100px}.OrderContainer .form .form-group.truck-type{margin:10px 0}.OrderContainer .form .form-group{margin-bottom:4px}.OrderContainer .form .form-group .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0}.OrderContainer .form .form-group .orderInput #OrderNo{width:70.5%;display:inline-block}.OrderContainer .form .form-group .orderInput #OrderEntryID1,.OrderContainer .form .form-group .orderInput #OrderEntryID2{width:35%;display:inline-block;padding-right:5px}.OrderContainer .form .form-group .orderInput button{height:25px;vertical-align:top}.OrderContainer .form .form-group .control-label{margin-top:0;margin-bottom:0;font-size:13px;display:inline}.OrderContainer .form .form-group .control-label sup{color:red;font-size:61%}.OrderContainer .form .form-group .help-block{margin-top:0;margin-bottom:0}.OrderContainer .form .form-group .error{color:red;border-color:red}.OrderContainer .form .form-group .dropdown-menu{overflow-y:auto;max-height:400px;font-size:12px!important}.OrderContainer .form .form-group .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.OrderContainer .form .form-group #vessel{display:block}.OrderContainer .form .form-group #vessel #vesselName{width:63%;display:inline-block}.OrderContainer .form .form-group #vessel #voyageName{width:35.5%;display:inline-block}.OrderContainer .form .form-group #customerName{display:block}.OrderContainer .form .form-group #customerName #customerFullName{width:58.4%;display:inline-block}.OrderContainer .form .form-group #customerName #customerMainCode,.OrderContainer .form .form-group #customerName #customerSubCode{width:20%;display:inline-block}.OrderContainer .form .form-group .containerPlace .place{width:46%;display:inline-block}.OrderContainer .form .form-group .dateFormat{display:inline-flex;width:53.2%}.OrderContainer .form .form-group .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.OrderContainer .form .form-group .dateFormat .date{width:63%;display:inline-block}.OrderContainer .form .form-group .dateFormat .time{width:37%;display:inline-block}.OrderContainer .form .form-group .dateFormat1{display:inline-table}.OrderContainer .form .form-group .dateFormat1 span{padding-top:4px;padding-bottom:4px;cursor:pointer}.OrderContainer .form h4{font-size:14px;font-weight:700;color:var(--color-section)}.OrderContainer .form .form-section{margin-bottom:5px;margin-top:5px;margin-left:5px}.OrderContainer .form .row{margin-left:0;margin-right:0}.OrderContainer .form .row .gridStyle{border:1px solid #d4d4d4;height:auto}.OrderContainer .form .row .gridStyle .ngHeaderCell{border-bottom:1px solid #cecece}.OrderContainer .form .row .gridStyle .ngViewport{height:auto!important;overflow:visible}.OrderContainer .form .row .gridStyle .ngViewport .ngRow.even,.OrderContainer .form .row .gridStyle .ngViewport .ngRow.odd{background-color:#fff}.OrderContainer .form .row .gridStyle .ngViewport .ngRow .ngCell{overflow:visible}.OrderContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .dropdown-menu{overflow-y:auto;max-height:400px;min-width:140px;font-size:12px!important}.OrderContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.OrderContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .index,.OrderContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .notInput,.OrderContainer .form .row .gridStyle .ngViewport .ngRow .ngCell input,.OrderContainer .form .row .gridStyle .ngViewport .ngRow .ngCell select{border-bottom:1px solid #cecece;height:30px}.OrderContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .notInput{padding-top:3px;text-align:center}.OrderContainer .form .row .gridStyle .ngViewport .ngRow .ngCell input.error{position:absolute}.OrderContainer .form .row .gridStyle .ngViewport .ngRow.selected{background-color:#5f9ea0}.OrderContainer .form .row .gridStyle .ngViewport .ngRow.selected input,.OrderContainer .form .row .gridStyle .ngViewport .ngRow.selected select{background-color:#faebd7;color:var(--color-surface)}.OrderContainer .form .row .gridStyle .ngViewport .ngRow.selected .index,.OrderContainer .form .row .gridStyle .ngViewport .ngRow.selected .notInput,.OrderContainer .form .row .gridStyle .ngViewport .ngRow.selected input.readonly,.OrderContainer .form .row .gridStyle .ngViewport .ngRow.selected select.readonly{background-color:#5f9ea0}.OrderContainer .form .row .gridStyle select{width:99.5%;height:30px;border:0}.OrderContainer .form .row .gridStyle input{width:100%;height:30px;border:0;padding:5px}.OrderContainer .orderSearch{margin-bottom:5px}.OrderContainer .orderSearch .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0;display:inline-block}.OrderContainer .orderSearch .dateFormat{display:inline-flex}.OrderContainer .orderSearch .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.OrderContainer .orderSearch .dateFormat .date{width:63%;display:inline-block}.OrderContainer .orderSearch .dateFormat .time{width:37%;display:inline-block}.OrderContainer .orderSearch .dropdown-menu{overflow-y:auto;max-height:400px;font-size:12px!important}.OrderContainer .orderSearch .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.OrderContainer .lineText{margin-top:0;margin-bottom:10px;border-bottom:1px solid #BEBEBE;line-height:16px;text-align:left}.OrderContainer .lineText span{background:var(--color-background);position:relative;bottom:-8px;padding:0 15px 0 0;color:var(--color-section);font-size:16px;font-weight:700}.FixedExpenseContainer{border-radius:.5rem!important}.FixedExpenseContainer .ime-mode-disabled{ime-mode:disabled}.FixedExpenseContainer .panel{margin-bottom:5px;border-radius:.5rem!important}.FixedExpenseContainer .panel .panel-heading{padding-top:6px;padding-bottom:6px;background-color:var(--color-surface);border-radius:.5rem!important}.FixedExpenseContainer .panel .panel-heading i{cursor:pointer}.FixedExpenseContainer .panel .panel-heading .panel-title{font-weight:700;color:#fff;font-size:18px}.FixedExpenseContainer .panel .panel-heading .panel-title a:hover{color:#fff}.FixedExpenseContainer .panel .panel-body{padding:0}.FixedExpenseContainer .table>tbody>tr>td,.FixedExpenseContainer .table>tbody>tr>th,.FixedExpenseContainer .table>tfoot>tr>td,.FixedExpenseContainer .table>tfoot>tr>th,.FixedExpenseContainer .table>thead>tr>td,.FixedExpenseContainer .table>thead>tr>th{font-size:13px;padding:2px;vertical-align:middle;border:0}.FixedExpenseContainer .table>tbody>tr>th,.FixedExpenseContainer .table>tfoot>tr>th,.FixedExpenseContainer .table>thead>tr>th{height:45px}.FixedExpenseContainer .table>tbody>tr>td,.FixedExpenseContainer .table>tfoot>tr>td,.FixedExpenseContainer .table>thead>tr>td{height:30px}.FixedExpenseContainer .table .ng-table-filters{display:none}.FixedExpenseContainer .customerDetails{margin-bottom:5px;background-color:var(--color-surface)}.FixedExpenseContainer .page-title{margin-bottom:7px;font-size:18px;font-weight:700;color:var(--color-section);margin-right:5px;padding-top:20px}.FixedExpenseContainer .page-footer{position:relative}.FixedExpenseContainer .page-content-wrapper .page-content{padding-top:10px!important}.FixedExpenseContainer .page-content-wrapper .table-scrollable{margin:0!important}.FixedExpenseContainer .orderContainer .portlet-body{background-color:var(--color-background)!important}.FixedExpenseContainer .orderContainer .portlet-body .form-actions{background-color:var(--color-background)!important;height:39px}.FixedExpenseContainer .orderContainer .form .form-group .dropdown-menu{overflow-y:auto;max-height:400px;font-size:12px!important}.FixedExpenseContainer .orderContainer .form .form-group .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.FixedExpenseContainer .portlet{margin-bottom:0}.FixedExpenseContainer .portlet.box.blue{border:1px solid var(--color-panel-border)}.FixedExpenseContainer .form .form-body{padding:1px}.FixedExpenseContainer .form .form-body hr{margin-top:5px;margin-bottom:5px}.FixedExpenseContainer .form .form-body #conType{color:grey;font-size:13px}.FixedExpenseContainer .form .form-body #conType span{color:red}.FixedExpenseContainer .form .form-body #hotkey{font-size:12px;color:#5f9ea0}.FixedExpenseContainer .form .form-body #totalUprice{float:right;margin-right:29%}.FixedExpenseContainer .form .form-body #totalUprice span{color:red}.FixedExpenseContainer .form .form-actions{padding:5px;margin-top:0;background-color:#fff;border-top:0}.FixedExpenseContainer .form .form-actions .btn{padding:5px 10px;font-size:13px;width:100px}.FixedExpenseContainer .form .form-group{margin-bottom:4px}.FixedExpenseContainer .form .form-group .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0}.FixedExpenseContainer .form .form-group .orderInput #OrderNo{width:70.5%;display:inline-block}.FixedExpenseContainer .form .form-group .orderInput #OrderEntryID1,.FixedExpenseContainer .form .form-group .orderInput #OrderEntryID2{width:35%;display:inline-block;padding-right:5px}.FixedExpenseContainer .form .form-group .orderInput button{height:25px;vertical-align:top}.FixedExpenseContainer .form .form-group .control-label{margin-top:0;margin-bottom:0;font-size:13px;display:inline}.FixedExpenseContainer .form .form-group .control-label sup{color:red;font-size:61%}.FixedExpenseContainer .form .form-group .help-block{margin-top:0;margin-bottom:0}.FixedExpenseContainer .form .form-group .error{color:red;border-color:red}.FixedExpenseContainer .form .form-group .dropdown-menu{overflow-y:auto;max-height:400px;font-size:12px!important}.FixedExpenseContainer .form .form-group .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.FixedExpenseContainer .form .form-group #vessel{display:block}.FixedExpenseContainer .form .form-group #vessel #vesselName{width:63%;display:inline-block}.FixedExpenseContainer .form .form-group #vessel #voyageName{width:35.5%;display:inline-block}.FixedExpenseContainer .form .form-group #customerName{display:block}.FixedExpenseContainer .form .form-group #customerName #customerFullName{width:58.4%;display:inline-block}.FixedExpenseContainer .form .form-group #customerName #customerMainCode,.FixedExpenseContainer .form .form-group #customerName #customerSubCode{width:20%;display:inline-block}.FixedExpenseContainer .form .form-group .containerPlace .place{width:46%;display:inline-block}.FixedExpenseContainer .form .form-group .dateFormat{display:inline-flex;width:53.2%}.FixedExpenseContainer .form .form-group .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.FixedExpenseContainer .form .form-group .dateFormat .date{width:63%;display:inline-block}.FixedExpenseContainer .form .form-group .dateFormat .time{width:37%;display:inline-block}.FixedExpenseContainer .form .form-group .dateFormat1{display:inline-table}.FixedExpenseContainer .form .form-group .dateFormat1 span{padding-top:4px;padding-bottom:4px;cursor:pointer}.FixedExpenseContainer .form h4{font-size:14px;font-weight:700;color:var(--color-section)}.FixedExpenseContainer .form .form-section{margin-bottom:5px;margin-top:5px;margin-left:5px}.FixedExpenseContainer .form .row{margin-left:0;margin-right:0}.FixedExpenseContainer .form .row .gridStyle{border:1px solid #d4d4d4;height:auto}.FixedExpenseContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonDown,.FixedExpenseContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonUp{top:8px;margin-left:85%}.FixedExpenseContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortPriority{display:none}.FixedExpenseContainer .form .row .gridStyle .ngViewport{height:auto!important;overflow:visible}.FixedExpenseContainer .form .row .gridStyle .ngViewport .ngCell{overflow:visible}.FixedExpenseContainer .form .row .gridStyle .ngViewport .ngCell .dropdown-menu{overflow-y:auto;max-height:400px;min-width:140px;font-size:12px!important}.FixedExpenseContainer .form .row .gridStyle .ngViewport .ngCell .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.FixedExpenseContainer .form .row .gridStyle .ngViewport .selected{background-color:#5f9ea0}.FixedExpenseContainer .form .row .gridStyle .ngViewport .selected input,.FixedExpenseContainer .form .row .gridStyle .ngViewport .selected select{background-color:#faebd7;color:var(--color-surface)}.FixedExpenseContainer .form .row .gridStyle .ngViewport .selected .readonly{background-color:#5f9ea0}.FixedExpenseContainer .form .row .gridStyle .ngViewport .col-fld1{border-bottom:1px solid #cecece}.FixedExpenseContainer .form .row .gridStyle select{width:99.5%;height:30px;border:0;background-color:#fff}.FixedExpenseContainer .form .row .gridStyle input{width:99.5%;height:30px;border:0;padding:5px}.FixedExpenseContainer .orderSearch{margin-bottom:5px}.FixedExpenseContainer .orderSearch .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0;width:75%;display:inline-block}.FixedExpenseContainer .lineText{margin-top:0;margin-bottom:10px;border-bottom:1px solid #BEBEBE;line-height:16px;text-align:left}.FixedExpenseContainer .lineText span{background:var(--color-background);position:relative;bottom:-8px;padding:0 15px 0 0;color:var(--color-section);font-size:16px;font-weight:700}.TransportConfirmationContainer{outline:0;border-radius:.5rem!important}.TransportConfirmationContainer .ime-mode-disabled,.TransportConfirmationContainer input[bs-datepicker]{ime-mode:disabled}.TransportConfirmationContainer .panel{margin-bottom:5px;border-radius:.5rem!important}.TransportConfirmationContainer .panel .panel-heading{padding-top:6px;padding-bottom:6px;background-color:var(--color-surface);border-radius:.5rem!important}.TransportConfirmationContainer .panel .panel-heading i{cursor:pointer}.TransportConfirmationContainer .panel .panel-heading .panel-title{font-weight:700;color:#fff;font-size:18px}.TransportConfirmationContainer .panel .panel-heading .panel-title a:hover{color:#fff}.TransportConfirmationContainer .panel .panel-body{padding:0}.TransportConfirmationContainer .table>tbody>tr>td,.TransportConfirmationContainer .table>tbody>tr>th,.TransportConfirmationContainer .table>tfoot>tr>td,.TransportConfirmationContainer .table>tfoot>tr>th,.TransportConfirmationContainer .table>thead>tr>td,.TransportConfirmationContainer .table>thead>tr>th{padding:2px;vertical-align:middle;border:0}.TransportConfirmationContainer .table>tbody>tr>th,.TransportConfirmationContainer .table>tfoot>tr>th,.TransportConfirmationContainer .table>thead>tr>th{height:45px}.TransportConfirmationContainer .table>tbody>tr>td,.TransportConfirmationContainer .table>tfoot>tr>td,.TransportConfirmationContainer .table>thead>tr>td{height:30px}.TransportConfirmationContainer .table .ng-table-filters{display:none}.TransportConfirmationContainer .customerDetails{margin-bottom:5px;background-color:var(--color-surface)}.TransportConfirmationContainer .page-title{margin-bottom:7px;font-size:18px;font-weight:700;color:var(--color-section);margin-right:5px;padding-top:20px}.TransportConfirmationContainer .page-footer{position:relative}.TransportConfirmationContainer .page-content-wrapper .page-content{padding-top:10px!important}.TransportConfirmationContainer .page-content-wrapper .table-scrollable{margin:0!important}.TransportConfirmationContainer .orderContainer .portlet-body{background-color:var(--color-background)!important}.TransportConfirmationContainer .orderContainer .portlet-body .form-actions{background-color:var(--color-background)!important;height:39px}.TransportConfirmationContainer .portlet{margin-bottom:0}.TransportConfirmationContainer .portlet.box.blue{border:1px solid var(--color-panel-border)}.TransportConfirmationContainer .form .form-body{padding:1px}.TransportConfirmationContainer .form .form-body hr{margin-top:5px;margin-bottom:5px}.TransportConfirmationContainer .form .form-body #conType{color:grey;font-size:13px}.TransportConfirmationContainer .form .form-body #conType span{color:red}.TransportConfirmationContainer .form .form-body #totalUprice{margin-left:40%}.TransportConfirmationContainer .form .form-body #totalUprice span{color:red}.TransportConfirmationContainer .form .form-actions{padding:5px;margin-top:0;background-color:#fff;border-top:0}.TransportConfirmationContainer .form .form-actions .btn{padding:5px 10px;font-size:13px;width:100px}.TransportConfirmationContainer .form .form-group{margin-bottom:4px}.TransportConfirmationContainer .form .form-group .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0}.TransportConfirmationContainer .form .form-group .input-modal #CustomerSurcharge{display:inline-block;width:75%}.TransportConfirmationContainer .form .form-group .input-modal #Amount,.TransportConfirmationContainer .form .form-group .input-modal #DetainAmount{display:inline-block;width:69%}.TransportConfirmationContainer .form .form-group .input-modal #Amount+.btn-xs,.TransportConfirmationContainer .form .form-group .input-modal #DetainAmount+.btn-xs{width:30px}.TransportConfirmationContainer .form .form-group .input-modal .btn-xs{padding-top:3px;padding-bottom:3px}.TransportConfirmationContainer .form .form-group .input-modal .btn-xs span{font-size:13px}.TransportConfirmationContainer .form .form-group .input-modal .btn-xs.btn.active,.TransportConfirmationContainer .form .form-group .input-modal .btn-xs:active,.TransportConfirmationContainer .form .form-group .input-modal .btn-xs:focus,.TransportConfirmationContainer .form .form-group .input-modal .btn-xs:hover{border:0}.TransportConfirmationContainer .form .form-group .orderInput #OrderNo{width:69%;display:inline-block}.TransportConfirmationContainer .form .form-group .orderInput #DetailNo{width:30%;display:inline-block}.TransportConfirmationContainer .form .form-group .orderInput #OrderEntryID1,.TransportConfirmationContainer .form .form-group .orderInput #OrderEntryID2{width:35%;display:inline-block;padding-right:5px}.TransportConfirmationContainer .form .form-group .orderInput button{height:25px;vertical-align:top}.TransportConfirmationContainer .form .form-group .control-label{margin-top:0;margin-bottom:0;font-size:13px;display:inline}.TransportConfirmationContainer .form .form-group .control-label sup{color:red;font-size:61%}.TransportConfirmationContainer .form .form-group .help-block{margin-top:0;margin-bottom:0}.TransportConfirmationContainer .form .form-group .error{color:red;border-color:red}.TransportConfirmationContainer .form .form-group .dropdown-menu{overflow-y:auto;max-height:400px;font-size:12px!important}.TransportConfirmationContainer .form .form-group .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.TransportConfirmationContainer .form .form-group #vessel{display:block}.TransportConfirmationContainer .form .form-group #vessel #vesselName{width:63%;display:inline-block}.TransportConfirmationContainer .form .form-group #vessel #voyageName{width:35.5%;display:inline-block}.TransportConfirmationContainer .form .form-group #customerName{display:block}.TransportConfirmationContainer .form .form-group #customerName #customerFullName{width:58.35%;display:inline-block}.TransportConfirmationContainer .form .form-group #customerName #customerMainCode,.TransportConfirmationContainer .form .form-group #customerName #customerSubCode{width:20%;display:inline-block}.TransportConfirmationContainer .form .form-group #OrderPatternC{width:63%}.TransportConfirmationContainer .form .form-group .containerPlace .place{width:46%;display:inline-block}.TransportConfirmationContainer .form .form-group .dateFormat{display:inline-flex;width:53.1%}.TransportConfirmationContainer .form .form-group .dateFormat span{width:30px;padding:4px 5px;min-width:30px;cursor:pointer}.TransportConfirmationContainer .form .form-group .dateFormat .date{width:63%;display:inline-block}.TransportConfirmationContainer .form .form-group .dateFormat .time{width:37%;display:inline-block}.TransportConfirmationContainer .form .form-group .dateFormat1{display:inline-table}.TransportConfirmationContainer .form .form-group .dateFormat1 span{padding-top:4px;padding-bottom:4px;cursor:pointer}.TransportConfirmationContainer .form h4{font-size:14px;font-weight:700;color:var(--color-section)}.TransportConfirmationContainer .form .form-section{margin-bottom:5px;margin-top:5px;margin-left:15px}.TransportConfirmationContainer .form .container-detail .col-md-1,.TransportConfirmationContainer .form .container-detail .col-md-2,.TransportConfirmationContainer .form .container-detail .col-md-3{padding-right:0}.TransportConfirmationContainer .form .container-detail .col-md-2{width:11%}.TransportConfirmationContainer .form .container-detail .col-md-3{width:17.1%}.TransportConfirmationContainer .form .container-expense-info .col-md-1{width:9.6%}.TransportConfirmationContainer .form .container-expense-info label{height:35px}.TransportConfirmationContainer .form .row .gridStyle{border:1px solid #d4d4d4;height:auto}.TransportConfirmationContainer .form .row .gridStyle .ngTopPanel{height:auto!important}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer{height:50px!important;font-weight:400;font-size:13px}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderCell{height:50px!important}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderCell.col0.colt0 .ngHeaderText,.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderCell.col1.colt1 .ngHeaderText,.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderCell.col12.colt12 .ngHeaderText{padding-top:15px;text-align:center}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .ngVerticalBar{height:50px!important}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderText{padding:0}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd2{display:inline-table;height:50px;width:100%}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld1,.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld2,.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld3,.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld4{display:inline-block;height:25px;padding-left:5px;padding-top:3px}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld1{width:50%;border-right:1px solid #cecece;border-bottom:1px solid #cecece}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld2{width:50%;border-bottom:1px solid #cecece}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld3{width:50%;border-right:1px solid #cecece}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld4{width:50%}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd-2fld{height:50px;width:100%}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd-2fld.col-loc .chl-fld1 span,.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd-2fld.col-loc .chl-fld2 span{font-size:17px}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd-2fld .chl-fld1,.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd-2fld .chl-fld2{height:25px;padding-left:5px;padding-top:3px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .col-hd-2fld .chl-fld1{border-bottom:1px solid #cecece}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonDown,.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonUp{top:8px;margin-left:85%}.TransportConfirmationContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortPriority{display:none}.TransportConfirmationContainer .form .row .gridStyle .ngViewport{height:auto!important;overflow:visible}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col1,.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col2{height:59px}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col2{display:inline-table}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col2 .col2-fld1,.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col2 .col2-fld2{display:inline-block;height:30px}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col2 .col2-fld3,.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col2 .col2-fld4{display:inline-block;height:29px}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col2 .col2-fld1{width:50%;border-right:1px solid #cecece;border-bottom:1px solid #cecece}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col2 .col2-fld2{width:50%;border-bottom:1px solid #cecece}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col2 .col2-fld3{width:50%;border-right:1px solid #cecece}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col2 .col2-fld4{width:50%}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col{width:100%}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col .col-fld1{height:30px;padding-left:5px}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col .col-fld2{height:29px;padding-left:5px}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col .col-fld1{border-bottom:1px solid #cecece}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal{width:100%;display:inline-table}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .col-modal-fld1,.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .col-modal-fld2{width:75%}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .col-modal-fld1{height:30px;padding-left:5px}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .col-fld2,.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .col-modal-fld2{height:29px;padding-left:5px}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .col-modal-fld1{border-bottom:1px solid #cecece}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .btn-xs{padding-top:5px;padding-bottom:5px;padding-left:6px;width:25%}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .btn-xs span{font-size:13px}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .btn-xs.btn.active,.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .btn-xs:active,.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .btn-xs:focus,.TransportConfirmationContainer .form .row .gridStyle .ngViewport .col-modal .btn-xs:hover{border:0}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .form-control{display:inline-block;font-size:12px}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .ngCell{overflow:visible;height:59px}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .ngCell .dropdown-menu{overflow-y:auto;max-height:400px;min-width:140px;font-size:12px!important}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .ngCell .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow{color:#595959;border-bottom:1px solid #cecece}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .selected{background-color:#5f9ea0}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .selected input,.TransportConfirmationContainer .form .row .gridStyle .ngViewport .selected select{background-color:#faebd7;color:var(--color-surface)}.TransportConfirmationContainer .form .row .gridStyle .ngViewport .selected .readonly{background-color:#5f9ea0}.TransportConfirmationContainer .form .row .gridStyle select{width:99.5%;height:59px;border:0}.TransportConfirmationContainer .form .row .gridStyle input{width:99.5%;height:30px;border:0;padding:5px}.TransportConfirmationContainer .form .row .gridStyle input,.TransportConfirmationContainer .form .row .gridStyle select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.TransportConfirmationContainer .orderSearch{margin-bottom:5px}.TransportConfirmationContainer .orderSearch .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0;display:inline-block}.TransportConfirmationContainer .frameCheckbox{border:1px solid;text-align:center;display:inline-block}.TransportConfirmationContainer .frameCheckbox label{margin:3px 5px 1px;padding-left:15px}.TransportConfirmationContainer .frameCheckbox label input[type=checkbox]{float:left;margin-left:-15px}.TransportConfirmationContainer .list.form .row .col-md-1{width:12.5%}.TransportConfirmationContainer .list.form .row .col-md-1 .dateFormat{display:inline-flex;width:100%}.TransportConfirmationContainer .list.form .row .col-md-1 .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.TransportConfirmationContainer .list.form .row .col-md-3{width:37.5%}.TransportConfirmationContainer .lineText{margin-top:0;margin-bottom:10px;border-bottom:1px solid #BEBEBE;line-height:16px;text-align:left}.TransportConfirmationContainer .lineText span{background:var(--color-background);position:relative;bottom:-8px;padding:0 15px 0 0;color:var(--color-section);font-size:16px;font-weight:700}.TransportConfirmationContainer .route{text-align:center}.TransportConfirmationContainer .action-button{display:inline-block}.TransportConfirmationContainer .warning{display:inline-block;position:absolute;padding-top:3px;padding-left:20px}.TransportConfirmationContainer .warning .icon{display:inline-block;vertical-align:top;font-weight:700}.TransportConfirmationContainer .warning .icon img{width:31px;padding-top:5px}.TransportConfirmationContainer .warning .message{display:inline-block;color:#C13100;font-style:italic}.SimpleTransportConfirmationContainer{outline:0;border-radius:.5rem!important}.SimpleTransportConfirmationContainer .ime-mode-disabled,.SimpleTransportConfirmationContainer input[bs-datepicker]{ime-mode:disabled}.SimpleTransportConfirmationContainer .panel{margin-bottom:5px;border-radius:.5rem!important}.SimpleTransportConfirmationContainer .panel .panel-heading{padding-top:6px;padding-bottom:6px;background-color:var(--color-surface);border-radius:.5rem!important}.SimpleTransportConfirmationContainer .panel .panel-heading i{cursor:pointer}.SimpleTransportConfirmationContainer .panel .panel-heading .panel-title{font-weight:700;color:#fff;font-size:18px}.SimpleTransportConfirmationContainer .panel .panel-heading .panel-title a:hover{color:#fff}.SimpleTransportConfirmationContainer .panel .panel-body{padding:0}.SimpleTransportConfirmationContainer .table>tbody>tr>td,.SimpleTransportConfirmationContainer .table>tbody>tr>th,.SimpleTransportConfirmationContainer .table>tfoot>tr>td,.SimpleTransportConfirmationContainer .table>tfoot>tr>th,.SimpleTransportConfirmationContainer .table>thead>tr>td,.SimpleTransportConfirmationContainer .table>thead>tr>th{font-size:13px;padding:2px;vertical-align:middle;border:0}.SimpleTransportConfirmationContainer .table>tbody>tr>th,.SimpleTransportConfirmationContainer .table>tfoot>tr>th,.SimpleTransportConfirmationContainer .table>thead>tr>th{height:45px}.SimpleTransportConfirmationContainer .table>tbody>tr>td,.SimpleTransportConfirmationContainer .table>tfoot>tr>td,.SimpleTransportConfirmationContainer .table>thead>tr>td{height:30px}.SimpleTransportConfirmationContainer .table .ng-table-filters{display:none}.SimpleTransportConfirmationContainer .customerDetails{margin-bottom:5px;background-color:var(--color-surface)}.SimpleTransportConfirmationContainer .page-title{margin-bottom:7px;font-size:18px;font-weight:700;color:var(--color-section);margin-right:5px;padding-top:20px}.SimpleTransportConfirmationContainer .page-footer{position:relative}.SimpleTransportConfirmationContainer .page-content-wrapper .page-content{padding-top:10px!important}.SimpleTransportConfirmationContainer .page-content-wrapper .table-scrollable{margin:0!important}.SimpleTransportConfirmationContainer .orderContainer .portlet-body{background-color:var(--color-background)!important}.SimpleTransportConfirmationContainer .orderContainer .portlet-body .form-actions{background-color:var(--color-background)!important;height:39px}.SimpleTransportConfirmationContainer .portlet{margin-bottom:0}.SimpleTransportConfirmationContainer .portlet.box.blue{border:1px solid var(--color-panel-border)}.SimpleTransportConfirmationContainer .spaceCheckbox{margin:4px 10px 0;float:left}.SimpleTransportConfirmationContainer .form .form-body{padding:1px}.SimpleTransportConfirmationContainer .form .form-body hr{margin-top:5px;margin-bottom:5px}.SimpleTransportConfirmationContainer .form .form-body #conType{color:grey;font-size:13px}.SimpleTransportConfirmationContainer .form .form-body #conType span{color:red}.SimpleTransportConfirmationContainer .form .form-body #totalUprice{margin-left:40%}.SimpleTransportConfirmationContainer .form .form-body #totalUprice span{color:red}.SimpleTransportConfirmationContainer .form .form-actions{padding:5px;margin-top:0;background-color:#fff;border-top:0}.SimpleTransportConfirmationContainer .form .form-actions .btn{padding:5px 10px;font-size:13px;width:100px}.SimpleTransportConfirmationContainer .form .form-group{margin-bottom:4px}.SimpleTransportConfirmationContainer .form .form-group .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0}.SimpleTransportConfirmationContainer .form .form-group .form-control1,.SimpleTransportConfirmationContainer .form .form-group .form-control2{font-size:12px;font-weight:400;color:#333;background-color:#fff;border:1px solid #e5e5e5;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.SimpleTransportConfirmationContainer .form .form-group .tax-rate-container{display:flex}.SimpleTransportConfirmationContainer .form .form-group .input-modal #CustomerSurcharge{display:inline-block;width:75%}.SimpleTransportConfirmationContainer .form .form-group .input-modal #Amount,.SimpleTransportConfirmationContainer .form .form-group .input-modal #DetainAmount,.SimpleTransportConfirmationContainer .form .form-group .input-modal #TaxRate{display:inline-block;width:82%}.SimpleTransportConfirmationContainer .form .form-group .input-modal #Amount+.btn-xs,.SimpleTransportConfirmationContainer .form .form-group .input-modal #DetainAmount+.btn-xs,.SimpleTransportConfirmationContainer .form .form-group .input-modal #TaxRate+.btn-xs{width:30px}.SimpleTransportConfirmationContainer .form .form-group .input-modal .btn-xs{padding-top:3px;padding-bottom:3px}.SimpleTransportConfirmationContainer .form .form-group .input-modal .btn-xs span{font-size:13px}.SimpleTransportConfirmationContainer .form .form-group .input-modal .btn-xs.btn.active,.SimpleTransportConfirmationContainer .form .form-group .input-modal .btn-xs:active,.SimpleTransportConfirmationContainer .form .form-group .input-modal .btn-xs:focus,.SimpleTransportConfirmationContainer .form .form-group .input-modal .btn-xs:hover{border:0}.SimpleTransportConfirmationContainer .form .form-group .orderInput #OrderNo{width:69%;display:inline-block}.SimpleTransportConfirmationContainer .form .form-group .orderInput #DetailNo{width:30%;display:inline-block}.SimpleTransportConfirmationContainer .form .form-group .orderInput #OrderEntryID1,.SimpleTransportConfirmationContainer .form .form-group .orderInput #OrderEntryID2{width:35%;display:inline-block;padding-right:5px}.SimpleTransportConfirmationContainer .form .form-group .orderInput button{height:25px;vertical-align:top}.SimpleTransportConfirmationContainer .form .form-group .control-label{margin-top:0;margin-bottom:0;font-size:13px;display:inline}.SimpleTransportConfirmationContainer .form .form-group .control-label sup{color:red;font-size:61%}.SimpleTransportConfirmationContainer .form .form-group .margin-top-5{margin-top:5px}.SimpleTransportConfirmationContainer .form .form-group .font-weight-bold{font-weight:700}.SimpleTransportConfirmationContainer .form .form-group .help-block{margin-top:0;margin-bottom:0}.SimpleTransportConfirmationContainer .form .form-group .error{color:red;border-color:red}.SimpleTransportConfirmationContainer .form .form-group .dropdown-menu{overflow-y:auto;max-height:400px;font-size:12px!important}.SimpleTransportConfirmationContainer .form .form-group .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.SimpleTransportConfirmationContainer .form .form-group #vessel{display:block}.SimpleTransportConfirmationContainer .form .form-group #vessel #vesselName{width:63%;display:inline-block}.SimpleTransportConfirmationContainer .form .form-group #vessel #voyageName{width:35.5%;display:inline-block}.SimpleTransportConfirmationContainer .form .form-group #customerName{display:block}.SimpleTransportConfirmationContainer .form .form-group #customerName #customerFullName{width:58.35%;display:inline-block}.SimpleTransportConfirmationContainer .form .form-group #customerName #customerMainCode,.SimpleTransportConfirmationContainer .form .form-group #customerName #customerSubCode{width:20%;display:inline-block}.SimpleTransportConfirmationContainer .form .form-group #OrderPatternC{width:63%}.SimpleTransportConfirmationContainer .form .form-group .containerPlace .place{width:46%;display:inline-block}.SimpleTransportConfirmationContainer .form .form-group .dateFormat{display:inline-flex;width:53.1%}.SimpleTransportConfirmationContainer .form .form-group .dateFormat span{width:30px;padding:4px 5px;min-width:30px;cursor:pointer}.SimpleTransportConfirmationContainer .form .form-group .dateFormat .date{width:63%;display:inline-block}.SimpleTransportConfirmationContainer .form .form-group .dateFormat .time{width:37%;display:inline-block}.SimpleTransportConfirmationContainer .form .form-group .dateFormat1{display:inline-table}.SimpleTransportConfirmationContainer .form .form-group .dateFormat1 span{padding-top:4px;padding-bottom:4px;cursor:pointer}.SimpleTransportConfirmationContainer .form .form-group .label-with-icon-container{display:flex}.SimpleTransportConfirmationContainer .form h4{font-size:14px;font-weight:700;color:var(--color-section)}.SimpleTransportConfirmationContainer .form .form-section{margin-bottom:5px;margin-top:5px;margin-left:15px}.SimpleTransportConfirmationContainer .form .container-detail .col-md-1,.SimpleTransportConfirmationContainer .form .container-detail .col-md-2,.SimpleTransportConfirmationContainer .form .container-detail .col-md-3{padding-right:0}.SimpleTransportConfirmationContainer .form .container-detail .col-md-2{width:11%}.SimpleTransportConfirmationContainer .form .container-detail .col-md-3{width:17.1%}.SimpleTransportConfirmationContainer .form .container-expense-info .col-md-1{width:9.6%}.SimpleTransportConfirmationContainer .form .row1 .gridStyle{border:1px solid #d4d4d4;height:auto}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngTopPanel{height:auto!important}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer{height:50px!important;font-weight:400;font-size:13px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .ngHeaderCell{height:50px!important}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .ngHeaderCell.col0.colt0 .ngHeaderText,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .ngHeaderCell.col1.colt1 .ngHeaderText,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .ngHeaderCell.col12.colt12 .ngHeaderText{padding-top:15px;text-align:center}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .ngVerticalBar{height:50px!important}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .ngHeaderText{padding:0}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd2{display:inline-table;height:50px;width:100%}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld1,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld2,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld3,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld4{display:inline-block;height:25px;padding-left:5px;padding-top:3px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld1{width:50%;border-right:1px solid #cecece;border-bottom:1px solid #cecece}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld2{width:50%;border-bottom:1px solid #cecece}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld3{width:50%;border-right:1px solid #cecece}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld4{width:50%}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld{height:50px;width:100%}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld.col-loc .chl-fld1 span,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld.col-loc .chl-fld2 span{font-size:17px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld .chl-fld1,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld .chl-fld2{height:25px;padding-left:5px;padding-top:3px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld .chl-fld1{border-bottom:1px solid #cecece}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonDown,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonUp{top:8px;margin-left:85%}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortPriority{display:none}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport{height:auto!important;overflow:visible}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col1,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col2{height:59px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col2{display:inline-table}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col2 .col2-fld1,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col2 .col2-fld2{display:inline-block;height:30px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col2 .col2-fld3,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col2 .col2-fld4{display:inline-block;height:29px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col2 .col2-fld1{width:50%;border-right:1px solid #cecece;border-bottom:1px solid #cecece}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col2 .col2-fld2{width:50%;border-bottom:1px solid #cecece}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col2 .col2-fld3{width:50%;border-right:1px solid #cecece}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col2 .col2-fld4{width:50%}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col{width:100%}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col .col-fld1{height:30px;padding-left:5px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col .col-fld2{height:29px;padding-left:5px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col .col-fld1{border-bottom:1px solid #cecece}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal{width:100%;display:inline-table}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .col-modal-fld1,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .col-modal-fld2{width:75%}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .col-modal-fld1{height:30px;padding-left:5px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .col-fld2,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .col-modal-fld2{height:29px;padding-left:5px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .col-modal-fld1{border-bottom:1px solid #cecece}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .btn-xs{padding-top:5px;padding-bottom:5px;padding-left:6px;width:25%}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .btn-xs span{font-size:13px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .btn-xs.btn.active,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .btn-xs:active,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .btn-xs:focus,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .col-modal .btn-xs:hover{border:0}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .form-control{display:inline-block;font-size:12px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .ngCell{overflow:visible;height:59px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .ngCell .dropdown-menu{overflow-y:auto;max-height:400px;min-width:140px;font-size:12px!important}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .ngCell .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .ngRow{color:#595959;border-bottom:1px solid #cecece}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .selected{background-color:#5f9ea0}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .selected input,.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .selected select{background-color:#faebd7;color:var(--color-surface)}.SimpleTransportConfirmationContainer .form .row1 .gridStyle .ngViewport .selected .readonly{background-color:#5f9ea0}.SimpleTransportConfirmationContainer .form .row1 .gridStyle select{width:99.5%;height:59px;border:0}.SimpleTransportConfirmationContainer .form .row1 .gridStyle input{width:99.5%;height:30px;border:0;padding:5px}.SimpleTransportConfirmationContainer .form .row1 .gridStyle input,.SimpleTransportConfirmationContainer .form .row1 .gridStyle select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.SimpleTransportConfirmationContainer .form .row{margin-left:0;margin-right:0}.SimpleTransportConfirmationContainer .form .row .gridStyle{border:1px solid #d4d4d4;height:auto}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngHeaderCell{border-bottom:1px solid #cecece}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport{height:auto!important;overflow:visible}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow.even,.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow.odd{background-color:#fff}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .form-control{display:inline-block;font-size:12px}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .ngCell{overflow:visible}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .dropdown-menu{overflow-y:auto;max-height:400px;min-width:140px;font-size:12px!important}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .index,.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .notInput,.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .ngCell input,.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .ngCell select{border-bottom:1px solid #cecece;height:30px}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .notInput{padding-top:3px;text-align:center}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .ngCell input.error{position:absolute}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .driver-allowance-button{height:30px}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow .ngCell .driver-allowance-input{width:76%}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow.selected{background-color:#5f9ea0}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow.selected input,.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow.selected select{background-color:#faebd7;color:var(--color-surface)}.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow.selected .index,.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow.selected .notInput,.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow.selected input.readonly,.SimpleTransportConfirmationContainer .form .row .gridStyle .ngViewport .ngRow.selected select.readonly{background-color:#5f9ea0}.SimpleTransportConfirmationContainer .form .row .gridStyle select{width:99.5%;font-size:12px;height:30px;border:0}.SimpleTransportConfirmationContainer .form .row .gridStyle input{width:100%;height:30px;border:0;padding:5px}.SimpleTransportConfirmationContainer .orderSearch{margin-bottom:5px}.SimpleTransportConfirmationContainer .orderSearch .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0;display:inline-block}.SimpleTransportConfirmationContainer .frameCheckbox{border:1px solid;text-align:center;display:inline-block}.SimpleTransportConfirmationContainer .frameCheckbox label{margin:3px 5px 1px;padding-left:15px}.SimpleTransportConfirmationContainer .frameCheckbox label input[type=checkbox]{float:left;margin-left:-15px}.SimpleTransportConfirmationContainer .list.form .row .col-md-1{width:12.5%}.SimpleTransportConfirmationContainer .list.form .row .col-md-1 .dateFormat{display:inline-flex;width:100%}.SimpleTransportConfirmationContainer .list.form .row .col-md-1 .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.SimpleTransportConfirmationContainer .list.form .row .col-md-3{width:37.5%}.SimpleTransportConfirmationContainer .lineText{margin-top:0;margin-bottom:10px;border-bottom:1px solid #BEBEBE;line-height:16px;text-align:left}.SimpleTransportConfirmationContainer .lineText span{background:var(--color-background);position:relative;bottom:-8px;padding:0 5px 0 0;color:var(--color-section);font-size:16px;font-weight:700}.SimpleTransportConfirmationContainer .lineText .dispatch-index{color:#5f9ea0;font-style:italic}.SimpleTransportConfirmationContainer .route{text-align:center}.SimpleTransportConfirmationContainer .action-button{display:inline-block}.SimpleTransportConfirmationContainer .warning{display:inline-block;position:absolute;padding-top:3px;padding-left:20px}.SimpleTransportConfirmationContainer .warning .icon{display:inline-block;vertical-align:top;font-weight:700}.SimpleTransportConfirmationContainer .warning .icon img{width:31px;padding-top:5px}.SimpleTransportConfirmationContainer .warning .message{display:inline-block;color:#C13100;font-style:italic}.SimpleTransportConfirmationContainer .totalAmount{color:red!important;bottom:0!important}.ShippingExpenseConfirmation{outline:0;border-radius:.5rem!important}.ShippingExpenseConfirmation .ime-mode-disabled,.ShippingExpenseConfirmation input[bs-datepicker]{ime-mode:disabled}.ShippingExpenseConfirmation .panel{margin-bottom:5px;border-radius:.5rem!important}.ShippingExpenseConfirmation .panel .panel-heading{padding-top:6px;padding-bottom:6px;background-color:var(--color-surface);border-radius:.5rem!important}.ShippingExpenseConfirmation .panel .panel-heading i{cursor:pointer}.ShippingExpenseConfirmation .panel .panel-heading .panel-title{font-weight:700;color:#fff;font-size:18px}.ShippingExpenseConfirmation .panel .panel-heading .panel-title a:hover{color:#fff}.ShippingExpenseConfirmation .panel .panel-body{padding:0}.ShippingExpenseConfirmation .table>tbody>tr>td,.ShippingExpenseConfirmation .table>tbody>tr>th,.ShippingExpenseConfirmation .table>tfoot>tr>td,.ShippingExpenseConfirmation .table>tfoot>tr>th,.ShippingExpenseConfirmation .table>thead>tr>td,.ShippingExpenseConfirmation .table>thead>tr>th{font-size:13px;padding:2px;vertical-align:middle;border:0}.ShippingExpenseConfirmation .table>tbody>tr>th,.ShippingExpenseConfirmation .table>tfoot>tr>th,.ShippingExpenseConfirmation .table>thead>tr>th{height:45px}.ShippingExpenseConfirmation .table>tbody>tr>td,.ShippingExpenseConfirmation .table>tfoot>tr>td,.ShippingExpenseConfirmation .table>thead>tr>td{height:30px}.ShippingExpenseConfirmation .table .ng-table-filters{display:none}.ShippingExpenseConfirmation .customerDetails{margin-bottom:5px;background-color:var(--color-surface)}.ShippingExpenseConfirmation .page-title{margin-bottom:7px;font-size:18px;font-weight:700;color:var(--color-section);margin-right:5px;padding-top:20px}.ShippingExpenseConfirmation .page-footer{position:relative}.ShippingExpenseConfirmation .page-content-wrapper .page-content{padding-top:10px!important}.ShippingExpenseConfirmation .page-content-wrapper .table-scrollable{margin:0!important}.ShippingExpenseConfirmation .orderContainer .portlet-body{background-color:var(--color-background)!important}.ShippingExpenseConfirmation .orderContainer .portlet-body .form-actions{background-color:var(--color-background)!important;height:39px}.ShippingExpenseConfirmation .portlet{margin-bottom:0}.ShippingExpenseConfirmation .portlet.box.blue{border:1px solid var(--color-panel-border)}.ShippingExpenseConfirmation .spaceCheckbox{margin:4px 10px 0;float:left}.ShippingExpenseConfirmation .form .form-body{padding:1px}.ShippingExpenseConfirmation .form .form-body hr{margin-top:5px;margin-bottom:5px}.ShippingExpenseConfirmation .form .form-body #conType{color:grey;font-size:13px}.ShippingExpenseConfirmation .form .form-body #conType span{color:red}.ShippingExpenseConfirmation .form .form-body #totalUprice{margin-left:40%}.ShippingExpenseConfirmation .form .form-body #totalUprice span{color:red}.ShippingExpenseConfirmation .form .form-actions{padding:5px;margin-top:0;background-color:#fff;border-top:0}.ShippingExpenseConfirmation .form .form-actions .btn{padding:5px 10px;font-size:13px;width:100px}.ShippingExpenseConfirmation .form .form-group{margin-bottom:4px}.ShippingExpenseConfirmation .form .form-group .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0}.ShippingExpenseConfirmation .form .form-group .form-control1,.ShippingExpenseConfirmation .form .form-group .form-control2{font-size:12px;font-weight:400;color:#333;background-color:#fff;border:1px solid #e5e5e5;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.ShippingExpenseConfirmation .form .form-group .tax-rate-container{display:flex}.ShippingExpenseConfirmation .form .form-group .input-modal #CustomerSurcharge{display:inline-block;width:75%}.ShippingExpenseConfirmation .form .form-group .input-modal #Amount,.ShippingExpenseConfirmation .form .form-group .input-modal #DetainAmount,.ShippingExpenseConfirmation .form .form-group .input-modal #TaxRate{display:inline-block;width:82%}.ShippingExpenseConfirmation .form .form-group .input-modal #Amount+.btn-xs,.ShippingExpenseConfirmation .form .form-group .input-modal #DetainAmount+.btn-xs,.ShippingExpenseConfirmation .form .form-group .input-modal #TaxRate+.btn-xs{width:30px}.ShippingExpenseConfirmation .form .form-group .input-modal .btn-xs{padding-top:3px;padding-bottom:3px}.ShippingExpenseConfirmation .form .form-group .input-modal .btn-xs span{font-size:13px}.ShippingExpenseConfirmation .form .form-group .input-modal .btn-xs.btn.active,.ShippingExpenseConfirmation .form .form-group .input-modal .btn-xs:active,.ShippingExpenseConfirmation .form .form-group .input-modal .btn-xs:focus,.ShippingExpenseConfirmation .form .form-group .input-modal .btn-xs:hover{border:0}.ShippingExpenseConfirmation .form .form-group .orderInput #OrderNo{width:69%;display:inline-block}.ShippingExpenseConfirmation .form .form-group .orderInput #DetailNo{width:30%;display:inline-block}.ShippingExpenseConfirmation .form .form-group .orderInput #OrderEntryID1,.ShippingExpenseConfirmation .form .form-group .orderInput #OrderEntryID2{width:35%;display:inline-block;padding-right:5px}.ShippingExpenseConfirmation .form .form-group .orderInput button{height:25px;vertical-align:top}.ShippingExpenseConfirmation .form .form-group .control-label{margin-top:0;margin-bottom:0;font-size:13px;display:inline}.ShippingExpenseConfirmation .form .form-group .control-label sup{color:red;font-size:61%}.ShippingExpenseConfirmation .form .form-group .margin-top-5{margin-top:5px}.ShippingExpenseConfirmation .form .form-group .font-weight-bold{font-weight:700}.ShippingExpenseConfirmation .form .form-group .help-block{margin-top:0;margin-bottom:0}.ShippingExpenseConfirmation .form .form-group .error{color:red;border-color:red}.ShippingExpenseConfirmation .form .form-group .dropdown-menu{overflow-y:auto;max-height:400px;font-size:12px!important}.ShippingExpenseConfirmation .form .form-group .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.ShippingExpenseConfirmation .form .form-group #vessel{display:block}.ShippingExpenseConfirmation .form .form-group #vessel #vesselName{width:63%;display:inline-block}.ShippingExpenseConfirmation .form .form-group #vessel #voyageName{width:35.5%;display:inline-block}.ShippingExpenseConfirmation .form .form-group #customerName{display:block}.ShippingExpenseConfirmation .form .form-group #customerName #customerFullName{width:58.35%;display:inline-block}.ShippingExpenseConfirmation .form .form-group #customerName #customerMainCode,.ShippingExpenseConfirmation .form .form-group #customerName #customerSubCode{width:20%;display:inline-block}.ShippingExpenseConfirmation .form .form-group #OrderPatternC{width:63%}.ShippingExpenseConfirmation .form .form-group .containerPlace .place{width:46%;display:inline-block}.ShippingExpenseConfirmation .form .form-group .dateFormat{display:inline-flex;width:53.1%}.ShippingExpenseConfirmation .form .form-group .dateFormat span{width:30px;padding:4px 5px;min-width:30px;cursor:pointer}.ShippingExpenseConfirmation .form .form-group .dateFormat .date{width:63%;display:inline-block}.ShippingExpenseConfirmation .form .form-group .dateFormat .time{width:37%;display:inline-block}.ShippingExpenseConfirmation .form .form-group .dateFormat1{display:inline-table}.ShippingExpenseConfirmation .form .form-group .dateFormat1 span{padding-top:4px;padding-bottom:4px;cursor:pointer}.ShippingExpenseConfirmation .form .form-group .label-with-icon-container{display:flex}.ShippingExpenseConfirmation .form h4{font-size:14px;font-weight:700;color:var(--color-section)}.ShippingExpenseConfirmation .form .form-section{margin-bottom:5px;margin-top:5px;margin-left:15px}.ShippingExpenseConfirmation .form .container-detail .col-md-1,.ShippingExpenseConfirmation .form .container-detail .col-md-2,.ShippingExpenseConfirmation .form .container-detail .col-md-3{padding-right:0}.ShippingExpenseConfirmation .form .container-detail .col-md-2{width:11%}.ShippingExpenseConfirmation .form .container-detail .col-md-3{width:17.1%}.ShippingExpenseConfirmation .form .container-expense-info .col-md-1{width:9.6%}.ShippingExpenseConfirmation .form .row1 .gridStyle{border:1px solid #d4d4d4;height:auto}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngTopPanel{height:auto!important}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer{height:50px!important;font-weight:400;font-size:13px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .ngHeaderCell{height:50px!important}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .ngHeaderCell.col0.colt0 .ngHeaderText,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .ngHeaderCell.col1.colt1 .ngHeaderText,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .ngHeaderCell.col12.colt12 .ngHeaderText{padding-top:15px;text-align:center}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .ngVerticalBar{height:50px!important}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .ngHeaderText{padding:0}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd2{display:inline-table;height:50px;width:100%}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld1,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld2,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld3,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld4{display:inline-block;height:25px;padding-left:5px;padding-top:3px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld1{width:50%;border-right:1px solid #cecece;border-bottom:1px solid #cecece}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld2{width:50%;border-bottom:1px solid #cecece}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld3{width:50%;border-right:1px solid #cecece}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd2 .ch2-fld4{width:50%}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld{height:50px;width:100%}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld.col-loc .chl-fld1 span,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld.col-loc .chl-fld2 span{font-size:17px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld .chl-fld1,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld .chl-fld2{height:25px;padding-left:5px;padding-top:3px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .col-hd-2fld .chl-fld1{border-bottom:1px solid #cecece}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonDown,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonUp{top:8px;margin-left:85%}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortPriority{display:none}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport{height:auto!important;overflow:visible}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col1,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col2{height:59px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col2{display:inline-table}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col2 .col2-fld1,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col2 .col2-fld2{display:inline-block;height:30px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col2 .col2-fld3,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col2 .col2-fld4{display:inline-block;height:29px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col2 .col2-fld1{width:50%;border-right:1px solid #cecece;border-bottom:1px solid #cecece}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col2 .col2-fld2{width:50%;border-bottom:1px solid #cecece}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col2 .col2-fld3{width:50%;border-right:1px solid #cecece}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col2 .col2-fld4{width:50%}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col{width:100%}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col .col-fld1{height:30px;padding-left:5px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col .col-fld2{height:29px;padding-left:5px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col .col-fld1{border-bottom:1px solid #cecece}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal{width:100%;display:inline-table}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .col-modal-fld1,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .col-modal-fld2{width:75%}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .col-modal-fld1{height:30px;padding-left:5px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .col-fld2,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .col-modal-fld2{height:29px;padding-left:5px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .col-modal-fld1{border-bottom:1px solid #cecece}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .btn-xs{padding-top:5px;padding-bottom:5px;padding-left:6px;width:25%}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .btn-xs span{font-size:13px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .btn-xs.btn.active,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .btn-xs:active,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .btn-xs:focus,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .col-modal .btn-xs:hover{border:0}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .form-control{display:inline-block;font-size:12px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .ngCell{overflow:visible;height:59px}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .ngCell .dropdown-menu{overflow-y:auto;max-height:400px;min-width:140px;font-size:12px!important}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .ngCell .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .ngRow{color:#595959;border-bottom:1px solid #cecece}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .selected{background-color:#5f9ea0}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .selected input,.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .selected select{background-color:#faebd7;color:var(--color-surface)}.ShippingExpenseConfirmation .form .row1 .gridStyle .ngViewport .selected .readonly{background-color:#5f9ea0}.ShippingExpenseConfirmation .form .row1 .gridStyle select{width:99.5%;height:59px;border:0}.ShippingExpenseConfirmation .form .row1 .gridStyle input{width:99.5%;height:30px;border:0;padding:5px}.ShippingExpenseConfirmation .form .row1 .gridStyle input,.ShippingExpenseConfirmation .form .row1 .gridStyle select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ShippingExpenseConfirmation .form .row{margin-left:0;margin-right:0}.ShippingExpenseConfirmation .form .row .gridStyle{border:1px solid #d4d4d4;height:auto}.ShippingExpenseConfirmation .form .row .gridStyle .ngHeaderCell{border-bottom:1px solid #cecece}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport{height:auto!important;overflow:visible}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow.even,.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow.odd{background-color:#fff}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .form-control{display:inline-block;font-size:12px}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .ngCell{overflow:visible}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .ngCell .dropdown-menu{overflow-y:auto;max-height:400px;min-width:140px;font-size:12px!important}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .ngCell .dropdown-menu>li>a{padding:3px 5px!important;line-height:15px!important;border-bottom:1px solid #DDD}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .ngCell .index,.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .ngCell .notInput,.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .ngCell input,.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .ngCell select{border-bottom:1px solid #cecece;height:30px}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .ngCell .notInput{padding-top:3px;text-align:center}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .ngCell input.error{position:absolute}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .ngCell .driver-allowance-button{height:30px}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow .ngCell .driver-allowance-input{width:76%}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow.selected{background-color:#5f9ea0}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow.selected input,.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow.selected select{background-color:#faebd7;color:var(--color-surface)}.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow.selected .index,.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow.selected .notInput,.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow.selected input.readonly,.ShippingExpenseConfirmation .form .row .gridStyle .ngViewport .ngRow.selected select.readonly{background-color:#5f9ea0}.ShippingExpenseConfirmation .form .row .gridStyle select{width:99.5%;font-size:12px;height:30px;border:0}.ShippingExpenseConfirmation .form .row .gridStyle input{width:100%;height:30px;border:0;padding:5px}.ShippingExpenseConfirmation .orderSearch{margin-bottom:5px}.ShippingExpenseConfirmation .orderSearch .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0;display:inline-block}.ShippingExpenseConfirmation .frameCheckbox{border:1px solid;text-align:center;display:inline-block}.ShippingExpenseConfirmation .frameCheckbox label{margin:3px 5px 1px;padding-left:15px}.ShippingExpenseConfirmation .frameCheckbox label input[type=checkbox]{float:left;margin-left:-15px}.ShippingExpenseConfirmation .list.form .row .col-md-1{width:12.5%}.ShippingExpenseConfirmation .list.form .row .col-md-1 .dateFormat{display:inline-flex;width:100%}.ShippingExpenseConfirmation .list.form .row .col-md-1 .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.ShippingExpenseConfirmation .list.form .row .col-md-3{width:37.5%}.ShippingExpenseConfirmation .lineText{margin-top:0;margin-bottom:10px;border-bottom:1px solid #BEBEBE;line-height:16px;text-align:left}.ShippingExpenseConfirmation .lineText span{background:var(--color-background);position:relative;bottom:-8px;padding:0 5px 0 0;color:var(--color-section);font-size:16px;font-weight:700}.ShippingExpenseConfirmation .lineText .dispatch-index{color:#5f9ea0;font-style:italic}.ShippingExpenseConfirmation .route{text-align:center}.ShippingExpenseConfirmation .action-button{display:inline-block}.ShippingExpenseConfirmation .warning{display:inline-block;position:absolute;padding-top:3px;padding-left:20px}.ShippingExpenseConfirmation .warning .icon{display:inline-block;vertical-align:top;font-weight:700}.ShippingExpenseConfirmation .warning .icon img{width:31px;padding-top:5px}.ShippingExpenseConfirmation .warning .message{display:inline-block;color:#C13100;font-style:italic}.ShippingExpenseConfirmation .totalAmount{color:red!important;bottom:0!important}.DispatchContainer{border-radius:.5rem!important}.DispatchContainer .ime-mode-disabled{ime-mode:disabled}.DispatchContainer .bottom-left{z-index:100000!important}.DispatchContainer .ngHeaderCell{height:60px}.DispatchContainer .ngPinnedIcon,.DispatchContainer .ngUnPinnedIcon{display:none}.DispatchContainer .panel{margin-bottom:5px;border-radius:.5rem!important}.DispatchContainer .panel .panel-heading{padding-top:6px;padding-bottom:6px;background-color:var(--color-surface);border-radius:.5rem!important}.DispatchContainer .panel .panel-heading i{cursor:pointer}.DispatchContainer .panel .panel-heading .panel-title{font-weight:700;color:#fff;font-size:18px}.DispatchContainer .panel .panel-heading .panel-title a:hover{color:#fff}.DispatchContainer .panel .panel-body{padding:0}.DispatchContainer .table>tbody>tr>td,.DispatchContainer .table>tbody>tr>th,.DispatchContainer .table>tfoot>tr>td,.DispatchContainer .table>tfoot>tr>th,.DispatchContainer .table>thead>tr>td,.DispatchContainer .table>thead>tr>th{font-size:13px;padding:2px;vertical-align:middle;border:0}.DispatchContainer .table>tbody>tr>th,.DispatchContainer .table>tfoot>tr>th,.DispatchContainer .table>thead>tr>th{height:45px}.DispatchContainer .table>tbody>tr>td,.DispatchContainer .table>tfoot>tr>td,.DispatchContainer .table>thead>tr>td{height:30px}.DispatchContainer .table .ng-table-filters{display:none}.DispatchContainer .customerDetails{margin-bottom:5px;background-color:var(--color-surface)}.DispatchContainer .page-title{margin-bottom:7px;font-size:18px;font-weight:700;color:var(--color-section);margin-right:5px;padding-top:20px}.DispatchContainer .page-footer{position:relative}.DispatchContainer .page-content-wrapper .page-content{padding-top:10px!important}.DispatchContainer .page-content-wrapper .table-scrollable{margin:0!important}.DispatchContainer .dispatchContainer .portlet-body{background-color:var(--color-background)!important}.DispatchContainer .dispatchContainer .portlet-body .form-actions{background-color:var(--color-background)!important;height:39px}.DispatchContainer .dispatchContainer .rowSearchHeight{height:65px}.DispatchContainer .dispatchContainer .rowSearchHeight .dropdown-menu{font-size:12px}.DispatchContainer .dispatchContainer .rowSearchHeight .dropdown-menu>li>a{padding:3px 15px 3px 5px!important;border-bottom:1px solid #DDD}.DispatchContainer .dispatchContainer .form-group{margin-bottom:4px}.DispatchContainer .portlet{margin-bottom:0}.DispatchContainer .portlet.box.blue{background:var(--color-background)!important;border:1px solid var(--color-panel-border);margin-top:-6px}.DispatchContainer .form .form-group .button{width:10%;height:30px}.DispatchContainer .form .form-group .distance-btn{margin-left:1.2%}.DispatchContainer .form .form-group .form-control{font-size:13px;height:25px}.DispatchContainer .form .form-group .dateFormat{display:inline-flex}.DispatchContainer .form .form-group .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.DispatchContainer .form .form-group .dateFormat .date{display:inline-block}.DispatchContainer .form .form-group .dateSearch{height:25px}.DispatchContainer .form .form-group .control-label{margin-top:0;margin-bottom:0;font-size:13px;width:100%}.DispatchContainer .form .form-group .control-label sup{color:red;font-size:61%}.DispatchContainer .form .form-group .error{color:red;border-color:red}.DispatchContainer .lineInCell,.DispatchContainer .lineInCell2{text-align:center!important;border-bottom:solid 1px;height:24px;margin-bottom:3px}.DispatchContainer .lineInCell{background:var(--color-surface-tint)}.DispatchContainer .lineInCell.headerNoBorder{background-color:transparent;border-right:solid 1px var(--color-surface)}.DispatchContainer .lineInCell.headerBorder{background-color:transparent}.DispatchContainer .row{margin-left:0;margin-right:0}.DispatchContainer .row .gridStyle{border:1px solid #d4d4d4;height:auto;overflow-y:auto}.DispatchContainer .row .gridStyle .ngHeaderText{padding:0!important}.DispatchContainer .row .gridStyle .rowText{margin-top:7px}.DispatchContainer .row .gridStyle .ngHeaderContainer{height:60px}.DispatchContainer .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn{height:60px;text-align:center}.DispatchContainer .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonDown,.DispatchContainer .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonUp{top:8px;margin-left:85%}.DispatchContainer .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortPriority{display:none}.DispatchContainer .row .gridStyle .ngHeaderContainer .ngVerticalBar{height:60px}.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader1{padding-top:8px}.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader2{text-align:left;padding-left:5px}.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader2 .lblOrderDate,.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader2 .lblOrderNo{display:inline-block}.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader2 .lblOrderDate{width:100px}.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader8{text-align:left}.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblContent,.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblDriver,.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblLocation1,.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblLocation2,.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblLocation3,.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblNumber,.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblTransportDate{display:inline-block;width:65px}.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader8 .padding-left{padding-left:5px}.DispatchContainer .row .gridStyle .ngTopPanel{height:60px}.DispatchContainer .row .gridStyle .ngViewport .ngCell{overflow:visible}.DispatchContainer .row .gridStyle .ngViewport .ngCell .dropdown-menu{overflow-y:auto;max-height:400px;min-width:auto;font-size:12px!important}.DispatchContainer .row .gridStyle .ngViewport .ngCell .dropdown-menu>li>a{padding:3px 15px 3px 5px!important;border-bottom:1px solid #DDD}.DispatchContainer .row .gridStyle .ngViewport .ngCell .alignCheckbox{margin-top:12px}.DispatchContainer .row .gridStyle .ngViewport .ngCell .colt2{text-align:left}.DispatchContainer .row .gridStyle .ngViewport .ngCell .colt2 .lblOrderDate,.DispatchContainer .row .gridStyle .ngViewport .ngCell .colt2 .lblOrderNo,.DispatchContainer .row .gridStyle .ngViewport .ngCell .colt2 .lblSignType1,.DispatchContainer .row .gridStyle .ngViewport .ngCell .colt2 .lblSignType2,.DispatchContainer .row .gridStyle .ngViewport .ngCell .colt2 .lblSignType3{display:inline-block}.DispatchContainer .row .gridStyle .ngViewport .ngCell .colt2 .lblOrderDate{width:85px}.DispatchContainer .row .gridStyle .ngViewport .ngCell .colt2 .lblSignType1{color:#00f}.DispatchContainer .row .gridStyle .ngViewport .ngCell .colt2 .lblSignType2{color:purple}.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltLocation .lblRed{color:red}.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1{text-align:left}.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblContent,.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblDriver,.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblLocation1,.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblLocation2,.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblLocation3,.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblNumber,.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblTransportDate{display:inline-block;width:65px}.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblBlue{color:#09C}.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblGreen{color:#92CD00}.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblDarkGreen{color:green}.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblMagenta{color:#f0f}.DispatchContainer .row .gridStyle .ngViewport .ngCell .colorGray,.DispatchContainer .row .gridStyle .ngViewport .ngCell .colorGreen,.DispatchContainer .row .gridStyle .ngViewport .ngCell .colorPink,.DispatchContainer .row .gridStyle .ngViewport .ngCell .colorWhite,.DispatchContainer .row .gridStyle .ngViewport .ngCell .colorYellow{border-bottom:solid 1px #eaeaea}.DispatchContainer .row .gridStyle .ngViewport .ngCell .colorGray{background:silver}.DispatchContainer .row .gridStyle .ngViewport .ngCell .colorWhite{background:#fff}.DispatchContainer .row .gridStyle .ngViewport .ngCell .colorYellow{background:#FFF0AA}.DispatchContainer .row .gridStyle .ngViewport .ngCell .colorGreen{background:#B0E57C}.DispatchContainer .row .gridStyle .ngViewport .ngCell .colorPink{background:#FFAEAE}.DispatchContainer .row .gridStyle .ngViewport .ngCell.colt2{z-index:2}.DispatchContainer .row .gridStyle .ngViewport .selected{z-index:100;background-color:#5f9ea0}.DispatchContainer .row .gridStyle .ngViewport .selected input,.DispatchContainer .row .gridStyle .ngViewport .selected select{background-color:#faebd7;color:#000;border-bottom:solid 1px #cecece}.DispatchContainer .row .gridStyle select{width:99.5%;height:30px;border:0;background-color:#fff}.DispatchContainer .row .gridStyle input{width:99.5%;height:25px;border:1px solid #eaeaea;font-size:12px}.DispatchContainer .row .lblDateTimeNow{display:inline-block;float:right;width:100%;text-align:center}.DispatchContainer .row .lblDispatch{display:inline-block;float:right;width:21.05%;background:#eaeaea;font-weight:700;text-align:center;border-right:solid 1px #dbd5d5}.DispatchContainer .row .lblDispatch2{display:inline-block;float:right;width:20%;background:#eaeaea;font-weight:700;text-align:center;border-right:solid 1px #dbd5d5}.DispatchContainer .spaceCheckbox{margin:4px 10px 0;float:left}.DispatchContainer .frameCheckbox{border:1px solid;text-align:center;display:inline-block}.DispatchContainer .frameCheckbox label{margin-left:5px;margin-right:5px}.DispatchContainer .orderSearch{margin-bottom:5px}.DispatchContainer .orderSearch .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0;display:inline-block}.DispatchContainer .lineText{margin-top:0;margin-bottom:10px;border-bottom:1px solid #BEBEBE;line-height:16px;text-align:left}.DispatchContainer .lineText span{background:var(--color-background);position:relative;bottom:-8px;padding:0 15px 0 0;color:var(--color-section);font-size:16px;font-weight:700}#gridFuelConsumption .lineInCell{text-align:center!important;border-bottom:solid 1px;height:24px;margin-bottom:3px}#gridFuelConsumption .lineInCell.headerNoBorder{background-color:transparent;border-right:solid 1px var(--color-surface)}#gridFuelConsumption .lineInCell.headerBorder{background-color:transparent}#gridFuelConsumption .group-header{position:absolute;top:0;left:0;width:300%;text-align:center;font-weight:700;height:24px;display:flex;justify-content:center;align-items:center;z-index:1;background:#607B9B;border-right:solid 1px}#gridFuelConsumption .has-group-header{padding-top:24px;position:relative}#gridFuelConsumption .ngHeaderSortColumn{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;position:relative;overflow:visible;min-height:48px}#gridFuelConsumption .col-header-text{white-space:normal!important;word-wrap:break-word}.DispatchReport .group-checkbox{display:flex}.DispatchReport .group-checkbox .first-checkbox{padding-left:5px}.DispatchReport .group-checkbox .input-checkbox,.DispatchReport .group-checkbox .label-checkbox{margin:0}.DispatchReport .label-day,.DriverDispatchReport .label-day{min-width:130px}.PlanCalendar .form-group{margin-bottom:9px}.PlanCalendar .form-group .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0}.PlanCalendar .form-group .dateFormat{display:inline-flex}.PlanCalendar .form-group .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.PlanCalendar .form-group .dateFormat .date{display:inline-block}.PlanCalendar .today{margin-top:30px;height:29px;width:fit-content;padding-left:10px}.PlanCalendar .mt-30{margin-top:30px}.PlanCalendar .calendar{background-color:var(--color-background)}.PlanCalendar .calendarSearch{margin-top:5px}.PlanCalendar .calendarSearch .col-md-3{width:27%}.PlanCalendar .calendarSearch .code-container{display:flex;gap:3px}.PlanCalendar .calendarSearch .code-container .btn{height:21.5px;margin-top:5px}.PlanCalendar .calendarSearch .code-container .input-year,.PlanCalendar .calendarSearch .code-container .select-month{min-width:35px}.PlanCalendar .calendarSearch .month input,.PlanCalendar .calendarSearch .month select,.PlanCalendar .calendarSearch .year input,.PlanCalendar .calendarSearch .year select{display:inline}.PlanCalendar .calendarSearch .month button,.PlanCalendar .calendarSearch .year button{height:25px;vertical-align:top;padding:1px 4px}.PlanCalendar .calendarSearch .department{padding-left:15px}.PlanCalendar .btn-export,.PlanCalendar .btn-maintenance{width:155px}.PlanCalendar .cal-row-head{margin-top:10px}.PlanCalendar .pl-5{padding-left:5px}.PlanCalendar .flex-end{display:flex;justify-content:flex-end}.PlanCalendar .calendar-plan .checkbox-container input[type=checkbox]{margin-top:0}.PlanCalendar .calendar-plan .checkbox-container label{margin-bottom:unset}.PlanCalendar .cal-month-box [class*=cal-cell],.PlanCalendar .cal-year-box [class*=span]{min-height:80px}.PlanCalendar .cal-month-day{height:80px}.PlanCalendar span[data-cal-date]{width:18px;font-size:16px;margin-top:0;margin-left:5px;margin-right:5px;float:left!important}.PlanCalendar .cal-month-day .cal-events-num{margin-right:10px;margin-left:5px;margin-top:30px}.PlanCalendar .cal-month-day .cal-events-num.badge-default{margin-left:33px;margin-top:5px}.PlanCalendar table thead tr th{text-align:center}.PlanCalendar .cal-row-fluid:hover,.PlanCalendar .cal-year-box .row:hover{background-color:var(--color-background)}.PlanCalendar .current-day{font-size:14px;padding-right:0}.PlanCalendar .add-plan{margin-top:2.5%;padding:0}.PlanCalendar .add-plan input{width:100%}.PlanCalendar .late-plan{color:red}.PlanCalendar .on-plan{color:#00bfff}.PlanCalendar .early-plan{color:grey}.PlanCalendar .today-plan{color:#1b1b1b}.PlanCalendar mwl-calendar .cal-row-fluid.cal-row-head{display:none}.PlanCalendar .event-warning{background-color:#89c4f4}.InspectionMaintenance .implement,.InspectionMaintenance .inspection-plan{top:6px!important}.InspectionMaintenance .implement.floating,.InspectionMaintenance .inspection-plan.floating{top:-17px!important}.BasicSetting .label-company{margin-left:15px}.BasicSetting .calendar-beginning{display:flex;align-items:center;gap:5px;margin-top:5px}.BasicSetting .calendar-beginning input[type=checkbox]{margin-left:5px}.BasicSetting .color-status{padding-top:5px}.BasicSetting .color-status-text{font-size:13px}.BasicSetting .color-status-container{padding:0;width:20px;height:20px}.BasicSetting .pl-5{padding-left:5px}.BasicSetting .pb-5{padding-bottom:5px}.RoleFeaturesContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonDown,.RoleFeaturesContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonUp{top:8px;margin-left:85%}.RoleFeaturesContainer .form .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortPriority{display:none}.RoleFeaturesContainer .form .row .gridStyle .ngViewport{overflow:auto!important}.RoleFeaturesContainer .form .row .gridStyle input[type=checkbox]{height:25px!important}.FuelConsumption .col-md-12{padding-right:0}.FuelConsumption .mt-10{margin-top:10px}.FuelConsumptionDetailContainer .ime-mode-disabled{ime-mode:disabled}.FuelConsumptionDetailContainer .bottom-left{z-index:100000!important}.FuelConsumptionDetailContainer .ngHeaderCell{height:50px!important;border-bottom:solid 1px #cecece}.FuelConsumptionDetailContainer .ngPinnedIcon,.FuelConsumptionDetailContainer .ngUnPinnedIcon{display:none}.FuelConsumptionDetailContainer .panel{margin-bottom:5px}.FuelConsumptionDetailContainer .panel .panel-heading{padding-top:6px;padding-bottom:6px;background-color:var(--color-surface)}.FuelConsumptionDetailContainer .panel .panel-heading i{cursor:pointer}.FuelConsumptionDetailContainer .panel .panel-heading .panel-title{font-weight:700;color:#fff;font-size:18px}.FuelConsumptionDetailContainer .panel .panel-heading .panel-title a:hover{color:#fff}.FuelConsumptionDetailContainer .panel .panel-body{padding:0}.FuelConsumptionDetailContainer .table>tbody>tr>td,.FuelConsumptionDetailContainer .table>tbody>tr>th,.FuelConsumptionDetailContainer .table>tfoot>tr>td,.FuelConsumptionDetailContainer .table>tfoot>tr>th,.FuelConsumptionDetailContainer .table>thead>tr>td,.FuelConsumptionDetailContainer .table>thead>tr>th{font-size:13px;padding:2px;vertical-align:middle;border:0}.FuelConsumptionDetailContainer .table>tbody>tr>th,.FuelConsumptionDetailContainer .table>tfoot>tr>th,.FuelConsumptionDetailContainer .table>thead>tr>th{height:45px}.FuelConsumptionDetailContainer .table>tbody>tr>td,.FuelConsumptionDetailContainer .table>tfoot>tr>td,.FuelConsumptionDetailContainer .table>thead>tr>td{height:30px}.FuelConsumptionDetailContainer .table .ng-table-filters{display:none}.FuelConsumptionDetailContainer .customerDetails{margin-bottom:5px;background-color:var(--color-surface)}.FuelConsumptionDetailContainer .page-title{margin-bottom:7px;font-size:18px;font-weight:700;color:var(--color-section);margin-right:5px;padding-top:20px}.FuelConsumptionDetailContainer .page-footer{position:relative}.FuelConsumptionDetailContainer .page-content-wrapper .page-content{padding-top:10px!important}.FuelConsumptionDetailContainer .page-content-wrapper .table-scrollable{margin:0!important}.FuelConsumptionDetailContainer .fuelConsumptionDetailContainer .portlet-body{background-color:var(--color-background)!important}.FuelConsumptionDetailContainer .fuelConsumptionDetailContainer .portlet-body .form-actions{background-color:var(--color-background)!important;height:39px}.FuelConsumptionDetailContainer .rowSearchHeight{height:65px}.FuelConsumptionDetailContainer .portlet{margin-bottom:0}.FuelConsumptionDetailContainer .portlet.box.blue{background:var(--color-background)!important;border:1px solid var(--color-panel-border);margin-top:-6px}.FuelConsumptionDetailContainer .form .form-group .button{width:10%;height:30px}.FuelConsumptionDetailContainer .form .form-group .distance-btn{margin-left:1.2%}.FuelConsumptionDetailContainer .form .form-group .form-control{font-size:13px;height:25px}.FuelConsumptionDetailContainer .form .form-group .dateFormat{display:inline-flex}.FuelConsumptionDetailContainer .form .form-group .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.FuelConsumptionDetailContainer .form .form-group .dateFormat .date{display:inline-block}.FuelConsumptionDetailContainer .form .form-group .dateSearch{height:25px}.FuelConsumptionDetailContainer .form .form-group .control-label{margin-top:0;margin-bottom:0;font-size:13px;width:100%}.FuelConsumptionDetailContainer .form .form-group .control-label sup{color:red;font-size:61%}.FuelConsumptionDetailContainer .form .form-group .error{color:red;border-color:red}.FuelConsumptionDetailContainer .lineInCell,.FuelConsumptionDetailContainer .lineInCell2{text-align:center!important;border-bottom:solid 1px var(--color-surface);height:18px;margin-bottom:4px}.FuelConsumptionDetailContainer .lineInCell{background:var(--color-surface)}.FuelConsumptionDetailContainer .row{margin-left:0;margin-right:0}.FuelConsumptionDetailContainer .row .gridStyle{border:1px solid #d4d4d4;height:auto;overflow-y:auto}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderText{padding:0!important}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderText .chl-fld1,.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderText .chl-fld2{height:25px;padding-top:5px}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderText .chl-fld1{border-bottom:1px solid var(--color-field-border)}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderText .ch-result{height:50px;padding-top:16px}.FuelConsumptionDetailContainer .row .gridStyle .rowText{margin-top:7px}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer{height:50px!important}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn{height:50px!important;text-align:center}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonDown,.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonUp{top:8px;margin-left:85%}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortPriority{display:none}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .ngVerticalBar{height:50px!important}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader1{padding-top:8px}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader2{text-align:left;padding-left:5px}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader2 .lblOrderDate,.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader2 .lblOrderNo{display:inline-block}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader2 .lblOrderDate{width:100px}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader8{text-align:left}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblContent,.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblDriver,.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblLocation1,.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblLocation2,.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblLocation3,.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblNumber,.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblTransportDate{display:inline-block;width:65px}.FuelConsumptionDetailContainer .row .gridStyle .ngHeaderContainer .colHeader8 .padding-left{padding-left:5px}.FuelConsumptionDetailContainer .row .gridStyle .ngTopPanel{height:50px!important}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow.even,.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow.odd{background-color:#fff}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell{overflow:visible}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .ngCellText{padding:4px}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .col-fld1,.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .col-fld2{height:30px;line-height:25px}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .col-result{height:60px}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .dropdown-menu{overflow-y:auto;max-height:400px;min-width:95px;font-size:12px!important}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .dropdown-menu>li>a{padding:3px 5px!important;border-bottom:1px solid #DDD}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .index,.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .manipulate,.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .notInput,.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell input,.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell select{border-bottom:1px solid #cecece;height:30px}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .index{height:60px;line-height:53px;text-align:center}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .manipulate{height:60px;line-height:29px;padding:0 0 0 5px;text-align:center}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .manipulate button{width:89px;text-align:center}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell .alignCheckbox{margin-top:12px}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .ngRow .ngCell.colt2{text-align:left;z-index:2}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .selected{z-index:100;background-color:#5f9ea0}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .selected input,.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .selected select{background-color:#faebd7;color:var(--color-surface)}.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .selected .index,.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .selected .manipulate,.FuelConsumptionDetailContainer .row .gridStyle .ngViewport .selected .notInput{background-color:#5f9ea0;color:var(--color-surface)}.FuelConsumptionDetailContainer .row .gridStyle .index,.FuelConsumptionDetailContainer .row .gridStyle .notInput{background-color:#EEE}.FuelConsumptionDetailContainer .row .gridStyle select{width:99.5%;height:30px;border:0;font-size:12px;padding-left:0}.FuelConsumptionDetailContainer .row .gridStyle input{width:99.5%;height:30px;font-size:12px;border:0}.FuelConsumptionDetailContainer .row .lblDateTimeNow{display:inline-block;float:right;width:100%;text-align:center}.FuelConsumptionDetailContainer .row .lblDispatch{display:inline-block;float:right;width:21.05%;background:#eaeaea;font-weight:700;text-align:center;border-right:solid 1px #dbd5d5}.FuelConsumptionDetailContainer .row .lblDispatch2{display:inline-block;float:right;width:20%;background:#eaeaea;font-weight:700;text-align:center;border-right:solid 1px #dbd5d5}.FuelConsumptionDetailContainer .fuel-description{padding-left:57%}.FuelConsumptionDetailContainer .fuel-description .amount,.FuelConsumptionDetailContainer .fuel-description .fuelTotal,.FuelConsumptionDetailContainer .fuel-description .lblAmount,.FuelConsumptionDetailContainer .fuel-description .lblFuelTotal{display:inline-block;text-align:right;font-size:13px;font-weight:700;color:var(--color-section)}.FuelConsumptionDetailContainer .fuel-description .lblFuelTotal{width:25%}.FuelConsumptionDetailContainer .fuel-description .fuelTotal{width:13%}.FuelConsumptionDetailContainer .fuel-description .lblAmount{width:23%}.FuelConsumptionDetailContainer .fuel-description .amount{width:13%}.FuelConsumptionDetailContainer .fuel-description .amount,.FuelConsumptionDetailContainer .fuel-description .fuelTotal{color:red}.FuelConsumptionDetailContainer .spaceCheckbox{margin:4px 10px 0;float:left}.FuelConsumptionDetailContainer .frameCheckbox{border:1px solid;text-align:left;display:inline-block}.FuelConsumptionDetailContainer .frameCheckbox label{margin-left:5px;margin-right:5px}.FuelConsumptionDetailContainer .orderSearch{margin-bottom:5px}.FuelConsumptionDetailContainer .orderSearch .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0;display:inline-block}.FuelConsumptionDetailContainer .lineText{margin-top:0;margin-bottom:10px;border-bottom:1px solid #BEBEBE;line-height:16px;text-align:left}.FuelConsumptionDetailContainer .lineText span{background:var(--color-background);position:relative;bottom:-8px;padding:0 15px 0 0;color:var(--color-section);font-size:16px;font-weight:700}.not-authorized-header{margin-top:200px;text-align:center;color:grey}.text-center{text-align:center}.readonly{background-color:#e5e5e5}.hightlight{background-color:var(--color-highlight)!important}.page-sidebar .page-sidebar-menu>li.active>a,.page-sidebar .page-sidebar-menu>li.open>a,.page-sidebar .page-sidebar-menu>li>a,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a{font-size:18px}.page-sidebar .page-sidebar-menu .sub-menu li>a,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li>a{font-size:16px}.page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu:last-child{width:570px!important}.page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li{float:left;width:180px}#toast-container>div{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100)}.dropdown-menu.datepicker,.form .row .gridStyle .ngViewport .ngCell .dropdown-menu.datepicker{width:210px!important}.GridCustomize .selected .readonly{background-color:#5f9ea0}.page-loading{position:absolute;top:0;left:0;width:110%;height:100%;text-align:center;background-color:#fff;opacity:1;z-index:1000;-webkit-transition:all linear .5s;transition:all linear .5s}.page-loading.ng-hide{opacity:0}.spinner{margin:15% auto;width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#45B6AF;border-radius:100%!important;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.list-button{min-width:67px;margin-right:0!important}.btn-status{width:100px;text-align:center}.backup-restore-database .backup{margin-bottom:10px}.backup-restore-database .backup .form-group .form-control{width:81%;display:inline-block;height:30px;margin-left:10px}.backup-restore-database .backup .form-group .btn{height:30px;font:13px;padding:1px 6px}.backup-restore-database .backup .form-group .span{padding-right:5px}.backup-restore-database .table button{height:30px;padding:1px 6px}.backup-restore-database .table .btn-reload:hover{border:1px solid #000}.backup-restore-database .mb-unset{margin-bottom:0}.page-footer{position:fixed;z-index:2}.page-footer .page-footer-inner{width:20%}.page-footer .page-footer-backup-warning{width:70%;display:inline}.page-footer .page-footer-backup-warning span{color:var(--color-surface)}.RouteContainer .col-md-5{width:36%}.RouteContainer .col-md-1{width:8%}.RouteContainer .col-md-6{width:56%}.RouteContainer .col-md-7{width:64%}.CustomerPricingContainer .customer-pricing-form{padding-left:0}.CustomerPricingContainer .customer-pricing-suggestion{border:2px solid #dcdcdc;padding:0}.CustomerPricingContainer .customer-pricing-suggestion .gridStyle{border:1px solid #d4d4d4;width:100%}.CustomerPricingContainer .customer-pricing-suggestion .gridStyle .ngViewport{overflow:auto;height:166px!important}.CustomerPricingContainer .customer-pricing-suggestion .gridStyle .ngCellText,.CustomerPricingContainer .customer-pricing-suggestion .gridStyle .ngSelectionCell{border-bottom:1px solid #cecece;height:30px}.CustomerPricingContainer .customer-pricing-suggestion .gridStyle .ngSelectionCell{margin:0}.CustomerPricingContainer .customer-pricing-suggestion .gridStyle .ngSelectionCell .ngSelectionCheckbox{margin-left:25%;width:50%}.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblContent,.DispatchContainer .row .gridStyle .ngHeaderContainer .colHeader8 .lblTransportDate,.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblContent,.DispatchContainer .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblTransportDate{display:none}.ShippingSituation .ime-mode-disabled{ime-mode:disabled}.ShippingSituation .bottom-left{z-index:100000!important}.ShippingSituation .ngHeaderCell{height:60px!important}.ShippingSituation .ngPinnedIcon,.ShippingSituation .ngUnPinnedIcon{display:none}.ShippingSituation .panel{margin-bottom:5px}.ShippingSituation .panel .panel-heading{padding-top:6px;padding-bottom:6px;background-color:var(--color-surface)}.ShippingSituation .panel .panel-heading i{cursor:pointer}.ShippingSituation .panel .panel-heading .panel-title{font-weight:700;color:#fff;font-size:18px}.ShippingSituation .panel .panel-heading .panel-title a:hover{color:#fff}.ShippingSituation .panel .panel-body{padding:0}.ShippingSituation .table>tbody>tr>td,.ShippingSituation .table>tbody>tr>th,.ShippingSituation .table>tfoot>tr>td,.ShippingSituation .table>tfoot>tr>th,.ShippingSituation .table>thead>tr>td,.ShippingSituation .table>thead>tr>th{font-size:13px;padding:2px;vertical-align:middle}.ShippingSituation .table>tbody>tr>th,.ShippingSituation .table>tfoot>tr>th,.ShippingSituation .table>thead>tr>th{height:45px}.ShippingSituation .table>tbody>tr>td,.ShippingSituation .table>tfoot>tr>td,.ShippingSituation .table>thead>tr>td{height:30px}.ShippingSituation .table .ng-table-filters{display:none}.ShippingSituation .customerDetails{margin-bottom:5px;background-color:var(--color-surface)}.ShippingSituation .page-title{margin-bottom:7px;font-size:18px;font-weight:700;color:var(--color-section);margin-right:5px;padding-top:20px}.ShippingSituation .page-footer{position:relative}.ShippingSituation .page-content-wrapper .page-content{padding-top:10px!important}.ShippingSituation .page-content-wrapper .table-scrollable{margin:0!important}.ShippingSituation .shippingSituation .portlet-body{background-color:var(--color-background)!important}.ShippingSituation .shippingSituation .portlet-body .form-actions{background-color:var(--color-background)!important;height:39px}.ShippingSituation .shippingSituation .rowSearchHeight{height:65px}.ShippingSituation .shippingSituation .rowSearchHeight .dropdown-menu{font-size:12px}.ShippingSituation .shippingSituation .rowSearchHeight .dropdown-menu>li>a{padding:3px 15px 3px 5px!important;border-bottom:1px solid #DDD}.ShippingSituation .shippingSituation .form-group{margin-bottom:4px}.ShippingSituation .portlet{margin-bottom:0}.ShippingSituation .portlet.box.blue{background:var(--color-background)!important;border:1px solid var(--color-panel-border);margin-top:-6px}.ShippingSituation .form .form-group .button{width:10%;height:30px}.ShippingSituation .form .form-group .distance-btn{margin-left:1.2%}.ShippingSituation .form .form-group .form-control{font-size:13px;height:25px}.ShippingSituation .form .form-group .dateFormat{display:inline-flex}.ShippingSituation .form .form-group .dateFormat span{width:50px;padding-top:4px;padding-bottom:4px;cursor:pointer}.ShippingSituation .form .form-group .dateFormat .date{display:inline-block}.ShippingSituation .form .form-group .dateSearch{height:25px}.ShippingSituation .form .form-group .control-label{margin-top:0;margin-bottom:0;font-size:13px;width:100%}.ShippingSituation .form .form-group .control-label sup{color:red;font-size:61%}.ShippingSituation .form .form-group .error{color:red;border-color:red}.ShippingSituation .lineInCell,.ShippingSituation .lineInCell2{text-align:center!important;border-bottom:solid 1px var(--color-surface);height:18px;margin-bottom:4px}.ShippingSituation .lineInCell{background:var(--color-surface)}.ShippingSituation .lineInCell.headerNoBorder{background-color:transparent;border-right:solid 1px var(--color-surface)}.ShippingSituation .lineInCell.headerBorder{background-color:transparent}.ShippingSituation .row{margin-left:0;margin-right:0}.ShippingSituation .row .ng-cloak,.ShippingSituation .row .ng-table-pager{display:none}.ShippingSituation .row .gridStyle{border:1px solid #d4d4d4;height:auto;overflow-y:auto}.ShippingSituation .row .gridStyle .ngHeaderText{padding:0!important}.ShippingSituation .row .gridStyle .rowText{margin-top:7px}.ShippingSituation .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn{height:60px;text-align:center}.ShippingSituation .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonDown,.ShippingSituation .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortButtonUp{top:8px;margin-left:85%}.ShippingSituation .row .gridStyle .ngHeaderContainer .ngHeaderSortColumn .ngSortPriority{display:none}.ShippingSituation .row .gridStyle .ngHeaderContainer .ngVerticalBar{height:60px}.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader1{padding-top:8px}.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader2{text-align:left;padding-left:5px}.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader2 .lblOrderDate,.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader2 .lblOrderNo{display:inline-block}.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader2 .lblOrderDate{width:100px}.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader8{text-align:left}.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader8 .lblContent,.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader8 .lblDriver,.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader8 .lblLocation1,.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader8 .lblLocation2,.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader8 .lblLocation3,.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader8 .lblNumber,.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader8 .lblTransportDate{display:inline-block;width:65px}.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader8 .padding-left{padding-left:5px}.ShippingSituation .row .gridStyle .ngViewport .ngCell{overflow:visible}.ShippingSituation .row .gridStyle .ngViewport .ngCell .dropdown-menu{overflow-y:auto;max-height:400px;min-width:auto;font-size:12px!important}.ShippingSituation .row .gridStyle .ngViewport .ngCell .dropdown-menu>li>a{padding:3px 15px 3px 5px!important;border-bottom:1px solid #DDD}.ShippingSituation .row .gridStyle .ngViewport .ngCell .alignCheckbox{margin-top:12px}.ShippingSituation .row .gridStyle .ngViewport .ngCell .colt2{text-align:left}.ShippingSituation .row .gridStyle .ngViewport .ngCell .colt2 .lblOrderDate,.ShippingSituation .row .gridStyle .ngViewport .ngCell .colt2 .lblOrderNo,.ShippingSituation .row .gridStyle .ngViewport .ngCell .colt2 .lblSignType1,.ShippingSituation .row .gridStyle .ngViewport .ngCell .colt2 .lblSignType2,.ShippingSituation .row .gridStyle .ngViewport .ngCell .colt2 .lblSignType3{display:inline-block}.ShippingSituation .row .gridStyle .ngViewport .ngCell .colt2 .lblOrderDate{width:85px}.ShippingSituation .row .gridStyle .ngViewport .ngCell .colt2 .lblSignType1{color:#00f}.ShippingSituation .row .gridStyle .ngViewport .ngCell .colt2 .lblSignType2{color:purple}.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltLocation .lblRed{color:red}.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1{text-align:left}.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblContent,.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblDriver,.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblLocation1,.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblLocation2,.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblLocation3,.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblNumber,.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblTransportDate{display:inline-block;width:65px}.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblBlue{color:#09C}.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblGreen{color:#92CD00}.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblDarkGreen{color:green}.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblMagenta{color:#f0f}.ShippingSituation .row .gridStyle .ngViewport .ngCell .colorGray,.ShippingSituation .row .gridStyle .ngViewport .ngCell .colorGreen,.ShippingSituation .row .gridStyle .ngViewport .ngCell .colorPink,.ShippingSituation .row .gridStyle .ngViewport .ngCell .colorWhite,.ShippingSituation .row .gridStyle .ngViewport .ngCell .colorYellow{border-bottom:solid 1px #eaeaea}.ShippingSituation .row .gridStyle .ngViewport .ngCell .colorGray{background:silver}.ShippingSituation .row .gridStyle .ngViewport .ngCell .colorWhite{background:#fff}.ShippingSituation .row .gridStyle .ngViewport .ngCell .colorYellow{background:#FFF0AA}.ShippingSituation .row .gridStyle .ngViewport .ngCell .colorGreen{background:#B0E57C}.ShippingSituation .row .gridStyle .ngViewport .ngCell .colorPink{background:#FFAEAE}.ShippingSituation .row .gridStyle .ngViewport .ngCell.colt2{z-index:2}.ShippingSituation .row .gridStyle .ngViewport .selected{z-index:100;background-color:#5f9ea0}.ShippingSituation .row .gridStyle .ngViewport .selected input,.ShippingSituation .row .gridStyle .ngViewport .selected select{background-color:#faebd7;color:#000;border-bottom:solid 1px #cecece}.ShippingSituation .row .gridStyle select{width:99.5%;height:30px;border:0;background-color:#fff}.ShippingSituation .row .gridStyle input{width:99.5%;height:25px;border:1px solid #eaeaea;font-size:12px}.ShippingSituation .row .lblDateTimeNow{display:inline-block;float:right;width:100%;text-align:center}.ShippingSituation .row .lblDispatch{display:inline-block;float:right;width:21.05%;background:#eaeaea;font-weight:700;text-align:center;border-right:solid 1px #dbd5d5}.ShippingSituation .row .lblDispatch2{display:inline-block;float:right;width:20%;background:#eaeaea;font-weight:700;text-align:center;border-right:solid 1px #dbd5d5}.ShippingSituation .totalContainer{color:var(--color-section);font-size:16px;font-weight:700;position:sticky}.ShippingSituation .totalAmount{color:red!important;bottom:0!important}.ShippingSituation .spaceCheckbox{margin:4px 10px 0;float:left}.ShippingSituation .frameCheckbox{border:1px solid;text-align:center;display:inline-block}.ShippingSituation .frameCheckbox label{margin-left:5px;margin-right:5px}.ShippingSituation .orderSearch{margin-bottom:5px}.ShippingSituation .orderSearch .form-control{font-size:13px;height:25px;padding-top:0;padding-bottom:0;display:inline-block}.ShippingSituation .lineText{margin-top:0;margin-bottom:10px;border-bottom:1px solid #BEBEBE;line-height:16px;text-align:left}.ShippingSituation .lineText span{background:var(--color-background);bottom:-8px;padding:0 15px;color:var(--color-section);font-size:16px;font-weight:700}.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader8 .lblContent,.ShippingSituation .row .gridStyle .ngHeaderContainer .colHeader8 .lblTransportDate,.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblContent,.ShippingSituation .row .gridStyle .ngViewport .ngCell .coltDispatch1 .lblTransportDate{display:none}.input-container{position:relative;margin-top:30px;width:100%;padding-bottom:5px}.input-field{width:100%;padding:3px 0 2px 5px;font-size:13px;border:none;height:30px;border-bottom:2px solid var(--color-field-border);outline:0;background:0 0;transition:border-color .3s ease}.before-days{width:100px!important;height:auto!important}.input-field::placeholder{color:transparent!important;transition:color .2s ease}.input-field:focus::placeholder{color:#FCC4D1!important}.input-field:focus{border-bottom-color:var(--color-surface)}.input-label{position:absolute;top:6px;left:4px;color:#757575;font-size:13px;pointer-events:none;transition:.2s ease all}.input-label sup{color:red}.input-label-before-days{position:absolute;top:0;left:4px;color:#757575;font-size:13px;pointer-events:none;transition:.2s ease all}.input-label-before-days sup{color:red}.code-container:focus-within+.input-label,.combined-container:focus-within+.input-label,.input-field:focus~.input-label,.input-field:focus~.input-label-before-days,.input-field:not(:placeholder-shown)+.input-label,.input-field:not(:placeholder-shown)+.input-label-before-days,.input-label-before-days.floating,.input-label.floating{top:-17px;font-size:13px;color:var(--color-surface)}.input-field.disabled,.input-field:disabled+.input-label{color:#bdbdbd}.input-field[disabled]{background-color:#eee;cursor:not-allowed}.date-input{width:100%;padding:8px 32px 8px 5px;height:30px!important;font-size:13px;border:none;border-bottom:2px solid var(--color-field-border);outline:0;background:0 0;transition:border-color .3s ease;color:#333}.date-input:focus{border-bottom-color:var(--color-surface)}.date-input::placeholder{color:transparent!important;transition:color .2s ease}.date-input:focus::placeholder{color:#FCC4D1!important}.input-label.disabled{color:#b0b0b0!important;cursor:not-allowed}.date-input:focus~.input-label,.date-only-container:focus-within~.input-label,.date-time-container:focus-within~.input-label,.input-label.floating{top:-17px;font-size:13px;color:var(--color-surface)}.icon-separator{position:absolute;right:0;top:0;height:28px;padding-top:6px;cursor:pointer;font-size:16px;color:#757575;transition:color .2s;border-radius:4px!important}.icon-separator:hover{color:var(--color-surface)}.date-group{margin-bottom:0!important}.date-time-container{display:flex}.date-container{width:50%}.date-time-icon{right:50%!important}.date-input:disabled+.input-label{color:#bdbdbd}.date-input[disabled]{background-color:#eee}.time-input{width:50%;font-size:13px;border:none;height:30px;padding-left:4px;border-bottom:2px solid var(--color-field-border);outline:0;background:0 0;transition:border-color .3s ease;color:#333}.time-input[disabled]{background-color:#eee;cursor:not-allowed}.time-input:focus{border-bottom-color:var(--color-surface)}.select-field{width:100%;display:initial;padding:3px 0 2px;font-size:13px;border:none;border-bottom:2px solid var(--color-field-border);height:30px;outline:0;background:0 0;transition:border-color .3s ease}.select-field::placeholder{color:transparent!important;transition:color .2s ease}.select-field:focus::placeholder{color:#FCC4D1!important}.select-field:focus{border-bottom-color:var(--color-surface)}.select-label{position:absolute;top:4px;left:0;color:#757575;font-size:13px;pointer-events:none;transition:.2s ease all}.select-label sup{color:red}.select-field:disabled{background-color:#eee;cursor:not-allowed}.select-field:disabled+.input-label{color:#bdbdbd}.select-field:focus~.select-label,.select-label.floating,div[class*=select2-container-active]~.select-label{top:-17px;font-size:13px;color:var(--color-surface)}.select-field:disabled+.select-label{color:#bdbdbd}.customer-container{display:flex;gap:5px}.customer-main-code{width:70%!important}.customer-code{width:20%!important}.customer-name{width:40%!important}.customer-name-label{left:50%!important}.company-code{width:70%!important}.company-sub-code{width:30%!important}.customer-container:focus-within+.customer-name-label,.customer-name-label.floating{top:-15px;left:0!important;font-size:13px;color:var(--color-surface)}.nav-tabs{display:flex;border-bottom:2px solid var(--color-field-border)}.tab-btn{position:relative;padding:10px 20px;font-size:16px;background:var(--color-surface);border:none;color:#fff;cursor:pointer;transition:color .3s ease;border-radius:4px}.tab-btn-sm{position:relative;background:var(--color-surface);border:none;color:#fff;cursor:pointer;transition:color .3s ease;border-radius:4px}.tab-btn-sm:hover,.tab-btn:hover{color:var(--color-surface)}.tab-btn-sm:disabled,.tab-btn:disabled{color:#333!important}.nav-tabs .active .tab-btn,.nav-tabs .active .tab-btn-sm{color:var(--color-surface);font-weight:700;background:0 0}.nav-tabs .active .tab-btn-sm::after,.nav-tabs .active .tab-btn::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--color-surface)}.tab-pane{padding:16px}.textarea-field{width:100%;padding:8px;font-size:13px;border:2px solid var(--color-field-border);border-radius:4px;outline:0;resize:vertical;transition:border-color .3s ease}.textarea-field:focus{border-color:var(--color-surface)}.from-date{padding-left:0}.to-date{padding-right:0}.btn-common{padding:0 10px;width:100px;height:29px;font-size:13px;border-radius:4px!important}.action-button-group{margin:20px 0 10px;display:flex;gap:10px}.align-with-field{margin-top:31px}.section{padding-top:20px}.stacked-column{height:auto!important}.checkbox-container{padding-top:10px;display:inline-flex;gap:10px}.invert-icon{color:var(--color-surface)}.title-buttons-group{display:flex;justify-content:space-between;align-items:center}.title-buttons-group h3{padding:0!important;margin:0!important}.right{float:right}.flex-between-center{display:flex;align-items:center;justify-content:space-between}.header-padding{padding-top:50px}.zero-padding-margin{padding:0;margin:0}.second-menu-color{background-color:var(--color-menu-second)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.preview-container{position:relative;margin:16px}.custom-close-btn{position:absolute;right:0;background-color:#dc143c;color:#fff;border:none;font-size:18px;cursor:pointer;border-radius:4px;z-index:1;height:29px;width:29px;top:2px}iframe{border:1px solid #ccc;margin-top:35px}.ngHeaderText,.wrap-text{white-space:normal!important;word-wrap:break-word}.ng-scope[ng-cell],.ngCell,.ngCellText{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;white-space:normal;word-wrap:break-word}.cell-flex{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:5px}.DispatchContainer .ngRow.even:not(.selected),.ShippingSituation .ngRow.even:not(.selected){background-color:#dbe8fa!important}.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th{background-color:#dbe8fa}@media (min-width:768px) and (max-width:992px){.PlanCalendar .mt-30{margin-top:30px}.PlanCalendar .calendarSearch .department,.PlanCalendar .calendarSearch .year{padding-left:0}.PlanCalendar .calendarSearch .month{padding-right:0}.PlanCalendar .from-date{padding-right:15px}.PlanCalendar .to-date{padding-left:15px}.PlanCalendar .col-sm-12,.PlanCalendar .col-sm-4{padding-left:0;padding-right:0}.PlanCalendar .today{margin-top:20px}.PlanCalendar .flex-end{justify-content:unset}.PlanCalendar .btn-default{margin-top:10px}.PlanCalendar .mt-30{margin-top:unset}.PlanCalendar .table-striped{margin-top:10px}.PlanCalendar .pl-0{padding-left:0}.PlanCalendar .pr-0{padding-right:0}.PlanCalendar .form-horizontal .form-group{margin-left:unset}}.file-type-select{height:30px;border-bottom:1px solid #cecece;border-top:none;border-left:none;border-right:none;width:99.5%}@media (min-width:992px) and (max-width:1200px){.PlanCalendar .export-flex-end,.PlanCalendar .maintenance{display:flex;justify-content:end}.PlanCalendar .maintenance .input-container{width:unset}.PlanCalendar .mt-30{margin-top:unset}.PlanCalendar .table-striped{margin-top:10px}.PlanCalendar .calendar-date,.PlanCalendar .pl-0{padding-left:0}.PlanCalendar .flex-end{padding-right:0}.PlanCalendar .calendarSearch .year{padding-left:15px;padding-right:0}.PlanCalendar .calendarSearch .month{padding-right:15px;padding-left:0}}@media (min-width:1200px) and (max-width:1400px){.PlanCalendar .calendarSearch .btn-today,.PlanCalendar .calendarSearch .department,.PlanCalendar .calendarSearch .month,.PlanCalendar .calendarSearch .year{width:50%}.PlanCalendar .calendarSearch .year{padding-left:15px}.PlanCalendar .calendarSearch .month{padding-right:15px;padding-left:0}}@media (min-width:1200px){.PlanCalendar .pl-unset{padding-left:0}}@media only screen and (max-width:991px){.from-date{padding-right:0}.to-date{padding-left:0}.header-padding{padding-top:0}}.EInvoice{position:relative;margin:16px}.EInvoice .wizard-progress{display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.EInvoice .wizard-progress::before{content:"";position:absolute;top:40%;left:10%;width:80%;height:4px;background:#ddd;transform:translateY(-50%);z-index:0}.EInvoice .wizard-step-label{flex:1;text-align:center;position:relative}.EInvoice .wizard-step-label h4{margin-top:10px;font-size:16px}.EInvoice .wizard-step-label span{display:inline-block;padding:8px 14px;border-radius:50%;background:#ddd;color:#555;font-weight:700}.EInvoice .wizard-step-label.active span{background:#007bff;color:#fff}.EInvoice .wizard-step-container{position:relative;min-height:200px}.EInvoice .wizard-step{transition:all .4s ease;padding:15px;border:1px solid #ddd;border-radius:6px;background:#fafafa;position:absolute;top:0;left:0;width:100%;display:block}.EInvoice .wizard-step.ng-hide{opacity:0;transform:translateX(30px)}.EInvoice .wizard-step.ng-hide-add,.EInvoice .wizard-step.ng-hide-remove{display:block!important}.EInvoice .invoice-button{margin-top:15px;margin-left:5px;margin-bottom:20px}.EInvoice th sup{color:red}.EInvoice td input{border-bottom-color:transparent}.EInvoice .step-title{font-size:18px;font-weight:700;color:var(--color-section)}.EInvoice .button-group-right{margin-bottom:30px;display:flex;justify-content:flex-end;gap:10px}