/* Minification failed. Returning unminified contents. (4667,21): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5425,34): run-time error CSS1039: Token not allowed after unary operator: '-orange' (5429,38): run-time error CSS1039: Token not allowed after unary operator: '-orange' (5528,36): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5621,36): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5744,78): run-time error CSS1030: Expected identifier, found ' ' (5744,124): run-time error CSS1030: Expected identifier, found ' ' (5764,37): run-time error CSS1030: Expected identifier, found ' ' (5764,85): run-time error CSS1030: Expected identifier, found ' ' (5781,49): run-time error CSS1030: Expected identifier, found ' ' (5802,101): run-time error CSS1030: Expected identifier, found ' ' (5822,51): run-time error CSS1030: Expected identifier, found ' ' (5831,58): run-time error CSS1030: Expected identifier, found ' ' (5831,60): run-time error CSS1030: Expected identifier, found ' ' (5831,118): run-time error CSS1030: Expected identifier, found ' ' (5831,120): run-time error CSS1030: Expected identifier, found ' ' (5854,22): run-time error CSS1030: Expected identifier, found ' ' (5854,24): run-time error CSS1030: Expected identifier, found ' ' (5858,22): run-time error CSS1030: Expected identifier, found ' ' (5873,21): run-time error CSS1030: Expected identifier, found ' ' (5905,35): run-time error CSS1030: Expected identifier, found ' ' (5905,37): run-time error CSS1030: Expected identifier, found ' ' (6050,33): run-time error CSS1030: Expected identifier, found ' ' (6050,35): run-time error CSS1030: Expected identifier, found ' ' (6133,17): run-time error CSS1030: Expected identifier, found ' ' (6133,34): run-time error CSS1030: Expected identifier, found ' ' (6133,36): run-time error CSS1030: Expected identifier, found ' ' (6138,17): run-time error CSS1030: Expected identifier, found ' ' (6138,34): run-time error CSS1030: Expected identifier, found ' ' (6138,36): run-time error CSS1030: Expected identifier, found ' ' (6166,15): run-time error CSS1030: Expected identifier, found ' ' (6197,17): run-time error CSS1030: Expected identifier, found ' ' (6197,19): run-time error CSS1030: Expected identifier, found ' ' (6201,17): run-time error CSS1030: Expected identifier, found ' ' (6201,19): run-time error CSS1030: Expected identifier, found ' ' (6205,25): run-time error CSS1030: Expected identifier, found ' ' (6205,27): run-time error CSS1030: Expected identifier, found ' ' (6218,26): run-time error CSS1030: Expected identifier, found ' ' (6218,28): run-time error CSS1030: Expected identifier, found ' ' (6332,46): run-time error CSS1030: Expected identifier, found ' ' (6336,46): run-time error CSS1030: Expected identifier, found ' ' (6360,19): run-time error CSS1030: Expected identifier, found ' ' (6360,21): run-time error CSS1030: Expected identifier, found ' ' (6360,64): run-time error CSS1030: Expected identifier, found ' ' (6360,66): run-time error CSS1030: Expected identifier, found ' ' (6360,104): run-time error CSS1030: Expected identifier, found ' ' (6360,106): run-time error CSS1030: Expected identifier, found ' ' (6360,143): run-time error CSS1030: Expected identifier, found ' ' (6360,145): run-time error CSS1030: Expected identifier, found ' ' (6365,19): run-time error CSS1030: Expected identifier, found ' ' (6365,21): run-time error CSS1030: Expected identifier, found ' ' (6365,70): run-time error CSS1030: Expected identifier, found ' ' (6365,72): run-time error CSS1030: Expected identifier, found ' ' (6365,116): run-time error CSS1030: Expected identifier, found ' ' (6365,118): run-time error CSS1030: Expected identifier, found ' ' (6365,161): run-time error CSS1030: Expected identifier, found ' ' (6365,163): run-time error CSS1030: Expected identifier, found ' ' (6369,19): run-time error CSS1030: Expected identifier, found ' ' (6369,21): run-time error CSS1030: Expected identifier, found ' ' (6369,70): run-time error CSS1030: Expected identifier, found ' ' (6369,72): run-time error CSS1030: Expected identifier, found ' ' (6369,116): run-time error CSS1030: Expected identifier, found ' ' (6369,118): run-time error CSS1030: Expected identifier, found ' ' (6369,161): run-time error CSS1030: Expected identifier, found ' ' (6369,163): run-time error CSS1030: Expected identifier, found ' ' (6407,48): run-time error CSS1030: Expected identifier, found ' ' (6473,18): run-time error CSS1030: Expected identifier, found ' ' (6488,20): run-time error CSS1030: Expected identifier, found ' ' (6503,21): run-time error CSS1030: Expected identifier, found ' ' (6508,13): run-time error CSS1030: Expected identifier, found ' ' (6553,51): run-time error CSS1030: Expected identifier, found ' ' (6568,117): run-time error CSS1030: Expected identifier, found ' ' (6575,47): run-time error CSS1030: Expected identifier, found ' ' (6575,48): run-time error CSS1031: Expected selector, found 'not(' (6575,48): run-time error CSS1025: Expected comma or open brace, found 'not(' (6587,54): run-time error CSS1030: Expected identifier, found ' ' (6587,56): run-time error CSS1030: Expected identifier, found ' ' (6587,118): run-time error CSS1030: Expected identifier, found ' ' (6587,120): run-time error CSS1030: Expected identifier, found ' ' (6587,181): run-time error CSS1030: Expected identifier, found ' ' (6587,183): run-time error CSS1030: Expected identifier, found ' ' (6587,245): run-time error CSS1030: Expected identifier, found ' ' (6587,247): run-time error CSS1030: Expected identifier, found ' ' (6637,41): run-time error CSS1030: Expected identifier, found ' ' (6657,55): run-time error CSS1030: Expected identifier, found ' ' (6657,114): run-time error CSS1030: Expected identifier, found ' ' (6661,55): run-time error CSS1030: Expected identifier, found ' ' (6661,57): run-time error CSS1030: Expected identifier, found ' ' (6673,62): run-time error CSS1030: Expected identifier, found ' ' (6673,64): run-time error CSS1030: Expected identifier, found ' ' (6673,119): run-time error CSS1030: Expected identifier, found ' ' (6673,126): run-time error CSS1030: Expected identifier, found ' ' (6673,128): run-time error CSS1030: Expected identifier, found ' ' (6720,53): run-time error CSS1030: Expected identifier, found ' ' (6720,55): run-time error CSS1030: Expected identifier, found ' ' (6750,32): run-time error CSS1030: Expected identifier, found ' ' (6750,68): run-time error CSS1030: Expected identifier, found ' ' (6750,110): run-time error CSS1030: Expected identifier, found ' ' (6750,150): run-time error CSS1030: Expected identifier, found ' ' (6798,58): run-time error CSS1030: Expected identifier, found ' ' (6802,58): run-time error CSS1030: Expected identifier, found ' ' (6810,63): run-time error CSS1030: Expected identifier, found ' ' (6824,59): run-time error CSS1030: Expected identifier, found ' ' (6824,103): run-time error CSS1030: Expected identifier, found ' ' (6824,173): run-time error CSS1030: Expected identifier, found ' ' (6824,215): run-time error CSS1030: Expected identifier, found ' ' (6824,283): run-time error CSS1030: Expected identifier, found ' ' (6824,323): run-time error CSS1030: Expected identifier, found ' ' (6824,396): run-time error CSS1030: Expected identifier, found ' ' (6824,441): run-time error CSS1030: Expected identifier, found ' ' (6824,517): run-time error CSS1030: Expected identifier, found ' ' (6824,565): run-time error CSS1030: Expected identifier, found ' ' (6910,13): run-time error CSS1030: Expected identifier, found ' ' (6923,63): run-time error CSS1030: Expected identifier, found ' ' (6923,125): run-time error CSS1030: Expected identifier, found ' ' (6927,63): run-time error CSS1030: Expected identifier, found ' ' (6927,124): run-time error CSS1030: Expected identifier, found ' ' (6971,31): run-time error CSS1030: Expected identifier, found ' ' (6971,33): run-time error CSS1030: Expected identifier, found ' ' (7000,52): run-time error CSS1030: Expected identifier, found ' ' (7000,117): run-time error CSS1030: Expected identifier, found ' ' (7004,52): run-time error CSS1030: Expected identifier, found ' ' (7027,43): run-time error CSS1030: Expected identifier, found ' ' (7046,97): run-time error CSS1030: Expected identifier, found ' ' (7052,49): run-time error CSS1030: Expected identifier, found ' ' (7067,52): run-time error CSS1030: Expected identifier, found ' ' (7067,54): run-time error CSS1030: Expected identifier, found ' ' (7067,114): run-time error CSS1030: Expected identifier, found ' ' (7067,116): run-time error CSS1030: Expected identifier, found ' ' (7117,25): run-time error CSS1030: Expected identifier, found ' ' (7144,34): run-time error CSS1030: Expected identifier, found ' ' (7180,34): run-time error CSS1030: Expected identifier, found ' ' (7180,35): run-time error CSS1031: Expected selector, found 'nth-child(' (7180,35): run-time error CSS1025: Expected comma or open brace, found 'nth-child(' (7188,51): run-time error CSS1030: Expected identifier, found ' ' (7188,53): run-time error CSS1030: Expected identifier, found ' ' (7188,112): run-time error CSS1030: Expected identifier, found ' ' (7188,114): run-time error CSS1030: Expected identifier, found ' ' (7228,65): run-time error CSS1030: Expected identifier, found ' ' (7228,121): run-time error CSS1030: Expected identifier, found ' ' (7228,191): run-time error CSS1030: Expected identifier, found ' ' (7228,246): run-time error CSS1030: Expected identifier, found ' ' (7239,39): run-time error CSS1030: Expected identifier, found ' ' (7292,16): run-time error CSS1030: Expected identifier, found ' ' (7308,34): run-time error CSS1030: Expected identifier, found ' ' (7308,84): run-time error CSS1030: Expected identifier, found ' ' (7359,27): run-time error CSS1030: Expected identifier, found ' ' (7374,20): run-time error CSS1030: Expected identifier, found ' ' (7374,43): run-time error CSS1030: Expected identifier, found ' ' (7380,20): run-time error CSS1030: Expected identifier, found ' ' (7395,48): run-time error CSS1030: Expected identifier, found ' ' (7472,38): run-time error CSS1030: Expected identifier, found ' ' (7472,82): run-time error CSS1030: Expected identifier, found ' ' (7481,38): run-time error CSS1030: Expected identifier, found ' ' (7481,39): run-time error CSS1031: Expected selector, found 'nth-child(' (7481,39): run-time error CSS1025: Expected comma or open brace, found 'nth-child(' (7490,31): run-time error CSS1030: Expected identifier, found ' ' (7490,75): run-time error CSS1030: Expected identifier, found ' ' (7490,76): run-time error CSS1031: Expected selector, found 'nth-child(' (7490,76): run-time error CSS1025: Expected comma or open brace, found 'nth-child(' (7514,33): run-time error CSS1030: Expected identifier, found ' ' (7514,35): run-time error CSS1030: Expected identifier, found ' ' (7535,29): run-time error CSS1030: Expected identifier, found ' ' (7535,31): run-time error CSS1030: Expected identifier, found ' ' (7543,29): run-time error CSS1030: Expected identifier, found ' ' (7543,31): run-time error CSS1030: Expected identifier, found ' ' (7559,31): run-time error CSS1030: Expected identifier, found ' ' (7626,59): run-time error CSS1030: Expected identifier, found ' ' (7626,61): run-time error CSS1030: Expected identifier, found ' ' (7626,123): run-time error CSS1030: Expected identifier, found ' ' (7626,125): run-time error CSS1030: Expected identifier, found ' ' (7779,55): run-time error CSS1030: Expected identifier, found ' ' (7779,109): run-time error CSS1030: Expected identifier, found ' ' (7779,177): run-time error CSS1030: Expected identifier, found ' ' (7779,230): run-time error CSS1030: Expected identifier, found ' ' (7826,109): run-time error CSS1030: Expected identifier, found ' ' (7833,64): run-time error CSS1030: Expected identifier, found ' ' (7833,139): run-time error CSS1030: Expected identifier, found ' ' (7873,38): run-time error CSS1030: Expected identifier, found ' ' (7873,40): run-time error CSS1030: Expected identifier, found ' ' (7887,25): run-time error CSS1030: Expected identifier, found ' ' (7967,79): run-time error CSS1030: Expected identifier, found ' ' (7978,42): run-time error CSS1030: Expected identifier, found ' ' (7978,43): run-time error CSS1031: Expected selector, found 'nth-child(' (7978,43): run-time error CSS1025: Expected comma or open brace, found 'nth-child(' (7991,35): run-time error CSS1030: Expected identifier, found ' ' (8021,24): run-time error CSS1030: Expected identifier, found ' ' (8049,51): run-time error CSS1030: Expected identifier, found ' ' (8057,53): run-time error CSS1030: Expected identifier, found ' ' (8135,18): run-time error CSS1030: Expected identifier, found ' ' (8135,20): run-time error CSS1030: Expected identifier, found ' ' (8141,18): run-time error CSS1030: Expected identifier, found ' ' (8141,20): run-time error CSS1030: Expected identifier, found ' ' (8246,56): run-time error CSS1030: Expected identifier, found ' ' (8274,24): run-time error CSS1030: Expected identifier, found ' ' (8394,36): run-time error CSS1030: Expected identifier, found ' ' (8394,72): run-time error CSS1030: Expected identifier, found ' ' (8394,114): run-time error CSS1030: Expected identifier, found ' ' (8394,154): run-time error CSS1030: Expected identifier, found ' ' (8431,56): run-time error CSS1030: Expected identifier, found ' ' (8459,24): run-time error CSS1030: Expected identifier, found ' ' (8459,47): run-time error CSS1030: Expected identifier, found ' ' (8492,83): run-time error CSS1030: Expected identifier, found ' ' (8652,63): run-time error CSS1030: Expected identifier, found ' ' (8652,107): run-time error CSS1030: Expected identifier, found ' ' (8652,177): run-time error CSS1030: Expected identifier, found ' ' (8652,219): run-time error CSS1030: Expected identifier, found ' ' (8652,287): run-time error CSS1030: Expected identifier, found ' ' (8652,327): run-time error CSS1030: Expected identifier, found ' ' (8652,400): run-time error CSS1030: Expected identifier, found ' ' (8652,445): run-time error CSS1030: Expected identifier, found ' ' (8804,42): run-time error CSS1030: Expected identifier, found ' ' (8804,43): run-time error CSS1031: Expected selector, found 'nth-child(' (8804,43): run-time error CSS1025: Expected comma or open brace, found 'nth-child(' (8843,33): run-time error CSS1030: Expected identifier, found ' ' (8843,35): run-time error CSS1030: Expected identifier, found ' ' (8847,42): run-time error CSS1030: Expected identifier, found ' ' (8875,16): run-time error CSS1030: Expected identifier, found ' ' (8875,18): run-time error CSS1030: Expected identifier, found ' ' (8880,16): run-time error CSS1030: Expected identifier, found ' ' (8880,18): run-time error CSS1030: Expected identifier, found ' ' (8884,16): run-time error CSS1030: Expected identifier, found ' ' (8884,18): run-time error CSS1030: Expected identifier, found ' ' (8902,32): run-time error CSS1039: Token not allowed after unary operator: '-light' (8907,63): run-time error CSS1030: Expected identifier, found ' ' (8914,40): run-time error CSS1039: Token not allowed after unary operator: '-light' (8936,53): run-time error CSS1030: Expected identifier, found ' ' (8936,54): run-time error CSS1031: Expected selector, found 'has(' (8936,54): run-time error CSS1025: Expected comma or open brace, found 'has(' (8989,32): run-time error CSS1030: Expected identifier, found ' ' (8989,75): run-time error CSS1030: Expected identifier, found ' ' (9031,32): run-time error CSS1039: Token not allowed after unary operator: '-success' (9048,28): run-time error CSS1039: Token not allowed after unary operator: '-success' (9085,29): run-time error CSS1039: Token not allowed after unary operator: '-light' (9104,25): run-time error CSS1030: Expected identifier, found ' ' (9204,15): run-time error CSS1030: Expected identifier, found ' ' */ .navbar-bg { background-color: #F2F4F4; } .header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu { top: 35px !important; } .veh-det-lbl { display: block; font-weight: bold; } .label-accountdt-custom { display: block; color: #5A8DEE !important; } .global-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 10000; } .menu-link { padding: 6px 1.5rem 6px 12px !important; } .main-menu.menu-light .navigation > li.nav-item:not(.has-sub) a { padding-top: 7px !important; padding-bottom: 7px !important; } .tab-content .form-group { } #accountdetail-tabs .nav-link { padding: .567rem 0.50rem !important; } #accountdetail-tabs .nav-item { margin-right: 0.3rem; } .table-compact th, .table-compact td { padding: 2px 2px; } .collapse-title-custom { font-size: 15px !important; text-transform: uppercase; } .card-body-np { padding: 1px !important; } .idms-status { color: green; } .rdn-status { color: #5A8DEE; } .account-details .card-header, .fs-casedetails .card-header { padding: 0.5rem 0.5em !important; } .fs-casedetails .card-header { background-color: #f2f4f4; color: black; } .fs-casedetails .card-body { padding: 0.2rem !important; } .modal-xxl { width: 85% !important; margin: auto; top: 10px; left: 0; max-width: none !important; } .modal-75 { width: 75% !important; margin: auto; top: 10px; left: 0; max-width: none !important; } .fullscreen { width: 90% !important; margin: auto; top: 10px; left: 0; max-width: none !important; } .modal-content-wrapper { } .table-v-compact th, .table-v-compact td { padding: 0.15rem 0.2rem !important; } .table-width-auto { width: auto !important; } .gmap { min-height: 500px; max-height: 500px; } .simple-tbl { width: 100%; } .simple-tbl td, simple-tbl th { border: 1px solid #ddd; padding: 0px; } .simple-tbl tr:nth-child(even) { background-color: #ddd; } .simple-tbl tr:hover { background-color: #ddd; } .simple-tbl th { padding-top: 10px; padding-bottom: 10px; text-align: left; background-color: #04AA6D; color: white; } .td-address, .td-date { font-size: smaller; } .tbl-small-font { font-size: small; } .idms-pend-flash { width: 100px; height: 100px; background-color: red; animation-name: flash; animation-duration: 4s; animation-iteration-count: infinite; } @keyframes flash { from { background-color: red; } to { background-color: white; } } .left-right-pad-5px { padding-right: 5px !important; padding-left: 5px !important; } .left-pad-15px { padding-right: 15px !important; } .left-pad-20px { padding-right: 20px !important; } .left-right-pad-10px { padding-right: 0 !important; padding-left: 0 !important; padding: 0; background-color: transparent; } .top-bottom-pad-min { padding-top: 5px !important; padding-bottom: 5px !important; } .shake-left-right { animation: shake-leftright 1s; animation-iteration-count: infinite; } @keyframes shake-leftright { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } .fadeinout { background-color: #FF5B5C !important; animation: fadeinout-ani 1s; animation-iteration-count: infinite; } @keyframes fadeinout-ani { 0% { background-color: #FF5B5C !important; } 10% { background-color: white !important; } 20% { background-color: #FF5B5C !important; } 30% { background-color: white !important; } 40% { background-color: #FF5B5C !important; } 50% { background-color: white !important; } 60% { background-color: #FF5B5C !important; } 70% { background-color: white !important; } 80% { background-color: #FF5B5C !important; } 90% { background-color: white !important; } 100% { background-color: #FF5B5C !important; } } @keyframes col { 0% { background-color: red } 50% { background-color: green } 100% { background-color: blue } } .demo { animation: col 5s infinite } .img-w-32 { width: 32px; } .text-red-flash { background-color: red; animation-name: text-red-anim; animation-duration: 2s; animation-iteration-count: infinite; } @keyframes text-red-anim { from { background-color: red; } to { background-color: darkred; } } .bxs-xlarge { font-size: x-large; } .bxs-xxlarge { font-size: xx-large; } .lbl-no-uppercase { text-transform: none !important; } .r-ActualPD, .r-FirstPayment, .r-Days30, .r-Probation { color: #5A8DEE; } .r-CurDueAmt { color: #6610F2; } .r-TotalCollected, .r-PrimaryTotalCollected { color: #394C62; } .r-TotalBalance { color: #E83E8C; } .r-NoOfPmtsMade, .r-DeferredDefault { color: #FF5B5C; } .r-PDDeferDown, .r-PDDeferDownAmt { color: #FD7E14; } .r-LastPromise, .r-LastPromiseStatus { color: #FDAC41; } .r-AccountRecordFlag, .r-Accountflags { color: #39DA8A; } .r-InsuranceStatus, .r-InsPolicyStatus { color: #39DA8A; } .r-vehicle { color: chocolate; } .r-GPSTracking { color: crimson; } .filterInfo { padding: 0 0 20px 0; } .searchBar input { order: 2; border: none; background-color: transparent; font-weight: 300; font-size: 14px; font-family: Rubik, Helvetica, Arial, serif; color: #8494A7; } .searchBar input::placeholder { font-size: 10px; } .searchBar input:focus { background-color: transparent; box-shadow: none; } .searchBar .input-group { border: 1px solid #D8D6DE; border-radius: 5px; } .searchBar .btn { padding: 7px; font-size: 14px; } .searchBar .btn:hover { } .searchBar ul { margin: 0 !important; border: none; } .workgrpBtns .btn { padding: 9px 10px; font-weight: 500; font-size: 11px; color: #fff; font-family: Rubik, Helvetica, Arial, serif; margin: 0 8px 0 0; line-height: 16px; } .workgrpBtns #btnReset { padding: 7px 10px; } .workgrpBtns #btnReset i { font-size: 18px; color: #fff; } .workgrpBtns .btn span { margin-right: 4px; } .workgrpBtns .btn.dropdown-toggle::after { display: none; } .filterOptions { width: 99%; margin: 0; } .filterOptions label { color: #475F7B; margin-bottom: 6px; font-weight: 400; font-size: 12px; line-height: 14px; font-family: Rubik, Helvetica, Arial, serif; text-transform: capitalize; width: 100%; } .filterOptions .multiselect-dropdow, .filterOptions select { background-color: #fff; font-weight: 400; font-size: 12px; font-family: Rubik, Helvetica, Arial, serif; color: #B9B9C3; border-radius: 5px; text-align: left; padding: 8px 15px; line-height: normal; } .filterOptions .form-group { width: 100%; } .filterOptions .form-group, .spacingRight { margin: 0 0 15px 0; } .filtersideBtns .btn { color: #FFFFFF; font-weight: 500; font-size: 14px; font-family: Rubik, Helvetica, Arial, serif; padding: 8px 24px; } .filterTagbtn .menu-button { position: relative; border: none; background-color: rgba(90, 141, 238, 0.1); border-radius: 4px; font-weight: 400; font-size: 10px; font-family: Rubik, Helvetica, Arial, serif; color: #5A8DEE; padding: 8px 30px 8px 8px; margin: 0 10px 5px 0; } .filterTagbtn .menu-button.clearFilter { background-color: rgba(235, 87, 87, 0.2); color: #EB5757; padding: 8px; font-weight: 500; font-size: 11px; } .filterTagbtn .menu-button span { color: #8494A7; font-size: 14px; position: absolute; top: 9px; right: 5px; } .overlayBar { height: 100vh; z-index: 9999; position: fixed; top: 0; left: 0; width: 100vw; background-color: #0000007d; } .filterOptions .show > .dropdown-menu { z-index: 9999; margin: 0; padding: 14px 8px; border-radius: 6px; border: none; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); max-height: 276px !important; width: 220px; } .filterOptions .multiselect-container .input-group { margin: 0; } .filterOptions .multiselect-container > li { width: 100% !important; } .filterOptions .multiselect-container > li input { border: 1px solid #EBE9F1; border-radius: 4px !important; color: #6E6B7B; font-weight: 400; font-size: 14px; margin: 0 0 10px 0; background-color: transparent; } .filterOptions .form-group.RDNOrderDateRange { } .filterOptions .multiselect-container > li > a > label > input[type="checkbox"] { margin: 0 6px 0 0; } .filterOptions .multiselect-container > li a label { font-weight: 400; font-size: 14px; line-height: 21px; color: #6E6B7B; display: block; text-transform: capitalize; padding: 4px 20px; } .filterOptions .dropdown-toggle::after { border: solid #6E6B7B; border-width: 0 1px 1px 0; padding: 3px; transform: rotate(45deg); margin: 0 5px 0 0; position: absolute; top: 10px; right: 10px; } #mAccountTags .modal-content { border-radius: 6px; padding: 20px; } #mAccountTags .modal-dialog { min-width: 368px; } #mAccountTags .modal-header { padding: 0; border: none; } #mAccountTags .modal-title { font-weight: 500; font-size: 18px; color: #475F7B; display: flex; align-items: center; } #mAccountTags .modal-title span { background-color: #27AE60; color: #fff; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; margin-right: 7px; border-radius: 50%; } #mAccountTags .modal-title span i { font-size: 20px; } #mAccountTags .modal-body { padding: 0; margin: 20px 0 0 7px; } #mAccountTags .checkbox label { margin-left: 30px; color: #6E6B7B; font-weight: 400; font-size: 14px; font-family: Rubik, Helvetica, Arial, serif; line-height: 21px; } .checkbox input:checked ~ label::before { background-color: #5A8DEE; border: none; } .checkbox input:checked ~ label::after { border-color: #fff; } #mAccountTags .modal-footer { padding: 0; justify-content: start; border: none; margin: 8px 0 0 0; } #mAccountTags .btn { color: #fff; border-radius: 5px; font-weight: 400; font-size: 14px; font-family: Rubik, Helvetica, Arial, serif; margin: 0; padding: 8px 24px; } .btnClose { color: #F2994A !important; background-color: #fff; border: 1px solid #f2994a !important; margin: 0 0 0 15px !important; } .btnClose:hover { opacity: 0.8; color: #fff !important; background-color: #F2994A !important; } .modal .modal-content .modal-header .close { background-color: #6E6B7B; color: #fff; display: flex; justify-content: center; align-items: center; opacity: 0.7; } .jsgrid-header-row > .jsgrid-header-cell { } .checkbox label::before { background-color: transparent; } .checkbox label::after { border: 1.5px solid #D8D6DE; } .jsgrid-header-sort-asc::before { border: solid #6E6B7B; border-width: 0 1px 1px 0 !important; padding: 3px; transform: rotate(-135deg); border-color: initial !important; float: right !important; margin: 0 5px 5px 0; position: absolute; top: 50%; right: 0; } .jsgrid-header-sort-desc::before { border: solid #6E6B7B !important; border-width: 0 1px 1px 0 !important; padding: 3px; transform: rotate(45deg); float: right !important; content: " "; display: block; margin: 0 5px 0; position: absolute; top: 50%; right: 0; } .ftrSidebar { background-color: #F8F8F8; padding: 13px 20px; } .barclsIcon { font-size: 20px; font-weight: 400; color: #6E6B7B; line-height: 12px; font-family: Rubik, Helvetica, Arial, serif; cursor: pointer; } .ftrSidebar h2 { font-weight: 500; font-size: 15px; font-family: Rubik, Helvetica, Arial, serif; color: #5E5873; margin: 0; } .menu-button { border: 1px solid #000; color: #000; display: inline-block; cursor: pointer; } .jsgrid { max-height: calc(100% - 100px); } .jsgrid-row, .jsgrid-alt-row { border-bottom: 2px solid #E9ECEF; } .jsgrid-cell { padding: 12px !important; font-weight: 400; font-size: 14px; font-family: 'Rubik'; border: none !important; } .jsgrid-header-row > .jsgrid-header-cell { border: none !important; } .jsgrid-cell a { font-weight: 500; font-size: 12px; } .jsgrid-header-row > .jsgrid-header-cell:first-child, .jsgrid-row > .jsgrid-cell:first-child { } .jsgrid-header-row > .jsgrid-header-cell:last-child, .jsgrid-row > .jsgrid-cell:last-child { } .jsgrid-header-row > .jsgrid-header-cell:nth-child(5), .jsgrid-row > .jsgrid-cell:nth-child(5), .jsgrid-header-row > .jsgrid-header-cell:nth-child(6), .jsgrid-row > .jsgrid-cell:nth-child(6), .jsgrid-header-row > .jsgrid-header-cell:nth-child(9), .jsgrid-row > .jsgrid-cell:nth-child(9) { } .jsgrid-header-row > .jsgrid-header-cell:nth-child(7), .jsgrid-row > .jsgrid-cell:nth-child(7) { } .jsgrid-header-row > .jsgrid-header-cell:nth-child(13), .jsgrid-row > .jsgrid-cell:nth-child(13) { } .jsgrid-cell span.bg-warning { background: rgba(255, 159, 67, 0.2) !important; color: #FF9F43 !important; font-weight: 600; font-size: 12px; } .jsgrid-cell span.badge { font-weight: 600; font-size: 12px; text-transform: capitalize; } .jsgrid-grid-header { overflow-y: hidden !important; } .account-details .card-body, .account-details .card { background-color: transparent; padding: 0; box-shadow: none; } .accDetails { background-color: #fff; border-radius: 6px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); padding: 20px 22px; } .workgrpBtns .show > .dropdown-menu { min-width: 300px; border-radius: 6px; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); border: none; padding: 0; } .workgrpBtns .dropdown-menu .dropTitle { color: #5A8DEE; font-weight: 400; font-size: 12px; font-family: 'Rubik'; padding: 10px 20px; border-top: 1px solid #EBE9F1; margin: 0; } .accBtnTab { margin: 20px 0 0 0; } .accIdmstab #accountdetail-tabs { margin: 0 !important; border: none; } .accIdmstab #accountdetail-tabs .nav-item { margin: 0 8px 5px 0; padding: 0; } .accIdmstab #accountdetail-tabs .nav-link { background-color: #fff; font-weight: 500; font-size: 14px; font-family: 'Rubik'; color: #8494A7; padding: 8px !important; border: 1px solid #8494A7; border-radius: 6px; } .accIdmstab #accountdetail-tabs .nav-item .nav-link.active, .accIdmstab #accountdetail-tabs .nav-item .nav-link:hover { background-color: #E6EFFF; color: #475F7B; border-color: #5A8DEE; box-shadow: none; } .accIdmstab .nav.nav-tabs .nav-item .nav-link:not(:active):hover span { color: #475F7B; } .accIdmstab #accountdetail-tabs .nav-item .nav-link.active i { color: #5A8DEE; } .accIdmstab #accountdetail-tabs .nav-link i { margin: 0 0 0 5px; } .accIdmstab .nav.nav-tabs .nav-item .nav-link.active::before, .accIdmstab .nav.nav-tabs .nav-item .nav-link.active::after, .accountTab .nav.nav-tabs .nav-item .nav-link.active::before, .accountTab .nav.nav-tabs .nav-item .nav-link.active::after { display: none; } .accBtnInfo { margin: 0 0 0 10px; display: flex; justify-content: start; align-items: center; } .accBtnInfo #btn-refresh-section { height: 37px; width: 37px; background-color: #27AE60; display: flex; align-items: center; justify-content: center; } .accBtnInfo .btn { border-radius: 5px !important; } .accBtnInfo #btn-refresh-section i { position: static; font-size: 22px; line-height: 20px; } .accBtnInfo .btn-group { display: inline-block; font-size: 0; } .accountTab ul { background-color: #fff; border: none; padding: 15px 22px 0 22px; border-radius: 6px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); margin-bottom: 15px !important; } .accountTab .nav.nav-tabs .nav-item { margin: 0 30px 0 0; padding: 0; position: relative; } .accountTab .nav.nav-tabs .nav-item:last-child { margin: 0; } .accountTab .nav.nav-tabs .nav-item .nav-link { font-weight: 400; font-size: 14px; font-family: 'Rubik'; color: #8494A7; background-color: transparent; padding: 6px; position: relative; } .accountTab .nav.nav-tabs .nav-item .nav-link.active { box-shadow: none; color: #F2994A; font-weight: 500; } .accountTab .nav.nav-tabs .nav-item .nav-link:hover span, .accountTab .nav.nav-tabs .nav-item .nav-link:hover { color: #F2994A; } .accountTab .nav.nav-tabs .nav-item .nav-link::before { content: ''; width: 100%; height: 2px; border-radius: 10px; background-color: #F49E2B; position: absolute; bottom: 0; border: none; display: none; } .accountTab .nav.nav-tabs .nav-item .nav-link.active::before, .accountTab .nav.nav-tabs .nav-item .nav-link:hover::before { display: block; } .accountTab .collapsible { margin: 0 0 15px 0; padding-left: 0; } .accountTab .tab-content { padding: 0 !important; } .accountTab #pnl-idms-info, .accountTab #pnl-collateral, .accountTab #pnl-reposcore { padding: 0 0 0 15px; } .accountTab .collapse-header { background-color: #fff; border-radius: 6px !important; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06) !important; padding: 20px; height: 100%; margin: 0; } .accountTab .collapsible .card .card-header { border: none; padding: 0 !important; } .accountTab .collapse-title-custom { font-size: 16px !important; text-transform: capitalize; font-weight: 500; color: #5A8DEE; display: flex; align-items: center; } .accountTab .collapse-title-custom i { display: flex; order: 2; margin: 0 0 0 10px !important; color: #475F7B; } .accountTab .collapse-icon [data-toggle="collapse"]::before { top: 0; right: 0; color: #5A8DEE; } .accountTab .collapse { margin: 15px 0 0 0; } .accountTab .table { margin: 0; } .accountTab .table-compact .td-header { text-align: left; color: #8494A7; } .accountTab .table-compact td, .accountTab label { font-weight: 400; font-size: 14px; color: #475F7B; line-height: 21px; margin: 0; border: none; text-transform: inherit; text-align: right; } .accountTab .dataTables_wrapper { background-color: #fff; padding: 20px 22px; border-radius: 6px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); } #tbl-repossession_wrapper .row:first-child, #pnl-transaction .row:first-child, #tbl-insurance_wrapper .row:first-child, #tbl-promise_wrapper .row:first-child { flex-direction: row-reverse; margin: 0 0 15px 0; } #tbl-repossession_length, #tbl-transaction_length, #tbl-insurance_length, #tbl-promise_length { text-align: right; margin: 0; } #tbl-repossession_filter, #tbl-transaction_filter, #tbl-insurance_filter, #tbl-promise_filter { text-align: left; margin: 0; } .accountTab div.dataTables_wrapper label { font-size: 14px; color: #6E6B7B; font-family: 'Rubik'; font-weight: 400; } .accountTab div.dataTables_wrapper div.dataTables_length select { padding: 10px; height: auto; width: 80px; margin: 0 5px; background-position: calc(100% - 4px) 12px, calc(100% - 20px) 13px, 100% 0 !important; } .accountTab .jsgrid-header-row > .jsgrid-header-cell { font-weight: 500; font-size: 11px; color: #475F7B; text-align: left; padding: 10px 15px 10px 10px; text-transform: capitalize; } .accountTab .jsgrid-header-row > .jsgrid-header-cell:first-child { border-radius: 6px 0 0 0; } .accountTab .jsgrid-header-row > .jsgrid-header-cell:last-child { border-radius: 0 6px 0 0; } #tbl-transaction .jsgrid-header-row > .jsgrid-header-cell, #tbl-transaction .jsgrid-cell, #tbl-transaction td { width: 90px !important; text-align: left; } #tbl-transaction .jsgrid-header-row > .jsgrid-header-cell:first-child, #tbl-transaction .jsgrid-cell:first-child { width: 90px !important; } #tbl-transaction .jsgrid-header-row > .jsgrid-header-cell:nth-child(2), #tbl-transaction .jsgrid-cell:nth-child(2) { width: 165px !important; } #tbl-transaction .jsgrid-header-row > .jsgrid-header-cell:nth-child(6), #tbl-transaction .jsgrid-cell:nth-child(6) { width: 160px !important; } .jsgrid-grid-body { border: none !important; max-height: 530px; padding: 0; } .removeSpace { margin-left: -22px; } #tbl-transaction .jsgrid-header-row > .jsgrid-header-cell:first-child, #tbl-transaction .jsgrid-cell:first-child, #tbl-insurance .jsgrid-header-row > .jsgrid-header-cell:first-child, #tbl-insurance .jsgrid-cell:first-child, #tbl-promise .jsgrid-header-row > .jsgrid-header-cell:first-child, #tbl-promise .jsgrid-cell:first-child, #tbl-repossession .jsgrid-header-row > .jsgrid-header-cell:first-child, #tbl-repossession .jsgrid-cell:first-child, #tbl-redemptionscore .jsgrid-header-row > .jsgrid-header-cell:first-child, #tbl-redemptionscore .jsgrid-cell:first-child { padding-left: 20px !important; } #tbl-transaction_wrapper .table thead, #tbl-repossession_wrapper .table thead, #tbl-insurance_wrapper .table thead, #tbl-promise_wrapper .table thead { position: sticky; top: 0; } #tbl-transaction tr, #tbl-repossession tr, #tbl-insurance tr, #tbl-promise_wrapper tr { border-bottom: 2px solid #E9ECEF; } .pagination .page-item.previous, .pagination .page-item.next, .pricePagination .pagination .prev, .pricePagination .pagination .next { font-size: 0; text-align: center; position: relative; } .pagination .page-item.previous .page-link:before, .pagination .page-item.next .page-link::before, .pricePagination .pagination .prev a:before, .pricePagination .pagination .next a:before { content: "\ec8c"; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); font-family: boxicons; font-size: 16px; color: #5A8DEE; z-index: 9; } .pagination .page-item.previous:hover .page-link, .pagination .page-item.next:hover .page-link, .pricePagination .pagination .prev:hover a, .pricePagination .pagination .next:hover a { color: #fff !important; background-color: #5A8DEE !important; } .pagination .page-item.previous:hover .page-link:before, .pagination .page-item.next:hover .page-link:before, .pricePagination .pagination .prev:hover a:before, .pricePagination .pagination .next:hover a:before { color: #fff; } .pagination .page-item.next .page-link::before, .pricePagination .pagination .next a:before { content: "\ec8f"; } .pagination .page-item.previous .page-link, .pagination .page-item.next .page-link, .pricePagination .pagination .prev a, .pricePagination .pagination .next a { background-color: #F3F2F7; border: none; padding: 15px; } .pagination .page-item .page-link, .pricePagination .pagination > li > a { border: none !important; background-color: #F3F2F7 !important; padding: 7px 12px; font-family: 'Rubik'; color: #8494A7; line-height: normal; } .pagination .page-item.active .page-link:hover, .pricePagination .pagination .page-item .page-link:hover { background-color: #275696 !important; color: #fff; } .pricePagination .pagination li, .pricePagination .pagination > .disabled { background-color: transparent !important; } .pricePagination .pagination li.active a, .pricePagination .pagination li a:hover { background-color: #5A8DEE !important; color: #fff !important; border-radius: 5px; } .pricePagination li.first, .pricePagination li.prev { margin: 0 5px 0 0; } .pricePagination li.next, .pricePagination li.last { margin: 0 0 0 5px; } .pricePagination li.last a, .pricePagination li.first a { border-radius: 5px; } .pricePagination { background-color: #fff; padding: 15px; border-radius: 0 0 6px 6px; margin: 0; } .pricePagination .pagination { margin: 0; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 30px 0 10px 0 !important; padding: 0; background-color: transparent; width: auto; box-shadow: none; } .accountTab .dataTables_wrapper .row:last-child { justify-content: center; align-items: center; } div.dataTables_wrapper div.dataTables_info { padding-top: 20px; font-weight: 400; font-size: 14px; font-family: 'Rubik'; color: #B9B9C3; } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { color: #6E6B7B; font-weight: 400; font-size: 16px; font-family: 'Rubik'; } #tbl-repossession .jsgrid-header-row > .jsgrid-header-cell, #tbl-repossession .jsgrid-cell { width: 100px !important; } #tbl-insurance .jsgrid-header-row > .jsgrid-header-cell, #tbl-insurance .jsgrid-cell { width: 100px !important; } #tbl-insurance .jsgrid-header-row > .jsgrid-header-cell:nth-child(3), #tbl-insurance .jsgrid-cell:nth-child(3) { width: 160px !important; } #pnl-promise .promiseTxt td { color: #8494A7; font-weight: 400; font-size: 14px; font-family: 'Rubik'; padding: 0 0 10px 0; } #pnl-promise .promiseTxt td span { font-weight: 500; } .modal-content { } #mOrderTo .modal-dialog { min-width: 370px; } #mOrderTo td { padding: 0; } #mOrderTo label { font-weight: 400; font-size: 12px; font-family: 'Rubik'; color: #5E5873; text-transform: capitalize; } #mOrderTo #Search-OrderType { background-color: #FFFFFF; background-position: calc(100% - 10px) 11px, calc(100% - 20px) 13px, 100% 0; border: 1px solid #D8D6DE; border-radius: 5px; font-weight: 300; font-size: 14px; color: #8494A7; width: 250px; margin: 0 0 0 10px; } #mOrderTo .btnClose, #mIdmsAddNote .btnClose { margin: 0 15px 0 0 !important; } #mIdmsAddNote textarea { background: rgba(216, 216, 216, 0.15); border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 15px; height: 172px; padding: 15px 20px; } #mIdmsAddNote .modal-body { padding: 20px 0; } .modal .btn { border-radius: 5px; font-weight: 400; font-size: 14px; font-family: Rubik, Helvetica, Arial, serif; padding: 8px 24px; border: 1px solid transparent; } .modal .table { margin: 0; } .modal .btn:hover { opacity: 0.9; } .modal .btn-sm { border-radius: 5px; font-weight: 400; font-size: 12px !important; font-family: Rubik, Helvetica, Arial, serif; padding: 5px 12px !important; } .modal .btn-sm:hover { opacity: 0.9; } #pnl-redemptionscore .jsgrid-header-row > .jsgrid-header-cell, #pnl-redemptionscore .jsgrid-row > .jsgrid-cell { width: 150px !important; } #pnl-redemptionscore .jsgrid-header-row > .jsgrid-header-cell:first-child, #pnl-redemptionscore .jsgrid-row > .jsgrid-cell:first-child { width: 220px !important; text-align: left; } #pnl-redemptionscore .jsgrid-header-row > .jsgrid-header-cell:last-child, #pnl-redemptionscore .jsgrid-row > .jsgrid-cell:last-child { width: 250px !important; text-align: left; } .filesTab { background: #FFFFFF; border-radius: 6px 6px 0 0; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); padding: 15px 22px; } .filesTab td { position: relative; } .filesTab .fileInput { border: 1px solid #D8D6DE; border-radius: 5px; font-weight: 300; font-size: 10px; color: #8494A7; font-family: 'Rubik'; padding: 11px 95px 11px 15px; height: auto; width: 300px; } .filesTab .fileBtn { display: inline-block; background-color: #5A8DEE; position: absolute; top: 2px; right: 1px; width: auto; font-weight: 500; font-size: 11px; font-family: 'Rubik'; color: #FFFFFF; padding: 8px 10px; height: auto; border-radius: 0px 4px 4px 0px; cursor: pointer; } .filesTab input.fileInput::file-selector-button { display: none; } .filesTab select { width: 250px; background: #FFFFFF; border: 1px solid #D8D6DE; border-radius: 5px; font-weight: 500; font-size: 10px; color: #475F7B; font-family: 'Rubik'; height: auto; padding: 11px 15px; margin: 0 0 0 15px; } .filesTab .Fileuploadbtn { color: #fff; font-weight: 500; font-size: 11px; border-radius: 5px; margin: 0 0 0 10px; font-family: 'Rubik'; width: 97px; height: 37px; } .fileInfo .jsgrid-header-row > .jsgrid-header-cell:first-child, .fileInfo .jsgrid-header-row > .jsgrid-header-cell:last-child { border-radius: 0; } .fileInfo .jsgrid-header-row > .jsgrid-header-cell:first-child { padding-left: 22px; } .fileInfo .jsgrid-header-row > .jsgrid-header-cell, .fileInfo .jsgrid-cell { width: 150px !important; } .fileInfo .jsgrid-header-row > .jsgrid-header-cell:nth-child(2), .fileInfo .jsgrid-cell:nth-child(2), .fileInfo .jsgrid-header-row > .jsgrid-header-cell:nth-child(3), .fileInfo .jsgrid-cell:nth-child(3) { width: 200px !important; } .pmasterInfo .card { box-shadow: none; } .pmasterInfo .card-body { padding: 0; box-shadow: none; } .priceBtns.nav.nav-tabs { margin: 0 0 15px 0; border: none; } .priceBtns.nav.nav-tabs .nav-item { margin: 0 20px 0 0; padding: 0; } .priceBtns.nav.nav-tabs .nav-item:last-child { margin: 0; } .priceBtns.nav-tabs .nav-link { font-weight: 500; font-size: 14px; color: #8494A7; font-family: 'Rubik'; background: #FFFFFF; border-radius: 6px !important; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06) !important; padding: 15px 16px; display: flex; justify-content: center; align-items: center; border: 2px solid transparent; } .priceBtns.nav.nav-tabs .nav-item .nav-link.active, .priceBtns.nav.nav-tabs .nav-item .nav-link:hover { color: #475F7B; border: 2px solid #5A8DEE; background: #E6EFFF; } .priceBtns.nav.nav-tabs .nav-item .nav-link:hover span { color: #474f7b; } .priceBtns.nav-tabs .nav-link i { color: #fff; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; border-radius: 4px; margin: 0 10px 0 0 !important; } .priceBtns.nav.nav-tabs .nav-item .nav-link.active::before, .priceBtns.nav.nav-tabs .nav-item .nav-link.active::after { display: none; } .pmasterInfo .card .heading-elements { position: static; background-color: #fff; border-radius: 6px 6PX 0 0; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); padding: 15px 22px; } .pmasterInfo .card .card-header { padding: 0; } .priceSearch label { position: absolute; top: 12px; left: 7px; width: auto; border: none; padding: 0; background-color: transparent; color: #5A8DEE; line-height: normal; margin: 0; height: auto; cursor: pointer; z-index: 11; } .priceSearch input { border: 1px solid #D8D6DE; border-radius: 5px; padding: 8px 10px 9px 30px !important; width: 300px; margin: 0 10px 0 0; height: auto; } .priceIDMSbtn input { background-color: #EB5757; font-weight: 500; font-size: 11px; font-family: 'Rubik'; color: #fff; padding: 8px 10px; } .priceIDMSbtn input:hover { background-color: #DB5757; color: #fff; } .priceRows li { font-weight: 400; font-size: 14px; color: #6E6B7B; font-family: 'Rubik'; } .priceRows select { border: 1px solid #D8D6DE; border-radius: 5px; background-position: calc(100% - 12px) 12px, calc(100% - 20px) 13px, 100% 0 !important; width: 100px; height: auto; margin: 0 0 0 10px; padding: 9px; } .priceTblview .table thead th, .priceHistorytbl .table thead th { background-color: #DEE4EF; font-weight: 500; font-size: 11px; font-family: 'Rubik'; color: #475F7B; text-transform: capitalize; padding: 10px; } .priceTblview table.dataTable td, .priceHistorytbl table.dataTable td { font-weight: 400; font-size: 14px; color: #6E6B7B; font-family: 'Rubik'; padding: 10px; } .priceTblview tr, .priceHistorytbl tr { background-color: #fff; border: none; border-bottom: 2px solid #E9ECEF; } .priceTblview .table thead th, .priceTblview .table thead td { width: 60px !important; } .priceTblview .table thead th:first-child, .priceTblview table.dataTable td:first-child { width: 30px !important; } .priceTblview table.dataTable td:first-child { text-align: center; } .priceTblview .table thead th:nth-child(2), .priceTblview table.dataTable td:nth-child(2) { width: 240px !important; } .priceTblview .table thead th:nth-child(3), .priceTblview table.dataTable td:nth-child(3), .priceTblview .table thead th:nth-child(4), .priceTblview table.dataTable td:nth-child(4) { width: 115px !important; } .priceTblview .table thead th:nth-child(5), .priceTblview table.dataTable td:nth-child(5) { width: 50px !important; } .priceTblview .table thead th:nth-child(6), .priceTblview table.dataTable td:nth-child(6) { width: 55px !important; } .priceTblview .table thead th:nth-child(10), .priceTblview table.dataTable td:nth-child(10) { width: 100px !important; } .priceTblview .table thead th:nth-child(13), .priceTblview table.dataTable td:nth-child(13), .priceTblview .table thead th:nth-child(14), .priceTblview table.dataTable td:nth-child(14) { width: 100px !important; } .priceTblview .table thead th:last-child, .priceTblview table.dataTable td:last-child { width: 280px !important; } .priceTblview table.dataTable td:nth-child(2) br { display: none; } .pmasterInfo .removeSpace { margin-left: -15px; } .btn.priceoverBtn { font-weight: 600; font-size: 12px; color: #FFFFFF; margin: 0 5px; text-transform: capitalize; background-color: #EB5757; } .priceTblview .badgeSuccess { color: #27AE60; background: rgba(39, 174, 96, 0.12); border-radius: 17px; text-transform: capitalize; } .priceTblview label { text-transform: capitalize; font-size: 14px; font-weight: 400; margin: 0 0 0 5px; } .priceTblview .jsgrid-grid-body { overflow: hidden; } .priceauditTbl { text-align: left; } .priceauditTbl .jsgrid-header-row > .jsgrid-header-cell { text-transform: capitalize; } .priceauditTbl .jsgrid-header-row > .jsgrid-header-cell:first-child, .priceauditTbl .jsgrid-row > .jsgrid-cell:first-child, .priceauditTbl .jsgrid-header-row > .jsgrid-header-cell:last-child, .priceauditTbl .jsgrid-row > .jsgrid-cell:last-child { text-align: left; width: 150px !important; } .priceauditTbl .jsgrid-header-row > .jsgrid-header-cell:nth-child(2), .priceauditTbl .jsgrid-row > .jsgrid-cell:nth-child(2) { width: 80px !important; } .priceauditTbl .jsgrid-header-row > .jsgrid-header-cell:nth-child(3), .priceauditTbl .jsgrid-row > .jsgrid-cell:nth-child(3) { width: 150px !important; } .filtersideBtns .btn.reset-filter { color: #F2994A; border: 1px solid #F2994A; border-radius: 5px; margin: 0 10px 0 0; } .filtersideBtns .btn.reset-filter:hover { background-color: #F2994A; color: #fff; } .filterDropdowns .btn-group { width: 100% !important; } .filterDropdowns .btn-group .btn { text-align: left; } .priceFilter label { color: #475F7B; margin-bottom: 6px; font-weight: 400; font-size: 12px; line-height: 14px; font-family: Rubik, Helvetica, Arial, serif; text-transform: capitalize; width: 100%; } .priceFilter input, .priceFilter select { padding: 10px; border-radius: 5px; color: #B9B9C3; font-family: 'Rubik'; font-weight: 400; font-size: 12px; } .filtersideBtns { position: fixed; bottom: 0; background-color: #fff; padding: 20px; left: 0; width: 100%; } .resyncBtn { color: #fff; font-family: 'Rubik'; padding: 12px 10px; font-weight: 500; font-size: 11px; letter-spacing: 0.366667px; margin: 0 10px 0 0; line-height: normal; } .resyncBtn:hover { color: #fff; background-color: #26893B !important; } .priceResetfilter .btn { border: none; color: #fff; padding: 8px 11px; border-radius: 5px; } .priceHistorytbl .table.dataTable { table-layout: fixed; } .priceHistorytbl .table thead th, .priceHistorytbl table.dataTable td { width: 50px !important; } .priceHistorytbl .table thead th:first-child, .priceHistorytbl table.dataTable td:first-child { width: 30px !important; padding-left: 20px; text-align: center; } .priceHistorytbl .table thead th:nth-child(2), .priceHistorytbl table.dataTable td:nth-child(2), .priceHistorytbl .table thead th:last-child, .priceHistorytbl table.dataTable td:last-child { width: 130px !important; } .priceHistorytbl .table thead th:nth-child(5), .priceHistorytbl table.dataTable td:nth-child(5) { width: 150px !important; } .priceHistorytbl .table thead th:nth-child(12), .priceHistorytbl table.dataTable td:nth-child(12) { width: 180px !important; } .priceHistorytbl table.dataTable td { word-break: break-word; } .ruleTopinfo { background-color: #fff; border-radius: 6px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); padding: 15px 22px; margin: 0 0 15px 0; } .ruleTopinfo label, #fileUpload label { margin: 0 10px 0 0; font-family: 'Rubik'; color: #5E5873; font-weight: 400; font-size: 12px; text-transform: capitalize; } .ruleTopinfo select, #fileUpload select { height: auto; text-transform: capitalize; padding: 10px 7px; border: 1px solid #D8D6DE; border-radius: 5px; background-position: calc(100% - 12px) 11px, calc(100% - 20px) 13px, 100% 0 !important; } .ruleTopinfo .btn { font-weight: 500; font-size: 11px; font-family: 'Rubik'; color: #fff; line-height: normal; display: flex; justify-content: center; align-items: center; border-radius: 5px; padding: 7px 18px; letter-spacing: 0.366667px; } .ruleTopinfo .btn:hover { opacity: 0.9; } .ruleTopinfo .btn i { font-size: 20px; position: static; line-height: normal; margin: 0 6px 0 0; } .priceruleTbl .jsgrid-grid-body { overflow: hidden; } .priceruleTbl .row:first-child .col-md-6:first-child { display: flex; order: 2; justify-content: end; } .priceruleTbl .row:first-child .col-md-6 { padding: 15px 22px; } .priceruleTbl #rules-list_filter { text-align: left; margin: 0; } .priceruleTbl #rules-list_filter label { position: relative; font-size: 0; margin: 0; } .priceruleTbl #rules-list_filter label:before { content: "\eb54"; position: absolute; top: 11px; left: 8px; font-family: boxicons; font-size: 16px; color: #5A8DEE; } .priceruleTbl #rules-list_filter input { height: auto; width: 310px; border: 1px solid #D8D6DE; border-radius: 5px; font-style: normal; font-weight: 300; font-size: 14px; color: #8494A7; padding: 10px 10px 10px 30px; margin: 0; } .priceruleTbl #rules-list_length { margin: 0; } .priceruleTbl #rules-list_length label { font-family: 'Rubik'; font-weight: 400; font-size: 14px; color: #6E6B7B; margin: 0; text-transform: capitalize; } .priceruleTbl #rules-list_length select { border: 1px solid #D8D6DE; border-radius: 5px; background-position: calc(100% - 12px) 10px, calc(100% - 20px) 13px, 100% 0 !important; width: 100px; height: auto; margin: 0 5px; padding: 10px; font-size: 14px; line-height: normal; } .rules-list-table .card { border-radius: 6px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); } .rules-list-table .card-body { padding: 0; } .priceruleTbl .table thead th { background-color: #DEE4EF; color: #475F7B; font-weight: 500; font-size: 11px; font-family: 'Rubik'; text-transform: capitalize; padding: 10px 20px; } .priceruleTbl table.dataTable td { font-weight: 400; font-size: 14px; color: #6E6B7B; font-family: 'Rubik'; padding: 10px 20px; border-bottom: 1px solid #DFE3E7; background-color: #fff; } .priceruleTbl table.dataTable td:first-child, .priceruleTbl .table thead th:first-child { position: -webkit-sticky; position: sticky; left: 0; z-index: 2; box-shadow: 0 -1px 1px -1px rgba(0, 0, 0, 0.4); background-color: #f9f9f9; } .priceruleTbl table.dataTable td:nth-child(2), .priceruleTbl .table thead th:nth-child(2) { position: -webkit-sticky; position: sticky; left: 130px; z-index: 2; box-shadow: 0 -1px 1px -1px rgba(0, 0, 0, 0.4); background-color: #f9f9f9; } .priceruleTbl .table thead th:first-child, .priceruleTbl .table thead th:nth-child(2) { background-color: #DEE4EF; box-shadow: none; } #rules-list_paginate .pagination { margin: 15px 0 !important; } .priceruleTbl .removeSpace { margin-left: -15px; } .priceruleTbl .table thead th.BodyStyle { width: 150px !important; } .chooseFiles .custom-file-input { height: auto; padding: 10px; border: 1px solid #D8D6DE; border-radius: 5px; } .chooseFiles .custom-file { height: auto; } .chooseFiles .custom-file-label::after { height: auto; background-color: #5a8dee; color: #fff; font-size: 14px; } #btnUploadFile { border: none; } #fileUpload .chooseFiles label { font-size: 14px; margin: 0; } #mAccountFlags .priceSearch input { width: 212px; margin: 0; } #mAccountFlags .radio label::before { width: 18px; height: 18px; } #mAccountFlags .radio label { font-weight: 400; font-size: 14px; font-family: 'Rubik'; color: #6E6B7B; } #mAccountFlags .radioFlag { margin: 0 20px 0 0; } #mAccountFlags .radioFlag:last-child { margin: 0; } #mAccountFlags .modal-body { padding: 20px 0; } #account-flags-list { padding: 20px 0; margin: 0; } #account-flags-list .container { padding: 0; } #account-flags-list h3 { font-family: 'Rubik'; font-weight: 400; font-size: 14px; color: #6E6B7B; margin: 0; text-align: center; padding: 80px 0; } #mAccountFlags .btnClose, #mAccountAssignee .btnClose { margin: 0 !important; } #mAccountFlags .modal-dialog { } #mAccountFlags { padding: 0 1rem !important; } #mAccountAssignee .modal-dialog { min-width: 370px; margin: 0 auto; } .emaiTextpop .modal-title { font-weight: 500; font-size: 18px; color: #475F7B; font-family: 'Rubik'; margin: 0 0 20px 0; } .emaiTextpop .nav-tabs .nav-link { font-family: 'Rubik'; font-weight: 500; font-size: 14px; color: #8494A7; border: 1px solid #8494A7; border-radius: 6px; background-color: #fff; } .emaiTextpop .nav.nav-tabs .nav-item .nav-link.active { background-color: #E6EFFF; border: 1px solid #5A8DEE; box-shadow: none; } .emaiTextpop .nav.nav-tabs .nav-item .nav-link.active::after, .emaiTextpop .nav.nav-tabs .nav-item .nav-link.active::before { display: none; } .emaiTextpop .nav.nav-tabs { border: none; margin: 0 0 20px 0; } .emaiTextpop .nav.nav-tabs ~ .tab-content { padding: 0; } .emaiTextpop label { font-family: 'Rubik'; font-weight: 400; font-size: 12px; color: #5E5873; text-transform: capitalize; margin: 0 0 5px 0; } .emaiTextpop td { padding: 0 0 15px 0; } .emaiTextpop input, .emaiTextpop select { border-radius: 5px; border: 1px solid #D8D6DE; padding: 10px; height: auto; width: 100%; background-color: #fff; } .emaiTextpop .modal-content .modal-header { } .emaiTextpop .modal-content .modal-header .close { display: flex; margin: -10px 0 10px 0; } .emaiTextpop .form-control[readonly] { background-color: #fff; } .emaiTextpop .filesTab { background-color: transparent; box-shadow: none; } .emaiTextpop .filesTab .fileInput { width: 100%; } .emaiTextpop .filesTab .fileBtn { top: 23px; right: 0; padding: 11px 10px; } .emailtxtBtn input { width: auto; } .emailtxtBtn { margin: 10px 0 0 0; } .emaiTextpop .note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable { height: 415px; padding: 20px !important; font-size: 14px; font-weight: 400; color: #6E6B7B; } .emaiTextpop .note-editor.note-airframe, .note-editor.note-frame { border: 1px solid #8494A7; } .emaiTextpop .note-editable .row { margin: 0; } .emaiTextpop h2 { margin: 0 0 15px 0; } .emaiTextpop .note-editor .note-editing-area .note-editable a.btn { margin: 0 !important; color: #fff; background-color: #5a8dee !important; border: none; border-radius: 5px; font-weight: 400; font-size: 14px; text-transform: capitalize; text-decoration: none; } .emaiTextpop #tblVars .form-group { margin: 0 0 15px 0 !important; } #pnl-template .row { margin: 0; } #pnl-template { font-weight: 400; font-size: 14px; color: #6E6B7B; font-family: 'Rubik'; line-height: 21px; } .readonly-normal[readonly] { background-color: #fff; } #previewTemplate .btn.btn-info { margin: 0 !important; background: #27AE60 !important; border-radius: 5px; font-family: 'Rubik'; font-weight: 400; font-size: 14px; color: #fff; border: none; } #previewTemplate h2 { margin: 0; font-size: 18px; font-weight: 500; position: absolute; top: -23px; background-color: #fff; padding: 0 20px 0 0; } #pnl-sys-log .jsgrid-header-row > .jsgrid-header-cell:first-child, #pnl-sys-log .jsgrid-row > .jsgrid-cell:first-child, #pnl-sys-log .jsgrid-header-row > .jsgrid-header-cell:last-child, #pnl-sys-log .jsgrid-row > .jsgrid-cell:last-child { text-align: left; } #pnl-sys-log .jsgrid-header-row > .jsgrid-header-cell:last-child, #pnl-sys-log .jsgrid-row > .jsgrid-cell:last-child { width: 67px !important; } .bootbox-alert .bootbox-body { font-weight: 400; font-size: 12px; font-family: 'Rubik'; color: #5E5873; max-height: 500px; overflow: auto; } .bootbox-alert button.close { color: #5E5873; opacity: 1; margin: -5px -5px 0 10px; } .bootbox-alert .modal-dialog { min-width: 235px; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); margin: 0 auto; } .modal .btn.bootbox-accept { border: none; text-transform: capitalize; padding: 8px 17px; } .bootbox-alert .modal-body { } #m-search-inventory .nav.nav-pills .nav-item { margin-bottom: 0; } #m-search-inventory .nav-pills .nav-link { background-color: #fff; border-radius: 6px; border: 1px solid #8494A7; font-family: 'Rubik'; font-weight: 500; font-size: 14px; } #m-search-inventory .nav-pills .nav-link.active, #m-search-inventory .nav.nav-pills .nav-item .nav-link:hover { background-color: #E6EFFF; border: 1px solid #5A8DEE; color: #475F7B; box-shadow: none; } #m-search-inventory .nav.nav-pills .nav-item .nav-link:hover span, #m-search-inventory .nav.nav-pills .nav-item .nav-link.active:hover span { color: #475F7B; } #m-search-inventory .pill-container ~ .tab-content { box-shadow: none; background-color: transparent; padding: 20px 0 0 0; } #m-search-inventory input { background: #FFFFFF; border-radius: 5px; margin: 0; } #m-search-inventory .nav.nav-tabs { border: none; margin: 0; } .inventoryStatus { padding: 20px 0 0 0; } .inventoryStatus li { font-family: 'Rubik'; font-weight: 400; font-size: 12px; margin: 0 25px 0 0; } .inventoryStatus li:last-child { margin: 0; } .inventoryStatus span.multiselect-native-select select { background: #FFFFFF; border: 1px solid #D8D6DE !important; border-radius: 5px; width: 100% !important; } .inventoryStatus .btn-group { width: 100% !important; } .inventorySelect { width: 250px; } #m-search-inventory .modal-dialog { margin: 0 auto; } #m-search-inventory .btnClose { margin: 0 15px 0 0 !important; } .corderInfo .card { box-shadow: none; background-color: transparent; } .create-order-body { background-color: #fff; border-radius: 6px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); padding: 20px 22px; overflow-x: auto; } .orderSteps { } .orderSteps .dnButton span { font-weight: 500; font-size: 14px; font-family: 'Rubik'; color: #475F7B; margin: 0 0 0 15px; } .orderListinfo h6 { font-family: 'Rubik'; font-weight: 400; font-size: 16px; color: #475F7B; margin: 0 0 18px 0; } .orderListinfo h6 span { font-size: 16px; font-weight: 600; color: #5A8DEE; } .orderListinfo { } .orderListinfo .table { } .orderListinfo label { font-size: 12px; color: #5E5873; font-family: 'Rubik'; text-transform: capitalize; margin: 0 0 5px 0; } .orderListinfo input, .orderListinfo select, .orderListinfo .form-control:disabled { border-radius: 6px; height: auto; padding: 8px 13px; border: 1px solid #DFE3E7 !important; } .orderListinfo .table-compact td { padding: 0 25px 15px 0; } .orderListinfo .table-compact td:nth-child(2n) { } .orderListinfo #btnLookup { background-color: #5A8DEE; border-radius: 5px; font-family: 'Rubik'; font-weight: 500; font-size: 14px; color: #fff; letter-spacing: 0.4px; } .orderListinfo #btnLookup:hover { opacity: 0.9; } .orderListinfo .orderOr { position: absolute; top: 50%; right: 6px; font-weight: 400; font-size: 12px; color: #5A8DEE; transform: translateY(-50%); } .full-width { width: 100% !important; } .logHistory .jsgrid-cell { overflow: auto; } .multiselect-container { padding: 0px !important; } .form-control-static { width: 100%; height: calc(1.4em + .94rem + 3.7px); padding: .47rem .8rem; font-size: 1rem; line-height: 1.4; color: #475F7B; background-color: #FFF; background-clip: padding-box; border: 1px solid #DFE3E7; border-radius: .267rem; -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .spanner { position: fixed; top: 50%; left: 50%; display: block; text-align: center; color: #FFF; transform: translate(-50%, -50%); z-index: 10001; visibility: hidden; } .overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); visibility: hidden; } .loader, .loader:before, .loader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } .loader { color: black; font-size: 10px; margin: 80px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:before, .loader:after { content: ''; position: absolute; top: 0; } .loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } .show { visibility: visible; } .spanner, .overlay { opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .spanner.show, .overlay.show { opacity: 1 } .spanner-text { color: black; } danger { color: red !important; } green { color: green !important; } red { color: red !important; } orange { color: orange !important; } .text-black { color: black !important; } .table-lp td { padding-top: 5px !important; padding-bottom: 5px !important; } .bootbox-close-button { padding-left: 10px !important; } .modal-dialog-full-height { height: calc(100vh - 80px) !important; } .p-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 10000; } exp { color: #6F42C1; font-size: large; padding-left: 5px; padding-right: 5px; } act { color: darkgreen; font-size: large; padding-left: 5px; padding-right: 5px; } label.required:after { content: '(*)'; color: red; } .dashboard-tile-animate:hover { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .dashboard-icon-animate { transition: transform .3s; width: 50px; padding-bottom: 10px; } .dashboard-icon-animate:hover { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); } .menu-icon { padding-right: 10px; transition: transform 1s; } .menu-icon:hover { -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); } .accTitle { padding-top: 10px; } .global-view-map { height: calc(100vh - 100px) !important; } table.dataTable tbody tr td { word-wrap: break-word; word-break: break-word; } .avatar { position: relative; width: 2.375rem; height: 2.375rem; cursor: pointer } .avatar img { width: 100%; height: 100% } .avatar .avatar-initial { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-transform: uppercase; display: flex; align-items: center; justify-content: center; color: #fff; background-color: #69809a; font-weight: 600 } .avatar.avatar-online:after, .avatar.avatar-offline:after, .avatar.avatar-away:after, .avatar.avatar-busy:after { content: ""; position: absolute; bottom: 0; right: 3px; width: 8px; height: 8px; border-radius: 100%; box-shadow: 0 0 0 2px #fff } .avatar.avatar-online:after { background-color: #39da8a } .avatar.avatar-offline:after { background-color: #69809a } .avatar.avatar-away:after { background-color: #fdac41 } .avatar.avatar-busy:after { background-color: #ff5b5c } .pull-up { transition: all .25s ease } .pull-up:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 .25rem 1rem rgba(147, 158, 170, .45); z-index: 30; border-radius: 50% } .avatar-xs { width: 1.625rem; height: 1.625rem; } .avatar-xs .avatar-initial { font-size: .625rem } .avatar-xs.avatar-online:after, .avatar-xs.avatar-offline:after, .avatar-xs.avatar-away:after, .avatar-xs.avatar-busy:after { width: .325rem; height: .325rem; right: 1px } .avatar-sm { width: 2rem; height: 2rem } .avatar-sm .avatar-initial { font-size: .75rem } .avatar-sm.avatar-online:after, .avatar-sm.avatar-offline:after, .avatar-sm.avatar-away:after, .avatar-sm.avatar-busy:after { width: .4rem; height: .4rem; right: 2px } .avatar-md { width: 3rem; height: 3rem } .avatar-md .avatar-initial { font-size: 1.125rem } .avatar-md.avatar-online:after, .avatar-md.avatar-offline:after, .avatar-md.avatar-away:after, .avatar-md.avatar-busy:after { width: .6rem; height: .6rem; right: 4px } .avatar-lg { width: 4rem; height: 4rem } .avatar-lg .avatar-initial { font-size: 1.5rem } .avatar-lg.avatar-online:after, .avatar-lg.avatar-offline:after, .avatar-lg.avatar-away:after, .avatar-lg.avatar-busy:after { width: .8rem; height: .8rem; right: 5px } .avatar-xl { width: 4.5rem; height: 4.5rem } .avatar-xl .avatar-initial { font-size: 1.875rem } .avatar-xl.avatar-online:after, .avatar-xl.avatar-offline:after, .avatar-xl.avatar-away:after, .avatar-xl.avatar-busy:after { width: .9rem; height: .9rem; right: 6px } .avatar-group .avatar { transition: all .25s ease } .avatar-group .avatar img, .avatar-group .avatar .avatar-initial { border: 2px solid #fff } .avatar-group .avatar .avatar-initial { background-color: #8799ae } .avatar-group .avatar:hover { z-index: 30; transition: all .25s ease } .avatar-group .avatar { margin-left: -0.8rem } .avatar-group .avatar:first-child { margin-left: 0 } .avatar-group .avatar-xs { margin-left: -0.65rem } .avatar-group .avatar-sm { margin-left: -0.75rem } .avatar-group .avatar-md { margin-left: -0.9rem } .avatar-group .avatar-lg { margin-left: -1.5rem } .avatar-group .avatar-xl { margin-left: -1.75rem } [dir=rtl] .avatar-group .avatar { margin-right: -0.8rem; margin-left: 0 } [dir=rtl] .avatar-group .avatar-xs { margin-right: -0.65rem } [dir=rtl] .avatar-group .avatar-sm { margin-right: -0.75rem } [dir=rtl] .avatar-group .avatar-md { margin-right: -0.9rem } [dir=rtl] .avatar-group .avatar-lg { margin-right: -1.5rem } [dir=rtl] .avatar-group .avatar-xl { margin-right: -1.75rem } .select2-container { border: 1px solid transparent !important; display: block; } .select2-container--default .select2-selection--single { border-radius: 6px; height: auto; border: 1px solid #DFE3E7 !important; background-image: url(../../content/img/arrow-down.png); background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0; background-size: 12px 12px, 10px 10px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; padding-right: 1.5rem; } .select2-container--default .select2-selection--single:focus { border: 1px solid #DFE3E7 !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #475F7B; } .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .select2-results__option { cursor: pointer; } .breakword { word-wrap: break-word !important; } .table-td-no-border td { border-width: 0px !important; } .table-td-no-border th { border-width: 0px !important; text-transform: none !important; } .table-td-no-border th { padding-right: 20px !important; } .incident-status-color { color: #475F7B !important; font-weight: normal !important; } .long-text-truncate { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .long-text-truncate-150px { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .long-text-truncate-100px { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .not-selectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .recovery-modal td { padding: 10px; } .wizard .steps ul li.not-started a .step { outline: 6px solid #8494A7 !important; } .custom-option { padding-left: 0; border: 1px solid #d4d8dd; border-radius: .25rem } .custom-option:hover { border: 1px solid #bec5cc } .custom-option.custom-option-image { border-width: 2px !important } .custom-option.custom-option-image:hover { border-width: 2px !important } .custom-option.custom-option-image .custom-option-body img { border-radius: .25rem } .custom-option .custom-option-content { cursor: pointer; width: 100% } .custom-option-basic .custom-option-content { padding: 1em; padding-left: 2.7em } .custom-option-basic .custom-option-content .form-check-input { margin-top: 0 } .custom-option-basic .custom-option-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: .25rem } .custom-option-icon .custom-option-content { text-align: center; padding: 1em } .custom-option-icon .custom-option-body { display: block; margin-bottom: .5rem } .custom-option-icon .custom-option-body i { font-size: 2rem; margin-bottom: .25rem; display: block } .custom-option-icon .custom-option-body svg { height: 38px; width: 38px; margin-bottom: .25rem } .custom-option-icon .custom-option-body .custom-option-title { display: block; font-family: "Rubik", "Times New Roman", serif; font-size: .9375rem; font-weight: 500; color: #516377 } .custom-option-icon .form-check-input { float: none !important; margin: 0 !important } .custom-option-image { border-width: 2px } .custom-option-image .custom-option-content { padding: 0 } .custom-option-image .custom-option-body img { height: 100%; width: 100% } .custom-option-image.custom-option-image-radio .form-check-input { display: none } .custom-option-image.custom-option-image-check { position: relative } .custom-option-image.custom-option-image-check .form-check-input { position: absolute; top: 10px; right: 10px; margin: 0; border: 0; opacity: 0 } .custom-option-image.custom-option-image-check .form-check-input:checked { opacity: 1 } .custom-option-image.custom-option-image-check:hover .form-check-input { border: inherit; border-width: 1px; opacity: 1 } [dir=rtl] .custom-option { padding-right: 0 } [dir=rtl] .custom-option-basic .custom-option-content { padding-right: 2.7em; padding-left: 1em } [dir=rtl] .custom-option-image.custom-option-image-check .form-check-input { right: auto; left: 10px } .alert.alert-danger { background-color: #ffe5e5 !important; border-color: #ffcece !important; color: #ff5b5c !important; } .dropdown-menu-custom { right: 0px !important; left: auto !important; transform: revert !important; top: 40px !important; } .copart-status-pill-b { margin-top: 0.2rem; } .incident-error-status-color { font-weight: normal; color: #FF5B5C !important } .text-orange { color: #FFA500; } .text-blue { color: #066cfa; } .badge-light-orange { background-color: rgba(253, 172, 65, .17); color: #FFA500 !important } .badge-light-blue { background-color: rgba(90, 141, 238, .17); color: #066cfa !important } .custom-form-select { display: block; width: 100%; padding: 0.469rem 1.735rem 0.469rem 0.735rem; -moz-padding-start: calc(0.735rem - 3px); font-size: 0.9375rem; font-weight: 400; line-height: 1.4; color: #677788; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2838, 60, 85, 0.4%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.735rem center; background-size: 17px 12px; border: 1px solid #d4d8dd; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; } .custom-form-select:focus { border-color: rgba(245, 248, 254, 0.448); outline: 0; box-shadow: 0 0.0625rem 0.1875rem 0 rgba(38, 60, 85, 0.18); } .custom-form-select .custom-form-select[multiple], .custom-form-select .custom-form-select[size]:not([size="1"]) { padding-right: 0.735rem; background-image: none; } .custom-form-select:disabled { color: #677788; background-color: #e9ecee; } .custom-form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #677788; } .custom-form-select-sm { padding-top: 0.187rem; padding-bottom: 0.187rem; padding-left: 0.6rem; font-size: 0.813rem; border-radius: 0.1875rem; } .custom-form-select-lg { padding-top: 0.74rem; padding-bottom: 0.74rem; padding-left: 0.85rem; font-size: 1.063rem; border-radius: 0.3125rem; } .dropdown-toggle.hide-arrow::before, .dropdown-toggle.hide-arrow::after, .dropdown-toggle-hide-arrow > .dropdown-toggle::before, .dropdown-toggle-hide-arrow > .dropdown-toggle::after { display: none; } .justify-content-evenly { justify-content: space-evenly } .select2-container { width: auto !important; display: block; } .tooltip-inner { max-width: 450px; } .tooltip-inner ul { text-align: justify; padding-left: 20px; padding-right: 10px; margin-top: 15px; margin-bottom: 15px; } .tooltip-inner ul li { margin-top: 8px; font-size: 0.9rem; } .filter-icon-displayed { } .fixed-col-tbl td:first-child, .fixed-col-tbl th:first-child { position: sticky !important; left: 0; z-index: 1; background-color: #FAFBFB; } .fixed-col-tbl thead tr th { position: sticky !important; top: 0; } .bootbox-alert { z-index: 9999 !important; } .checkbox-md { transform: scale(1.5) } .checkbox-lg { transform: scale(1.7) } .checkbox-xl { transform: scale(2) } .radio-md { transform: scale(1.5) } .radio-lg { transform: scale(1.7) } .radio-xl { transform: scale(2) } .lbl-non-bold { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; } .chosen-select-full-width .multiselect-container { width: 100% !important; padding: 0px !important; } .chosen-select-full-width .multiselect-container .input-group { width: 98% !important; } .chosen-select-full-width .multiselect-dropdow { border: 1px solid #DFE3E7 !important; } .chosen-select-full-width .multiselect-container > li > a > label { justify-content: start !important; align-items: start !important; } .chosen-select-full-width .multiselect-container > li > a > label > input[type=checkbox] { display: inline-block !important; margin-right: 5px; } .var-expected { color: #6F42C1; font-size: large; padding-left: 5px; padding-right: 5px; } .var-actual { color: darkgreen; font-size: large; padding-left: 5px; padding-right: 5px; } .timeline, .timeline-horizontal { list-style: none; padding: 20px; position: relative; } .timeline:before { top: 40px; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; } .timeline .timeline-item { margin-bottom: 20px; position: relative; } .timeline .timeline-item:before, .timeline .timeline-item:after { content: ""; display: table; } .timeline .timeline-item:after { clear: both; } .timeline .timeline-item .timeline-badge { color: #fff; width: 40px; height: 40px; line-height: 35px; font-size: 22px; text-align: center; position: absolute; top: 18px; left: 50%; margin-left: -25px; background-color: #333; border: 3px solid #ffffff; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline .timeline-item .timeline-badge i, .timeline .timeline-item .timeline-badge .fa, .timeline .timeline-item .timeline-badge .glyphicon { top: 2px; left: 0px; } .timeline .timeline-item .timeline-badge.primary { background-color: #5A8DEE; } .timeline .timeline-item .timeline-badge.info { background-color: #00CFDD; } .timeline .timeline-item .timeline-badge.success { background-color: #39DA8A; } .timeline .timeline-item .timeline-badge.warning { background-color: #f2994a; } .timeline .timeline-item .timeline-badge.danger { background-color: #FF5B5C; } .timeline .timeline-item .timeline-panel { position: relative; width: 46%; float: left; right: 16px; border: 1px solid #777; background: #ffffff; border-radius: 2px; padding: 10px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline .timeline-item .timeline-panel:before { position: absolute; top: 26px; right: -16px; display: inline-block; border-top: 16px solid transparent; border-left: 16px solid #777; border-right: 0 solid #777; border-bottom: 16px solid transparent; content: " "; } .timeline .timeline-item .timeline-panel .timeline-title { margin-top: 0; color: inherit; } .timeline .timeline-item .timeline-panel .timeline-body > p, .timeline .timeline-item .timeline-panel .timeline-body > ul { margin-bottom: 0; } .timeline .timeline-item .timeline-panel .timeline-body > p + p { margin-top: 5px; } .timeline .timeline-item:last-child:nth-child(even) { float: right; } .timeline .timeline-item:nth-child(even) .timeline-panel { float: right; left: 16px; } .timeline .timeline-item:nth-child(even) .timeline-panel:before { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-horizontal { list-style: none; position: relative; padding: 0px 0px 0px 0px; display: inline-block; } .timeline-horizontal:before { height: 3px; top: auto; bottom: 26px; left: 45px; right: 0; width: 100%; margin-bottom: 20px; } .timeline-horizontal .timeline-item { display: table-cell; float: none !important; padding-left: 0px; padding-right: 10px; margin: 0 auto; vertical-align: bottom; } .timeline-horizontal .timeline-item .timeline-panel { top: auto; display: inline-block; float: none !important; left: 0 !important; right: 0 !important; width: 100%; margin-bottom: 50px; } .timeline-horizontal .timeline-item .timeline-panel:before { top: auto; bottom: -16px; left: 28px !important; right: auto; border-right: 16px solid transparent !important; border-top: 16px solid #777 !important; border-bottom: 0 solid #777 !important; border-left: 16px solid transparent !important; } .timeline-horizontal .timeline-item:before, .timeline-horizontal .timeline-item:after { display: none; } .timeline-horizontal .timeline-item .timeline-badge { top: auto; bottom: 0px; left: 50px; } .kpi-old-value { color: darkgray !important; } .kpi-new-value { color: darkgreen !important; } .kpi-change-time { } .scale-25 { transform: scale(1.25,1.25); margin-right: 5px; } .scale-50 { transform: scale(1.5,1.5); margin-right: 7px; } .scale-100 { transform: scale(2,2); margin-right: 10px; } .no-gutter { margin-right: 0; margin-left: 0; } .no-gutter > [class*="col-"] { padding-right: 0; padding-left: 0; } .height-100 { height: 100px; overflow: auto; } .height-150 { height: 150px; overflow: auto; } .height-200 { height: 150px; overflow: auto; } .height-250 { height: 250px; overflow: auto; } .height-300 { height: 300px; overflow: auto; } .nav.nav-tabs.workBtn_d { border: none; } .nav.nav-tabs.workBtn_d .nav-item .nav-link { background-color: #fff; font-weight: 500; font-size: 14px; line-height: 24px; font-family: Rubik, Helvetica, Arial, serif; color: #8494A7; border-radius: 6px; padding: 10px 15px; border: 2px solid grey; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); } .nav.nav-tabs.workBtn_d .nav-item.active .nav-link.active, .nav.nav-tabs.workBtn_d .nav-item.active .nav-link:hover { background-color: #E6EFFF; border: 2px solid #5A8DEE; color: #475F7B; } .nav.nav-tabs.workBtn_d .nav-item .nav-link span { font-weight: 500; font-size: 14px; min-width: 53px; padding: 7px; margin: 0 5px 0 0; } .nav.nav-tabs.workBtn_d .nav-item .nav-link span#IdmsNoRepo { min-width: auto; padding: 4px; margin: 0 0 0 3px; } .nav.nav-tabs.workBtn_d .nav-item .nav-link:hover span { color: #fff; } .nav.nav-tabs.workBtn_d .nav-item { margin: 0 20px 0 0; padding: 0; } .nav.nav-tabs.workBtn_d .nav-item .nav-link.active::before, .nav.nav-tabs.workBtn_d .nav-item .nav-link.active::after { display: none; } .nav.nav-tabs.workBtn_d .nav-item:last-child { margin: 0; } .card-header-lp { padding: 5px !important; } .menu-button-pill { position: relative; border: none; background-color: rgba(90,141,238,.1); border-radius: 4px; font-weight: 400; font-size: 10px; font-family: Rubik,Helvetica,Arial,serif; color: #5a8dee; margin: 0 10px 5px 0; padding: 8px 8px 8px 8px; } .related-incident { font-size: 1.2rem; color: #475f7b; } .related-incident-icon:hover { color: #ffa500; } .inc-lbl { color: #5a8dee; } .dn_Button { background-color: #275696; border-radius: 5px; color: #fff; padding: 5px 6px; line-height: 13px; transition: 1s; } .dn_Button:hover { background-color: #5A8DEE; color: #fff; } .dn_Button i { font-size: 20px; position: static; line-height: normal; } .collapsible .card .card-header { font-family: inherit !important; } .bg-yellow { background-color: yellow; color: black; } .w-px-20 { width: 20px !important; } .w-px-30 { width: 30px !important; } .w-px-40 { width: 40px !important; } .w-px-50 { width: 50px !important; } .w-px-75 { width: 75px !important; } .w-px-100 { width: 100px !important; } .w-px-150 { width: 150px !important; } .w-px-200 { width: 200px !important; } .w-px-250 { width: 250px !important; } .w-px-300 { width: 300px !important; } .w-px-350 { width: 350px !important; } .w-px-400 { width: 400px !important; } .w-px-500 { width: 500px !important; } .w-px-600 { width: 600px !important; } .w-px-700 { width: 700px !important; } .w-px-800 { width: 800px !important; } .w-auto { width: auto !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-px-20 { height: 20px !important; } .h-px-30 { height: 30px !important; } .h-px-40 { height: 40px !important; } .h-px-50 { height: 50px !important; } .h-px-75 { height: 75px !important; } .h-px-100 { height: 100px !important; } .h-px-150 { height: 150px !important; } .h-px-200 { height: 200px !important; } .h-px-250 { height: 250px !important; } .h-px-300 { height: 300px !important; } .h-px-350 { height: 350px !important; } .h-px-400 { height: 400px !important; } .h-px-500 { height: 500px !important; } .h-px-600 { height: 600px !important; } .h-px-700 { height: 700px !important; } .h-px-800 { height: 800px !important; } .h-auto { height: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .text-strike-through { text-decoration: line-through !important; } .track-chars-feedback { color: #FD7E14; } .attachment-dragdrop { border: 2px dotted #0B85A1; color: #92AAB0; text-align: center; vertical-align: middle; padding: 10px 10px 10px 10px; margin-bottom: 10px; height: 80px; } .web-form-header { display: inline-block; max-width: 400px; } .swal2-title { font-weight: normal !important; } a.hover-underline:hover { text-decoration: underline; color: dodgerblue; } .recent-incidents-list { max-height: 35rem !important; } .font-small-4 { font-size: 1.1rem !important; } .font-small-5 { font-size: 1.2rem !important; } .currency-symbol { position: relative; padding-left: 18px; } .currency-symbol.right input { padding-right: 18px; text-align: end; } .currency-symbol:before { position: absolute; top: 0; content: "$"; left: 5px; } .currency-symbol.right:before { right: 5px; } .dropdown-menu.show.list-inline { display: flex !important; } pre { outline: 1px solid #ccc; padding: 5px; margin: 5px; } .string { color: green; } .number { color: darkorange; } .boolean { color: blue; } .null { color: magenta; } .key { color: red; } .modal-fullscreen { width: 100vw; height: 100vh; margin: 0; padding: 0; } .modal-dialog-full { margin: 0; max-width: 100%; height: 100%; } .modal-content { height: 100%; border: none; border-radius: 0; } .filters-panel { position: absolute; top: 0; right: -300px; height: 100%; width: 300px; box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1); transition: right 0.3s ease; } .filters-panel.open { right: 0; } .filtersideBtns-tc { position: absolute; bottom: 0px; } .filtersideBtns_inv { position: absolute; bottom: 0px; } .image-box { position: relative; display: inline-block; width: 300px; height: 200px; } .image-box img { width: 100%; height: 100%; display: block; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .edit-icon { position: absolute; top: 8px; right: 8px; color: white; padding: 5px; border-radius: 50%; cursor: pointer; font-size: 16px; display: flex; align-items: center; justify-content: center; } .edit-icon a:hover { color: orange; } .autoComplete_wrapper > input { width: 100% !important; } .select2-dropdown { z-index: 9999 !important; } .swal2-container { z-index: 9999 !important; } .sortable { cursor: pointer; } .nest-sortable { cursor: pointer; } .white-text { color: white !important; } .nested-table { background-color: white; } .nested-table thead th { background-color: white; border-bottom: solid 1px #DFE3E7 !important } .nested-table tr td { background-color: white; } .scale-1 { scale: 1; } .scale-2 { scale: 2; } .btn-xs { padding: .267rem 0.2rem; } .select2-container-full { max-width: 100% !important; } .img-span-valign { vertical-align: top; padding-left: 5px; } #mShareEstimate .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 0; color: #FFF !important; float: right; padding: 0px 6px; right: 0px; } #mShareEstimate .select2-selection__choice { padding-right: 1rem; padding-left: 23px; } .click-to-copy { cursor: pointer; } .autoComplete_wrapper > ul { width: 300px; } .autoComplete_wrapper > input { color: black !important; } .autoComplete_wrapper > input::placeholder { color: black !important; } .autoComplete_wrapper > input:hover::placeholder { color: black !important; } .autoComplete_wrapper > input:focus::placeholder { color: black !important; } .autoComplete_wrapper > input:focus::selection { background-color: rgba(255,122,122,.15) } .autoComplete_wrapper > input::selection { background-color: rgba(255,122,122,.15) } .autoComplete_wrapper > input:hover { color: black !important; } .autoComplete_wrapper > input:focus { color: black !important; } .unit-available { color: green; } .unit-deleted { color: red; } .unit-transferred { color: blue; } .unit-invoiced-reconciled { color: blue; } .unit-overinvoiced-archived { color: blue; } .unit-overinvoiced { color: blue; } .unit-available-transferred { color: blue; } .lr-predefined { border: solid 2px green; } #crw-tabs .nav-item { cursor: pointer; } #crw-tabs .nav-item .nav-link, #crw-tabs .nav-item .nav-link.active { background-color: white !important; box-shadow: 0px 0px 0px 0px white; } #crw-tabs .nav-item .nav-link { border: 0px none white; } #crw-tabs .nav-item .nav-link.active { border-bottom: 4px solid #5A8DEE; border-radius: 0px 0px; } #crw-tabs .nav-item .nav-link h3 { border: 1px solid grey; border-radius: 6px 6px; padding: 8px 14px 8px 14px; background-color: #fff; color: grey; } #crw-tabs .nav-item .nav-link.active h3 { border: 1px solid #5A8DEE; border-radius: 6px 6px; padding: 8px 14px 8px 14px; background-color: #5A8DEE; color: white; } #crw-tabs .nav-item .nav-link h3.step-1, #crw-tabs .nav-item .nav-link.active h3.step-1 { padding: 8px 16px 8px 16px !important; } #crw-tabs .nav-item .nav-link span { color: grey; font-size: 16px; font-weight: bold; } #crw-tabs .nav-item .nav-link.active span { color: #5A8DEE; font-size: 16px; font-weight: bold; } .row-highlight { background-color: #5A8DEE !important; color: white !important; } #crw_tbl_CasesList_dt .btn-light-info, #crw_tbl_CasesList_dt .btn-light-danger { padding: 6px 10px 6px 10px !important; font-size: 12px !important; line-height: normal !important; display: block; max-width: 150px; min-width: 150px; } #crw_tbl_CasesList_dt .col-all { min-width: 100px !important; word-break: break-word !important; } .tbl-caselist-crw th, .tbl-caselist-crw td { padding-left: 12px !important; padding-right: 12px !important; } #tbl_Assignment_Log_dt .col-all { min-width: 100px !important; word-break: break-word !important; } /* ===== Media Queries ===== */ @media (max-width:1200px) { .emaiTextpop .note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable { height: 375px !important; } } @media (prefers-reduced-motion: reduce) { .custom-form-select { transition: none; } } @media screen and (max-width: 575.9px) { .tooltip-inner { max-width: 300px; } .tooltip-inner ul li { font-size: 0.7rem; } } @media (max-width:575px) { .tblSMSVars, .tblVars { width: 300px !important; } } .ui-autocomplete { width: 250px; } .ui-autocomplete .ui-menu-item-wrapper { padding: 3px; background-color: white; color: black; } .ui-autocomplete .ui-menu-item-wrapper:hover { padding: 3px; background-color: white; color: black; } .ui-autocomplete .ui-menu-item:hover { padding: 3px; background-color: white; color: black; } .ui-autocomplete li:hover { padding: 3px; background-color: white; color: black; } .ui-autocomplete .ui-state-active { background-color: white; color: black; } .field-container-highlight { border: 3px dotted red; } .Eligible { color: darkgreen; font-weight: bolder; font-size: large; } .Ineligible { color: red; font-weight: bolder; font-size: large; } .step-active { background-color: #FAFBFB !important; } .content-middle { display: flex; align-items: center; flex-wrap: wrap; } .r-step-content { min-height: 35vh !important; } .r-step-footer { position: -webkit-sticky; /* Safari */ position: sticky; bottom: 0px; } .tb-compact td { padding: 5px 6px 4px 6px; } .tb-compact th { padding: 10px 6px 9px 6px; text-align: center; } .tb-compact .badge { padding: 3px 3px 3px 3px; } .wizard .steps ul { width: 100%; } .wizard .steps ul li { width: auto !important; } .wizard .steps ul li a { padding-top: 0px !important; margin-top: 0px !important; } .wizard .steps ul li::after, .wizard .steps ul li::before { top: auto !important; width: 95% !important; bottom: -0.5rem !important; background-color: #E4E8E8; } th.th-then-col { background-color: green !important; color: white !important; } th.th-then-col-violation-inc, th.th-then-col-sla-inc { background-color: blue !important; color: white !important; } th.th-then-col-violation-case, th.th-then-col-sla-case { background-color: orange !important; color: white !important; } .bootbox-wide > .modal-dialog { width: 90%; max-width: none; } .bootbox-wide > .modal-dialog .modal-body { overflow-x: auto; overflow-y: auto; max-height: 60vh; } .bootbox-wide > .modal-dialog .modal-body exp { word-break: break-all; } img.f-icon { width: 14px; } img.all-tab-icon { width: 28px; } #mChargeOffGuidelines .info-item { padding-bottom: 4px; } #mChargeOffGuidelines .info-item .info-heading { color: var(--primary); } #mChargeOffGuidelines .info-item .info-value { } .table-cg .tsite-icon { transform: scale(0.85); } .table-cg .sec-icon { display: none; vertical-align: middle; font-size: 24px; } .table-cg .td-header { font-weight: bold; font-size: 12px; width: 140px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; } .table-cg .td-value { padding-top: 12px; padding-bottom: 12px; } .table-cg, .table-cg td, .table-cg th, .table-cg tr { caret-color: transparent; } @media screen and (max-width: 475px) { #mChargeOffGuidelines .modal-body { padding-left: 5px; padding-right: 5px; } #mChargeOffGuidelines .info-item { padding-bottom: 8px; } .table-cg .tsite-icon { display: none; } .table-cg .sec-icon { display: inline; } .table-cg .td-header { display: block; border: none; padding-bottom: 0px; padding-left: 4px; font-weight: normal; font-size: 16px; width: 100%; } .table-cg .td-value { display: block; border: none; padding-left: 18px; padding-right: 6px; } } .multiselect-container { width: 100% !important; padding: 0px !important; } .multiselect-container .input-group { width: 98% !important; } .multiselect-dropdow { border: 1px solid #DFE3E7 !important; } .multiselect-container > li > a > label > input[type=checkbox] { display: inline-block !important; } .dropdown-menu { } @media screen and (max-width: 990.9px) { .dropdown-menu-custom { right: auto !important; left: auto !important; transform: revert !important; top: 40px !important; } } @media screen and (max-width: 450px) { .dropdown-menu-custom { padding: 6px; } .workgrpBtns .dropdown-menu .dropdown-item { font-size: 12px; padding: 8px; } .workgrpBtns .dropdown-menu { min-width: 250px !important; } } .custom-text-style { color: #475f7b; text-transform: none; } .incident-hdr-details div span { color: #5a8dee; font-weight: 500; font-size: 14px; line-height: normal; } .incident-hdr-details .col-auto { margin: 2px; } .incident-actions-drop .dropdown-toggle::after { display: none; } .incident-related-drop { transform: translate3d(0px, 21px, 0px) !important; font-size: inherit !important; } .select2-container--default .select2-results__option { color: #5a8dee; } .incident-status-drop .incident-status-options-current { padding-top: 0px !important; padding-bottom: 0px !important; } .incident-status-drop .dropdown-menu .dropdown-item { font-weight: 400; font-size: 14px; font-family: 'Rubik'; } .title-field-drop { max-height: 500px; overflow: auto; } .title-field-drop table { font-weight: 400 !important; font-size: 14px !important; font-family: 'Rubik'; } .incident-status-options { max-height: calc(35vh); overflow: auto; } .incident-status-options > a:hover { color: orange !important; } .progress-bar1 { padding-left: 5px !important; padding-right: 5px !important; } .progress-bar1 .nav-link { /*background-color: #F2F4F4; color: #8494a7; border: 1px solid #8494A7; border-radius: 5px;*/ box-shadow: 0 4px 24px rgba(0,0,0,.06); font-weight: 500; font-size: 14px; line-height: 24px; font-family: Rubik,Helvetica,Arial,serif; } .progress-bar1 a.active { background-color: #5A8DEE; color: white; } .sortable { cursor: pointer; } #mSendGPSLocation .btn { padding: 8px 16px; } #mSendGPSLocation .footer-btns { gap: 10px 12px; } #mSendGPSLocation .col-all { padding-left: 8px; padding-right: 12px; } #mSendGPSLocation .col-link { min-width: 250px !important; } #mSendGPSLocation .col-expiry, #mSendGPSLocation .col-code { min-width: 70px !important; width: 70px; } #mSendGPSLocation .col-email { min-width: 150px !important; width: 150px; } #mSendGPSLocation .col-phone, #mSendGPSLocation .col-caseid { min-width: 120px !important; width: 120px; } #mSendGPSLocation .col-copy { min-width: 25px !important; } @media (max-width: 575px) { #mSendGPSLocation .btn { padding: 5px 8px; font-size: 10px; } #mSendGPSLocation .modal-footer { padding: 1.3rem 1.0rem; } #mSendGPSLocation .modal-content { padding-left: 5px; padding-right: 5px; } } @media (max-width: 370px) { #mSendGPSLocation .modal-content { padding-left: 5px; padding-right: 5px; } #mSendGPSLocation .footer-btns { display: grid !important; width: 100%; } #mSendGPSLocation .btn { display: block; padding: 8px 8px; font-size: 12px; } } div.is-invalid { border-color: red !important; border: dotted; } #doc-view-image { /* width: 600px; height: 400px;*/ border: 1px solid #DFE3E7; overflow: auto; /*padding: 10px;*/ /*background-color: #f0f0f0;*/ } #viewer-img-batch { max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; } .note-editor { width: 95% !important; border: 1px solid #475f7b !important; } .note-editable:focus { border: 1px solid #27ae60 !important; } .incident-comment [data-toggle="collapse"]::before { left: 145px; right: auto; } .note-editor.note-frame .note-editing-area .note-editable { padding: 8px !important; } .chat-message .incident-note-link { color: orange; } .incident-related [data-toggle="collapse"]::before { left: 175px; right: auto; } .kpi-timeline [data-toggle="collapse"]::before { left: 170px; right: auto; } .timeline-nv:hover { background-color: white !important; color: #5A8DEE !important; } .form-inline label { justify-content: start !important; align-items: start !important; } .tbl-impound-alerts td { word-wrap: normal !important; word-break: normal !important; } #tbl_ImpoundStolenAlerts_dt_filter input[type='search'] { width: 250px; height: auto; font-size: 1rem; } .assignment-tracker-tabs { box-shadow: none !important; } .assignment-tracker-tabs .col-all { min-width: 100px !important; word-break: break-word !important; } #mOrderTo .modal-dialog { min-width: 650px; } @media screen and (max-width: 700px) { #mOrderTo .modal-dialog { min-width: auto; } } .gm-style-iw { max-width: 350px !important; max-height: 450px !important; } .gm-style-iw-d { max-height: 450px !important; } .row-highlight { background-color: #5A8DEE !important; color: white !important; } .dataTables_empty { display: none; } .pa-sortable { cursor: pointer; } .attachment-dragdrop { border: 2px dotted #0B85A1; color: #92AAB0; text-align: center; vertical-align: middle; padding: 10px 10px 10px 10px; margin-bottom: 10px; height: 80px; } .track-chars-feedback { font-style: italic; color: #5A8DEE; } .signature-pad-popup { border: 2px solid #000; width: 100%; height: 200px; cursor: crosshair; } .signature-container { } /*upload files - drag and drop - start*/ .dragandrophandler { border: 2px dotted #0B85A1; color: #92AAB0; text-align: center; vertical-align: middle; padding: 10px 10px 10px 10px; margin-bottom: 10px; height: 80px; } .progressBar { width: 200px; height: 22px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; display: inline-block; margin: 0px 10px 5px 5px; vertical-align: top; } .progressBar div { height: 100%; color: #fff; text-align: right; line-height: 22px; /* same as #progressBar height if we want text middle aligned */ width: 0; background-color: #0ba1b5; border-radius: 3px; } .statusbar { border-top: 1px solid #A9CCD1; min-height: 25px; /* width: 700px;*/ /*padding: 10px 10px 0px 10px;*/ vertical-align: top; } .statusbar:nth-child(odd) { background: #EBEFF0; } .filename { display: inline-block; /*vertical-align: top;*/ /*width: 250px;*/ min-width: 15%; } .filesize { display: inline-block; vertical-align: top; color: #30693D; width: 100px; margin-left: 10px; margin-right: 5px; } .abort { background-color: #A8352F; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; color: #fff; font-family: arial; font-size: 13px; font-weight: normal; padding: 4px 15px; cursor: pointer; vertical-align: top } /*upload files - drag and drop - end*/ .signature-pad-style { box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); background-color: white; } .multiselect-container { width: 100% !important; } .multiselect-container .input-group { width: 98% !important; } .multiselect-container label.checkbox { display: block !important; padding: 3px 20px 3px 20px !important; text-transform : capitalize; } .multiselect-container label.checkbox:hover { font-weight: bold !important; } .multiselect-container > li > a > label > input[type=checkbox] { display: inline-block !important; } .multiselect-dropdow { border: 1px solid #DFE3E7 !important; } @media (min-width: 1200px) { .form-container { max-width: 800px; } } @media (min-width: 992px) { .form-container { max-width: 800px; } } @media (min-width: 768px) { .form-container { max-width: 800px; } } #mLocationAnalytics .select2-container { max-width: 470px; width: 470px; } #list-tab-locanalytics a { cursor: pointer; } .la-tab-heading { font-size: 0.9rem; } .la-tab-icon { fill: transparent; } .svg-inner, .svg-outer { fill: #596F88; fill-opacity: 1; } .list-group-item.active .svg-inner, .list-group-item.active .svg-outer, .list-group-item.active .svg-inner-active { fill: #fff; } #mLocationAnalytics .tooltip-inner { max-width: 450px; } #mLocationAnalytics .tooltip-inner ul { text-align: justify; padding-left: 20px; padding-right: 10px; margin-top: 15px; margin-bottom: 15px; } #mLocationAnalytics .tooltip-inner ul li { margin-top: 8px; } .atsite-gpshist-dropdown { width: 300px; } #list-tab-locanalytics .list-group-item { padding: 1rem 0.5rem; caret-color: transparent; } #mLocationAnalytics div.dataTables_wrapper div.dataTables_filter, #mLocationAnalytics div.dataTables_wrapper div.dataTables_length { margin: 0 0; } #mLocationAnalytics div.dataTables_wrapper div.dataTables_filter label, #mLocationAnalytics div.dataTables_wrapper div.dataTables_length label { text-transform: none; } #mLocationAnalytics table, #mLocationAnalytics tr, #mLocationAnalytics th, #mLocationAnalytics td, #mLocationAnalytics span, #mLocationAnalytics div, #mLocationAnalytics h3, #mLocationAnalytics h4, #mLocationAnalytics h5, #mLocationAnalytics h6 { caret-color: transparent; } @media screen and (max-width: 575.9px) { #mLocationAnalytics span, #mLocationAnalytics th, #mLocationAnalytics td, #mLocationAnalytics .dataTables_info, #mLocationAnalytics label { font-size: 0.75rem !important; } #mLocationAnalytics .status-val { font-size: 1rem !important; } .la-tab-heading { display: none; } .la-tab-icon { font-size: 2rem !important; } .la-sec-a-heading, .la-sec-b-heading, .la-sec-c-heading, .la-sec-d-heading, .la-sec-e-heading { display: block !important; margin-bottom: 25px !important; } .list-group-hor { margin-bottom: 8px; } #list-tab-locanalytics .list-group-item { padding: 1rem 1rem; text-align: center; } #mLAEditByAgent .select2-container { max-width: 280px; width: 280px; } #mLocationAnalytics .tooltip-inner { max-width: 300px; } #mLocationAnalytics .tooltip-inner ul li { font-size: 0.7rem; } .atsite-gpshist-dropdown { width: 260px; } .modal-body-agent-edit { padding: 1.3rem 1.3rem; } .modal-body-la { padding: 1.3rem 0.5rem; } #mLocationAnalytics .pagination .page-item.next .page-link, #mLocationAnalytics .pagination .page-item.previous .page-link { padding: 15px 12px; } #mLocationAnalytics div.dataTables_wrapper div.dataTables_filter, #mLocationAnalytics div.dataTables_wrapper div.dataTables_length { text-align: left; font-size: 0.75rem !important; } } @media screen and (max-width: 610px) { .dlg-remove-agent-verify .modal-dialog { width: 300px !important; margin-right: auto !important; margin-left: auto !important; } .dlg-remove-agent-verify .modal-dialog .modal-body { padding-right: 10px !important; padding-left: 10px !important; } } @media screen and (max-width: 767.9px) { #mLocationAnalytics div.dataTables_wrapper div.dataTables_filter, #mLocationAnalytics div.dataTables_wrapper div.dataTables_length { text-align: left; font-size: 0.75rem !important; } } @media screen and (max-width: 991.9px) { .list-group-hor { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-item { border-top-left-radius: inherit; border-top-right-radius: inherit; border: 1px solid #DFE3E7 !important; } } @media screen and (max-width: 991.9px) and (min-width: 575.9px) { .list-group-hor { margin-bottom: 25px; } } #la-agent-photo { border: 1px solid #DFE3E7; border-radius: 0.267rem; } #la-agent-photo * { caret-color: transparent; } #la-agent-photo .dz-preview.dz-image-preview { margin: 0rem 0 1rem 0rem; border: 1px dotted #DFE3E7; border-radius: 0.267rem; } #la-agent-photo .dz-preview.dz-image-preview .dz-image { text-align: center; } #la-agent-photo .dz-preview.dz-image-preview .dz-image img { padding: 3px; border-radius: 0.267rem; } #la-agent-photo .dz-preview.dz-image-preview .dz-details { border-top: 1px dotted #DFE3E7; } #la-agent-photo .dz-preview.dz-image-preview .dz-details .dz-size, #la-agent-photo .dz-preview.dz-image-preview .dz-details .dz-filename { position: static; text-align: center; padding: 1px 1px; } #la-agent-photo-uploaded .photos-list-item { border: 1px dotted #ccc; padding: 3px 6px; margin-bottom: 4px; margin-right: 4px; display: inline-block; text-align: center; } #la-agent-photo-uploaded .photos-list-item a { vertical-align: text-bottom; margin-right: 4px; } .dropdown-menu-accounts { width: 35rem !important; } .i-read-notify { border-radius: 50%; box-shadow: 0 0 5px 0px var(--orange); } .i-read-notify:hover { box-shadow: 0 0 5px 1px var(--orange); } #ul_topaccounts { top: 29px !important; } /* Combined Notifications & Acknowledgement */ .combined-notifications { top: 29px !important; } .combined-notifications #notify-tab { margin-bottom: 0px; box-shadow: -7px 8px 16px 0 rgba(55,70,95,.2); } .combined-notifications #notify-tab .tab-content { position: absolute; left: -0.0rem; width: 28rem !important; } .combined-notifications #notify-tab .std-notify-list { top: 38px !important; padding: 0px; width: 28rem !important; } .combined-notifications #notify-tab .std-notify-list #li_topnotifications .media { border: 0; border-top: 1px solid #DFE3E7; } .combined-notifications #notify-tab .std-notify-list #li_topnotifications .media:first-child { border-top: 0; } .combined-notifications #notify-tab #ul_unack_notifications { top: 38px !important; padding: 0px; width: 28rem !important; } .combined-notifications #notify-tab #ul_unack_notifications #li_unack_notifications .media { border: 0; border-top: 1px solid #DFE3E7; } .combined-notifications #notify-tab #ul_unack_notifications #li_unack_notifications .media:first-child { border-top: 0; } .combined-notifications #notify-tab #ul_sms_notifications { top: 38px !important; padding: 0px; width: 28rem !important; } .combined-notifications #notify-tab #ul_sms_notifications #li_unack_notifications .media { border: 0; border-top: 1px solid #DFE3E7; } .combined-notifications #notify-tab #ul_sms_notifications #li_unack_notifications .media:first-child { border-top: 0; } .combined-notifications #notification-tab { border-top-right-radius: 0; } .combined-notifications #acknowledgement-tab { border-top-left-radius: 0; } .combined-notifications .nav-item { display: block !important; margin: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 0 !important; } .combined-notifications .nav-link { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding-top: 0.8rem; padding-bottom: 0.8rem; margin: 0 !important; cursor: pointer; caret-color: transparent; } .combined-notifications .nav-link.active:before, .combined-notifications .nav-link.active:after, .combined-notifications .nav-link.active, .combined-notifications .nav-link[aria-selected="true"] { color: white !important; background-color: var(--primary) !important; } .combined-notifications .nav-link.active:before, .combined-notifications .nav-link.active:after, .combined-notifications .nav-link.active, .combined-notifications .nav-link, .combined-notifications .nav-item { content: none !important; } div[data-target=".combined-notifications"] { cursor: pointer; caret-color: transparent; } /* Combined My RDN & All RDN */ .combined-rdn-updates { top: 22px !important; } .combined-rdn-updates #rdn-updates-tab { margin-bottom: 0px; box-shadow: -7px 8px 16px 0 rgba(55,70,95,.2); } .combined-rdn-updates #rdn-updates-tab .tab-content { position: absolute; left: 0.0rem; width: 28rem !important; } .combined-rdn-updates #rdn-updates-tab .my-rdn-list { top: 38px !important; padding: 0px; width: 28rem !important; } .combined-rdn-updates #rdn-updates-tab .my-rdn-list #li_my_rdn .media { border: 0; border-top: 1px solid #DFE3E7; } .combined-rdn-updates #rdn-updates-tab .my-rdn-list #li_my_rdn .media:first-child { border-top: 0; } .combined-rdn-updates #rdn-updates-tab .all-rdn-list { top: 38px !important; padding: 0px; width: 28rem !important; } .combined-rdn-updates #rdn-updates-tab .all-rdn-list #li_all_rdn .media { border: 0; border-top: 1px solid #DFE3E7; } .combined-rdn-updates #rdn-updates-tab .all-rdn-list #li_all_rdn .media:first-child { border-top: 0; } .combined-rdn-updates #my-rdn-tab { border-top-right-radius: 0; } .combined-rdn-updates #all-rdn-tab { border-top-left-radius: 0; } .combined-rdn-updates .nav-item { display: block !important; margin: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 0 !important; } .combined-rdn-updates .nav-link { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding-top: 0.8rem; padding-bottom: 0.8rem; margin: 0 !important; cursor: pointer; caret-color: transparent; } .combined-rdn-updates .nav-link.active:before, .combined-rdn-updates .nav-link.active:after, .combined-rdn-updates .nav-link.active, .combined-rdn-updates .nav-link[aria-selected="true"] { color: white !important; background-color: var(--primary) !important; } .combined-rdn-updates .nav-link.active:before, .combined-rdn-updates .nav-link.active:after, .combined-rdn-updates .nav-link.active, .combined-rdn-updates .nav-link, .combined-rdn-updates .nav-item { content: none !important; } div[data-target=".combined-rdn-updates"] { cursor: pointer; caret-color: transparent; } /* Screen Adjustments */ @media(max-width:767.98px) { #ul_topaccounts { left: 10px !important; top: 59px !important; max-height: 420px !important; width: 93% !important; } .dropdown-menu-accounts { width: 95% !important; } .combined-notifications { position: fixed !important; left: auto !important; right: 0px !important; top: 50px !important; } .combined-rdn-updates { position: fixed !important; left: auto !important; right: 0px !important; top: 50px !important; } } @media(max-width:1199.98px) { .header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link.nav-menu-main { padding: 0rem 1rem !important; } } .headerInfo { background-color: #fff; border-radius: 6px; margin: 15px 0 0 0; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.12); display: flex; } .badgeIcon { font-weight: 600; font-size: 12px; } .userName { font-weight: 500; font-size: 14px; color: #475F7B; } .header-navbar .navbar-container ul.nav li .userIcon i.ficon { font-size: 38px; } h2 { font-weight: 500; font-size: 28px; color: #475F7B; margin: 20px 0; } .bgGreen { background-color: #27AE60; } .bgOrange { background-color: #F2994A; } .bgYellow { background-color: #F2C94C; } .bgBlue { background-color: #5A8DEE; } .bgPurple { background-color: #BB6BD9; } .bgDarkgray { background-color: #475F7B; } .workPending .jsgrid-pager-container { background-color: #fff; padding: 18px; border-radius: 0 0 6px 6px; border-top: 1px solid #E9ECEF; } .workPending .jsgrid-pager { text-align: right; } .workPending .jsgrid-pager-page { background-color: #F3F2F7; padding: 0; font-family: 'Rubik'; display: inline-block; } .workPending .jsgrid-pager-current-page, .workPending .jsgrid-pager-page: hover, .workPending .jsgrid-pager-nav-button: hover { background-color: #5A8DEE; color: #fff; border-radius: 5px; font-weight: 400; } .workPending .jsgrid-pager-current-page { padding: 6px 10px; } .workPending .jsgrid-pager-nav-button { padding: 0; background-color: #f3f2f7; border-radius: 6px; font-family: 'Rubik'; color: #8494A7; display: inline-block; } .workPending .jsgrid-pager-page: hover a, .workPending .jsgrid-pager-nav-button: hover a { color: #fff; } .workPending .jsgrid-pager-page a, .workPending .jsgrid-pager-nav-button a { font-size: 12px; font-weight: 400; color: #8494A7; padding: 7px 10px; display: inline-block; } .workPending { background-color: transparent; box-shadow: none; } .workPending .jsgrid-grid-body .jsgrid-cell: first-child { text-align: center; } .nav.nav-tabs.workBtn { border: none; } .nav.nav-tabs.workBtn .nav-item .nav-link { background-color: #fff; font-weight: 500; font-size: 14px; line-height: 24px; font-family: Rubik, Helvetica, Arial, serif; color: #8494A7; border-radius: 6px; padding: 7px 10px; border: 2px solid transparent; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); } .nav.nav-tabs.workBtn .nav-item .nav-link.active, .nav.nav-tabs.workBtn .nav-item .nav-link: hover { background-color: #E6EFFF; border: 2px solid #5A8DEE; color: #475F7B; } .nav.nav-tabs.workBtn .nav-item .nav-link span { font-weight: 500; font-size: 14px; min-width: 53px; padding: 7px; margin: 0 5px 0 0; } .nav.nav-tabs.workBtn .nav-item .nav-link span#IdmsNoRepo { min-width: auto; padding: 4px; margin: 0 0 0 3px; } .nav.nav-tabs.workBtn .nav-item .nav-link: hover span { color: #fff; } .nav.nav-tabs.workBtn .nav-item { margin: 0 10px 10px 0; padding: 0; } .nav.nav-tabs.workBtn .nav-item .nav-link.active: : before, .nav.nav-tabs.workBtn .nav-item .nav-link.active: : after { display: none; } .filterDetails { background-color: #fff; padding: 5px 22px; border-radius: 6px; margin-top: 5px; margin-bottom: 0px; } .searchBar input { order: 2; border: none; background-color: transparent; font-weight: 300; font-size: 14px; font-family: Rubik, Helvetica, Arial, serif; color: #8494A7; padding: 10px 10px 10px 0; } .searchBar input: : placeholder { font-size: 10px; } .searchBar input: focus { background-color: transparent; box-shadow: none; } .searchBar .input-group { border: 1px solid #D8D6DE; border-radius: 5px; } .searchBar .btn { padding: 7px; font-size: 14px; } .searchBar .btn: hover { color: #475F7B; } .searchBar ul { margin: 0 !important; border: none; } .workgrpBtns .btn { padding: 10px; font-weight: 500; font-size: 11px; color: #fff; font-family: Rubik, Helvetica, Arial, serif; line-height: 16px; } .workgrpBtns .btn i { font-size: 14px; top: 2px; } .workgrpBtns #btnReset { padding: 7px 10px; } .workgrpBtns #btnReset i { font-size: 18px; color: #fff; } .workgrpBtns .btn.dropdown-toggle: : after { display: none; } .filterOptions { width: 99%; margin: 0; } .filterOptions label { color: #475F7B; margin-bottom: 6px; font-weight: 400; font-size: 12px; line-height: 14px; font-family: Rubik, Helvetica, Arial, serif; text-transform: capitalize; width: 100%; } .filterOptions .multiselect-dropdow, .filterOptions select { background-color: #fff; font-weight: 400; font-size: 12px; font-family: Rubik, Helvetica, Arial, serif; color: #B9B9C3; border-radius: 5px; text-align: left; padding: 8px 15px; line-height: normal; } .filterOptions .form-group { width: 100%; } .filterOptions .form-group, .spacingRight { margin: 0 0 15px 0; } .filtersideBtns .btn { color: #FFFFFF; font-weight: 500; font-size: 14px; font-family: Rubik, Helvetica, Arial, serif; padding: 8px 24px; } .filterTagbtn .menu-button { position: relative; border: none; background-color: rgba(90, 141, 238, 0.1); border-radius: 4px; font-weight: 400; font-size: 10px; font-family: Rubik, Helvetica, Arial, serif; color: #5A8DEE; margin: 0 10px 5px 0; } .filterTagbtn .menu-button.clearFilter { background-color: rgba(235, 87, 87, 0.2); color: #EB5757; padding: 8px; font-weight: 500; font-size: 11px; } .filterTagbtn .menu-button span { color: #8494A7; font-size: 14px; position: absolute; top: 9px; right: 5px; } .overlayBar { height: 100vh; z-index: 9999; position: fixed; top: 0; left: 0; width: 100vw; background-color: #0000007d; } .filterOptions .show > .dropdown-menu { z-index: 9999; margin: 0; padding: 14px 8px; border-radius: 6px; border: none; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); max-height: 276px !important; width: 220px; overflow-y: auto; } .filterOptions .multiselect-container .input-group { margin: 0; } .filterOptions .multiselect-container > li { width: 100% !important; } .filterOptions .multiselect-container > li input { border: 1px solid #EBE9F1; border-radius: 4px !important; color: #6E6B7B; font-weight: 400; font-size: 14px; margin: 0 0 10px 0; background-color: transparent; } .filterOptions .form-group.RDNOrderDateRange { } .filterOptions .multiselect-container > li > a > label > input[type="checkbox"] { margin: 0 6px 0 0; } .filterOptions .multiselect-container > li a label { font-weight: 400; font-size: 14px; line-height: 21px; color: #6E6B7B; display: block; text-transform: capitalize; padding: 4px 10px; } #scorebreakdown .modal-content-wrapper { } #scorebreakdown .modal-content { } #scorebreakdown .modal-header { } #scorebreakdown .close { } .filterOptions .dropdown-toggle: : after { border: solid #6E6B7B; border-width: 0 1px 1px 0; padding: 3px; transform: rotate(45deg); margin: 0 5px 0 0; position: absolute; top: 10px; right: 10px; } .pageSize { display: flex; align-items: center; justify-content: end; margin: 0; } .pageSize label { font-weight: 400; font-size: 14px; margin: 0 10px 0 0; } .pageSize select { width: 80px; font-weight: 400; font-size: 10px; background-position: calc(100% - 8px) 8px, calc(100% - 7px) 0px, 100% 0 !important; } #mAccountTags .modal-content { border-radius: 6px; padding: 20px; } #mAccountTags .modal-dialog { min-width: 368px; } #mAccountTags .modal-header { padding: 0; border: none; } #mAccountTags .modal-title { font-weight: 500; font-size: 18px; color: #475F7B; display: flex; align-items: center; } #mAccountTags .modal-title span { background-color: #27AE60; color: #fff; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; margin-right: 7px; border-radius: 50%; } #mAccountTags .modal-title span i { font-size: 20px; } #mAccountTags .modal-body { padding: 0; margin: 20px 0 0 7px; } #mAccountTags .checkbox label { margin-left: 30px; color: #6E6B7B; font-weight: 400; font-size: 14px; font-family: Rubik, Helvetica, Arial, serif; line-height: 21px; } .checkbox input: checked ~ label: : before { background-color: #5A8DEE; border: none; } .checkbox input: checked ~ label: : after { border-color: #fff; } #mAccountTags .modal-footer { padding: 0; justify-content: start; border: none; margin: 8px 0 0 0; } #mAccountTags .btn { color: #fff; border-radius: 5px; font-weight: 400; font-size: 14px; font-family: Rubik, Helvetica, Arial, serif; margin: 0; padding: 8px 24px; } .btnClose { color: #F2994A !important; background-color: #fff; border: 1px solid #f2994a !important; margin: 0 0 0 15px !important; } .btnClose: hover { opacity: 0.8; color: #fff !important; background-color: #F2994A !important; } .modal .modal-content .modal-header .close { background-color: transparent; color: #475F7B; display: flex; justify-content: center; align-items: center; opacity: 0.7; border: 2px solid #8494A7; } .modal .modal-content .modal-header .close i { font-size: 22px; } .jsgrid-header-row > .jsgrid-header-cell { background: #DEE4EF !important; font-weight: 500; font-size: 12px; line-height: 13px; color: #475F7B; font-family: Rubik, Helvetica, Arial, serif; padding: 12px 10px; position: relative; } .checkbox label: : before { background-color: transparent; } .checkbox label: : after { border: 1.5px solid #D8D6DE; } .jsgrid-header-sort-asc: : before { border: solid #6E6B7B; border-width: 0 1px 1px 0 !important; padding: 3px; transform: rotate(-135deg); border-color: initial !important; float: right !important; margin: 0 5px 5px 0; position: absolute; top: 50%; right: 0; } .jsgrid-header-sort-desc: : before { border: solid #6E6B7B !important; border-width: 0 1px 1px 0 !important; padding: 3px; transform: rotate(45deg); float: right !important; content: " "; display: block; margin: 0 5px 0; position: absolute; top: 50%; right: 0; } .ftrSidebar { background-color: #F8F8F8; padding: 13px 20px; } .barclsIcon { font-size: 20px; font-weight: 400; color: #6E6B7B; line-height: 12px; font-family: Rubik, Helvetica, Arial, serif; cursor: pointer; } .ftrSidebar h2 { font-weight: 500; font-size: 15px; font-family: Rubik, Helvetica, Arial, serif; color: #5E5873; margin: 0; } .menu-button { border: 1px solid #000; color: #000; display: inline-block; cursor: pointer; } .hide-menu { background-color: #fff; position: fixed; top: 0; right: 0; z-index: 9999; width: 570px; height: 100%; -webkit-transform: translate3d(1000px, 0, 0); -moz-transform: translate3d(1000px, 0, 0); -o-transform: translate3d(1000px, 0, 0); -ms-transform: translate3d(1000px, 0, 0); transform: translate3d(1000px, 0, 0); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .show-menu { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .filterDropdowns { } .ftrSidebar-content { padding: 5px; overflow-y: auto; max-height: calc(100% - 115px); } .ftrSidebar-content-pm { padding: 8px; overflow-y: auto; max-height: calc(100% - 115px); } .jsgrid-grid-header { border: none !important; background-color: transparent !important; } .jsgrid { height: 620px !important; } jsgrid-header-row { border: none; } .jsgrid-row, .jsgrid-alt-row, .jsgrid-table tr { border-bottom: 2px solid #E9ECEF; } .jsgrid-cell { padding: 12px 10px !important; font-weight: 400; font-size: 14px; font-family: 'Rubik'; border: none !important; } .jsgrid-header-row > .jsgrid-header-cell { border: none !important; } .jsgrid-header-row > .jsgrid-header-cell: first-child { border-radius: 6px 0 0 0; } .jsgrid-header-row > .jsgrid-header-cell: last-child { border-radius: 0 6px 0 0 } .jsgrid-cell a { font-weight: 500; font-size: 12px; color: #5A8DEE; } .jsgrid-cell span.bg-warning { background: rgba(255, 159, 67, 0.2) !important; color: #FF9F43 !important; font-weight: 600; font-size: 12px; } .jsgrid-cell span.badge { font-weight: 600; font-size: 12px; text-transform: capitalize; padding: 5px 10px; } .jsgrid-grid-body: : -webkit-scrollbar, .dataTables_scrollBody: : -webkit-scrollbar, .custom-scrolling: : -webkit-scrollbar, .filterDropdowns: : -webkit-scrollbar { width: 10px; height: 10px; } .jsgrid-grid-body: : -webkit-scrollbar-track, .dataTables_scrollBody: : -webkit-scrollbar-track, .custom-scrolling: : -webkit-scrollbar-track, .filterDropdowns: : -webkit-scrollbar-track { background: #DEE4EF; } .jsgrid-grid-body: : -webkit-scrollbar-thumb, .dataTables_scrollBody: : -webkit-scrollbar-thumb, .custom-scrolling: : -webkit-scrollbar-thumb, .filterDropdowns: : -webkit-scrollbar-thumb { background-color: #475F7B; border-radius: 20px; } .custom-scrolling { } .jsgrid-grid-header { overflow-y: hidden !important; } .account-details .card-body, .account-details .card { background-color: transparent; padding: 0; box-shadow: none; } .accDetails { background-color: #fff; border-radius: 6px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); } .workgrpBtns .show > .dropdown-menu { border-radius: 6px; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); border: none; padding: 0; } .workgrpBtns .dropdown-menu .dropdown-item { font-weight: 400; font-size: 14px; color: #6E6B7B; font-family: 'Rubik'; } .workgrpBtns .dropdown-menu .dropdown-item: hover { color: #fff; background-color: #5A8DEE; } .workgrpBtns .dropdown-menu .dropTitle { color: #5A8DEE; font-weight: 400; font-size: 12px; font-family: 'Rubik'; padding: 10px 20px; border-top: 1px solid #EBE9F1; margin: 0; } .dnButton a { background-color: #275696; border-radius: 5px; color: #fff; padding: 5px 6px; line-height: 13px; transition: 1s; } .accTitle h4 { font-weight: 500; font-size: 14px; line-height: normal; color: #000; } .accTitle h4 span.titpipeline { color: #8494A7; } .accTitle div { font-weight: 500; font-size: 14px; line-height: normal; color: #000; } .accTitle div span.titpipeline { color: #8494A7; } .btnIncident { background-color: #275696; color: #fff; font-size: 13px; font-weight: 500; padding: 8px 10px; line-height: normal; border-radius: 5px; } .btnIncident .dropdown-menu { padding: 10px; } .btnIncident .dropdown-menu .dropdown-item { background-color: transparent; color: #8494a7; padding: 5px; } .btnIncident: hover { background-color: #5A8DEE; color: #fff; } .accTitle h4 span { color: #5A8DEE; } .accTitle h4 a { color: #275696; background-color: transparent; padding: 0; } .accTitle h4 a: hover { background-color: transparent; color: #275696; } .accTitle div span { color: #5A8DEE; } .accTitle div a { color: #275696; background-color: transparent; padding: 0; } .accTitle div a: hover { background-color: transparent; color: #275696; } .dnButton a: hover { background-color: #5A8DEE; color: #fff; } .dnButton a i { font-size: 20px; position: static; line-height: normal; } .followDate { font-family: 'Rubik'; font-weight: 400; font-size: 12px; color: #5E5873; min-width: 295px; } .followDate input { width: 200px; font-size: 14px; padding: 6px !important; border: 1px solid #D8D6DE; border-radius: 5px; color: #8494A7; text-transform: uppercase; height: auto; font-size: 12px; } .accBtnTab { margin: 10px 0 0 0; } .accIdmstab #accountdetail-tabs { margin: 0 !important; border: none; } .accIdmstab #accountdetail-tabs .nav-item { margin: 0 8px 7px 0; padding: 0; } .accIdmstab #accountdetail-tabs .nav-item: last-child { margin: 0; } .accIdmstab #accountdetail-tabs .nav-link { background-color: #fff; font-weight: 500; font-size: 14px; font-family: 'Rubik'; color: #8494A7; padding: 8px !important; border: 1px solid #8494A7; border-radius: 6px; } .accIdmstab #accountdetail-tabs .nav-item .nav-link.active, .accIdmstab #accountdetail-tabs .nav-item .nav-link: hover { background-color: #E6EFFF; color: #475F7B; border-color: #5A8DEE; box-shadow: none; } .accIdmstab .nav.nav-tabs .nav-item .nav-link: not(: active): hover span { color: #475F7B; } .accIdmstab #accountdetail-tabs .nav-item .nav-link.active i { color: #5A8DEE; } .accIdmstab #accountdetail-tabs .nav-link i { margin: 0 0 0 5px; } .accIdmstab .nav.nav-tabs .nav-item .nav-link.active: : before, .accIdmstab .nav.nav-tabs .nav-item .nav-link.active: : after, .accountTab .nav.nav-tabs .nav-item .nav-link.active: : before, .accountTab .nav.nav-tabs .nav-item .nav-link.active: : after { display: none; } .accBtnInfo { margin: 0 0 0 10px; display: flex; justify-content: end; align-items: center; } .accBtnInfo #btn-refresh-section { height: 36px; width: 37px; background-color: #27AE60; display: flex; align-items: center; justify-content: center; } .accBtnInfo .btn { border-radius: 5px !important; } .accBtnInfo #btn-refresh-section i { position: static; font-size: 22px; line-height: 20px; } .accBtnInfo .btn-group { display: inline-block; font-size: 0; text-align: right; } .accountTab ul { background-color: #fff; border: none; border-radius: 6px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); margin-bottom: 15px !important; } .accountTab .nav.nav-tabs .nav-item { margin: 0 30px 0 0; padding: 0; position: relative; } .accountTab .nav.nav-tabs .nav-item: last-child { margin: 0; } .accountTab .nav.nav-tabs .nav-item .nav-link { font-weight: 400; font-size: 14px; font-family: 'Rubik'; color: #8494A7; background-color: transparent; padding: 6px; position: relative; } .accountTab .nav.nav-tabs .nav-item .nav-link.active { box-shadow: none; color: #F2994A; font-weight: 500; } .accountTab .nav.nav-tabs .nav-item .nav-link: hover span, .accountTab .nav.nav-tabs .nav-item .nav-link: hover { color: #F2994A; } .accountTab .nav.nav-tabs .nav-item .nav-link: : before { content: ''; width: 100%; height: 2px; border-radius: 10px; background-color: #F49E2B; position: absolute; bottom: 0; border: none; display: none; } .accountTab .nav.nav-tabs .nav-item .nav-link.active: : before, .accountTab .nav.nav-tabs .nav-item .nav-link: hover: : before { display: block; } .accountTab .collapsible { margin: 0 0 15px 0; padding-left: 0; } .accountTab .tab-content { padding: 0 !important; } .accountTab #pnl-primary .row, #pnl-repossession .col { padding: 0 0 0 15px; } .accountTab .collapse-header { background-color: #fff; border-radius: 6px !important; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06) !important; padding: 20px; height: 100%; margin: 0; } .accountTab .collapsible .card .card-header { border: none; padding: 0 !important; } .accountTab .collapse-title-custom { font-size: 16px !important; text-transform: capitalize; font-weight: 500; color: #5A8DEE; display: flex; align-items: center; } .accountTab .collapse-title-custom i { display: flex; order: 2; margin: 0 0 0 10px !important; color: #475F7B; } .accountTab .collapse-icon [data-toggle="collapse"]: : before { top: 0; right: 0; color: #5A8DEE; } .accountTab .collapse { margin: 15px 0 0 0; } .accountTab .table { margin: 0; } .accountTab .table-compact .td-header { text-align: left; color: #8494A7; } .accountTab .table-compact td, .accountTab label.form-control-custom { font-weight: 400; font-size: 14px; color: #475F7B; line-height: 21px; margin: 0; border: none; text-transform: inherit; text-align: right; } #tbl-repossession_wrapper .row: first-child, #pnl-transaction .row: first-child, #tbl-insurance_wrapper .row: first-child, #tbl-promise_wrapper .row: first-child { flex-direction: row-reverse; margin: 0 0 15px 0; } #tbl-repossession_length, #tbl-transaction_length, #tbl-insurance_length, #tbl-promise_length { text-align: right; margin: 0; } #tbl-repossession_filter, #tbl-transaction_filter, #tbl-insurance_filter, #tbl-promise_filter { text-align: left; margin: 0; } .accountTab div.dataTables_wrapper label { font-size: 14px; color: #6E6B7B; font-family: 'Rubik'; font-weight: 400; text-transform: inherit; } .accountTab div.dataTables_wrapper div.dataTables_filter input { height: auto; padding: 10px; width: 300px; border: 1px solid #D8D6DE; border-radius: 5px; } .accountTab div.dataTables_wrapper div.dataTables_length select { padding: 10px; height: auto; width: 80px; margin: 0 5px; background-position: calc(100% - 4px) 12px, calc(100% - 20px) 13px, 100% 0 !important; } .accountTab .jsgrid-header-row > .jsgrid-header-cell { font-weight: 500; font-size: 11px; color: #475F7B; text-align: left; padding: 10px 15px 10px 10px; text-transform: capitalize; } .accountTab .jsgrid-header-row > .jsgrid-header-cell: first-child { border-radius: 6px 0 0 0; } .accountTab .jsgrid-header-row > .jsgrid-header-cell: last-child { border-radius: 0 6px 0 0; } #tbl-transaction .jsgrid-header-row > .jsgrid-header-cell, #tbl-transaction .jsgrid-cell, #tbl-transaction td { text-align: left; } #tbl-transaction .jsgrid-header-row > .jsgrid-header-cell: last-child { width: 130px; } .jsgrid-grid-body { border: none !important; max-height: 530px; padding: 0; } .removeSpace { margin-left: -22px; } #tbl-transaction .jsgrid-header-row > .jsgrid-header-cell: first-child, #tbl-transaction .jsgrid-cell: first-child, #tbl-insurance .jsgrid-header-row > .jsgrid-header-cell: first-child, #tbl-insurance .jsgrid-cell: first-child, #tbl-promise .jsgrid-header-row > .jsgrid-header-cell: first-child, #tbl-promise .jsgrid-cell: first-child, #tbl-repossession .jsgrid-header-row > .jsgrid-header-cell: first-child, #tbl-repossession .jsgrid-cell: first-child, #tbl-redemptionscore .jsgrid-header-row > .jsgrid-header-cell: first-child, #tbl-redemptionscore .jsgrid-cell: first-child { padding-left: 20px !important; } #tbl-transaction_wrapper .table thead, #tbl-repossession_wrapper .table thead, #tbl-insurance_wrapper .table thead, #tbl-promise_wrapper .table thead { position: sticky; top: 0; } #tbl-transaction tr, #tbl-repossession tr, #tbl-insurance tr, #tbl-promise_wrapper tr { border-bottom: 2px solid #E9ECEF; } #pnl-promise .promiseTxt td { color: #8494A7; font-weight: 400; font-size: 14px; font-family: 'Rubik'; padding: 0 0 10px 0; } #pnl-promise .promiseTxt td span { font-weight: 500; } .modal .modal-content .modal-header .modal-title { font-family: 'Rubik'; font-weight: 500; font-size: 18px; color: #475F7B; } .modal-content { } #mOrderTo .modal-dialog { min-width: 370px; } #mOrderTo td { padding: 0; } #mOrderTo label { font-weight: 400; font-size: 12px; font-family: 'Rubik'; color: #5E5873; text-transform: capitalize; } #mOrderTo #Search-OrderType { background-color: #FFFFFF; background-position: calc(100% - 10px) 11px, calc(100% - 20px) 13px, 100% 0; border: 1px solid #D8D6DE; border-radius: 5px; font-weight: 300; font-size: 14px; color: #8494A7; width: 250px; margin: 0 0 0 10px; } #mOrderTo .btnClose, #mIdmsAddNote .btnClose { margin: 0 15px 0 0 !important; } #mIdmsAddNote textarea { background: rgba(216, 216, 216, 0.15); border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 15px; height: 172px; padding: 15px 20px; } #mIdmsAddNote .modal-body { padding: 20px 0; } .modal .btn { } .modal .table { margin: 0; } .modal .btn: hover { opacity: 0.9; } .modal .modal-content .modal-header { } .modal-body { } .modal .modal-footer { } #pnl-redemptionscore .jsgrid-header-row > .jsgrid-header-cell: first-child, #pnl-redemptionscore .jsgrid-row > .jsgrid-cell: first-child { text-align: left; } #pnl-redemptionscore .jsgrid-header-row > .jsgrid-header-cell: last-child, #pnl-redemptionscore .jsgrid-row > .jsgrid-cell: last-child { text-align: left; } .filesTab { background: #FFFFFF; border-radius: 6px 6px 0 0; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); padding: 15px 22px; } .filesTab td { position: relative; } .filesTab .fileInput { border: 1px solid #D8D6DE; border-radius: 5px; font-weight: 300; font-size: 10px; color: #8494A7; font-family: 'Rubik'; padding: 11px 95px 11px 15px; height: auto; width: 300px; } .filesTab .fileBtn { display: inline-block; background-color: #5A8DEE; position: absolute; top: 2px; right: 1px; width: auto; font-weight: 500; font-size: 11px; font-family: 'Rubik'; color: #FFFFFF; padding: 8px 10px; height: auto; border-radius: 0px 4px 4px 0px; cursor: pointer; } .filesTab input.fileInput: : file-selector-button { display: none; } .filesTab select { width: 250px; background: #FFFFFF; border: 1px solid #D8D6DE; border-radius: 5px; font-weight: 500; font-size: 10px; color: #475F7B; font-family: 'Rubik'; height: auto; padding: 11px 15px; margin: 0 0 0 15px; } .filesTab .Fileuploadbtn { color: #fff; font-weight: 500; font-size: 11px; border-radius: 5px; margin: 0 0 0 10px; font-family: 'Rubik'; width: 97px; height: 37px; } .fileInfo .jsgrid-header-row > .jsgrid-header-cell: first-child, .fileInfo .jsgrid-header-row > .jsgrid-header-cell: last-child { border-radius: 0; } .fileInfo .jsgrid-header-row > .jsgrid-header-cell: first-child { padding-left: 22px; } .pmasterInfo .card { box-shadow: none; } .pmasterInfo .card-body { padding: 0; box-shadow: none; } .priceBtns.nav.nav-tabs { margin: 0 0 15px 0; border: none; } .priceBtns.nav.nav-tabs .nav-item { margin: 0 20px 0 0; padding: 0; } .priceBtns.nav.nav-tabs .nav-item: last-child { margin: 0; } .priceBtns.nav-tabs .nav-link { font-weight: 500; font-size: 14px; color: #8494A7; font-family: 'Rubik'; background: #FFFFFF; border-radius: 6px !important; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06) !important; padding: 15px 16px; display: flex; justify-content: center; align-items: center; border: 2px solid transparent; } .priceBtns.nav.nav-tabs .nav-item .nav-link.active, .priceBtns.nav.nav-tabs .nav-item .nav-link: hover { color: #475F7B; border: 2px solid #5A8DEE; background: #E6EFFF; } .priceBtns.nav.nav-tabs .nav-item .nav-link: hover span { color: #474f7b; } .priceBtns.nav-tabs .nav-link i { color: #fff; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; border-radius: 4px; margin: 0 10px 0 0 !important; } .priceBtns.nav.nav-tabs .nav-item .nav-link.active: : before, .priceBtns.nav.nav-tabs .nav-item .nav-link.active: : after { display: none; } .pmasterInfo .card .heading-elements { position: static; background-color: #fff; border-radius: 6px 6PX 0 0; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); padding: 15px 22px; } .pmasterInfo .card .card-header { padding: 0; } .priceSearch label { position: absolute; top: 12px; left: 7px; width: auto; border: none; padding: 0; background-color: transparent; color: #5A8DEE; line-height: normal; margin: 0; height: auto; cursor: pointer; z-index: 11; } .priceSearch input { border: 1px solid #D8D6DE; border-radius: 5px; padding: 8px 10px 9px 30px !important; width: 300px; margin: 0 10px 0 0; height: auto; } .priceIDMSbtn input { background-color: #EB5757; font-weight: 500; font-size: 11px; font-family: 'Rubik'; color: #fff; padding: 8px 10px; } .priceIDMSbtn input: hover { background-color: #DB5757; color: #fff; } .priceRows li { font-weight: 400; font-size: 14px; color: #6E6B7B; font-family: 'Rubik'; } .priceRows select { border: 1px solid #D8D6DE; border-radius: 5px; background-position: calc(100% - 12px) 12px, calc(100% - 20px) 13px, 100% 0 !important; width: 100px; height: auto; margin: 0 0 0 10px; padding: 9px; } .priceTblview .priceTag { min-width: 40px; text-align: center; } .priceTblview table.dataTable td: first-child { text-align: center; } .priceTblview .table thead th, .priceHistorytbl .table thead th { background-color: #DEE4EF; font-weight: 500; font-size: 11px; font-family: 'Rubik'; color: #475F7B; text-transform: capitalize; padding: 10px; } .priceTblview table.dataTable td, .priceHistorytbl table.dataTable td { font-weight: 400; font-size: 14px; color: #6E6B7B; font-family: 'Rubik'; padding: 10px; } .priceTblview .priceLocation { min-width: 200px; } .priceTblview .priceAction { min-width: 130px; } .priceTblview tr, .priceHistorytbl tr { background-color: #fff; border: none; border-bottom: 2px solid #E9ECEF; } .priceTblview table.dataTable td: nth-child(2) br { display: none; } .pmasterInfo .removeSpace { margin-left: -15px; } .pmasterInfo .pricePagination .pagination .prev a: : before, .pmasterInfo .pricePagination .pagination .next a: : before { display: none; } .btn.priceoverBtn { font-weight: 600; font-size: 12px; color: #FFFFFF; margin: 0 5px; text-transform: capitalize; background-color: #EB5757; padding: 4px 5px; } .priceTblview .badgeSuccess { color: #27AE60; background: rgba(39, 174, 96, 0.12); border-radius: 17px; text-transform: capitalize; } .priceTblview label { text-transform: capitalize; font-size: 14px; font-weight: 400; margin: 0 0 0 5px; } .priceTblview .jsgrid-grid-body { overflow: hidden; } .priceauditTbl { text-align: left; } .priceauditTbl .jsgrid-header-row > .jsgrid-header-cell { text-transform: capitalize; } .priceauditTbl .jsgrid-header-row > .jsgrid-header-cell: first-child, .priceauditTbl .jsgrid-row > .jsgrid-cell: first-child, .priceauditTbl .jsgrid-header-row > .jsgrid-header-cell: last-child, .priceauditTbl .jsgrid-row > .jsgrid-cell: last-child { text-align: left; } .filtersideBtns .btn.reset-filter { color: #F2994A; border: 1px solid #F2994A; border-radius: 5px; margin: 0 10px 0 0; } .filtersideBtns .btn.reset-filter: hover { background-color: #F2994A; color: #fff; } .filterDropdowns .btn-group { width: 100% !important; } .filterDropdowns .btn-group .btn { text-align: left; } .priceFilter label { color: #475F7B; margin-bottom: 6px; font-weight: 400; font-size: 12px; line-height: 14px; font-family: Rubik, Helvetica, Arial, serif; text-transform: capitalize; width: 100%; } .priceFilter input, .priceFilter select { padding: 10px; border-radius: 5px; color: #B9B9C3; font-family: 'Rubik'; font-weight: 400; font-size: 12px; } .filtersideBtns { position: fixed; bottom: 0; background-color: #fff; padding: 20px; left: 0; width: 100%; } .resyncBtn { color: #fff; font-family: 'Rubik'; padding: 12px 10px; font-weight: 500; font-size: 11px; letter-spacing: 0.366667px; margin: 0 10px 0 0; line-height: normal; } .resyncBtn: hover { color: #fff; background-color: #26893B !important; } .priceResetfilter .btn { border: none; color: #fff; padding: 8px 11px; border-radius: 5px; } .priceHistorytbl th { min-width: 100px; } .priceHistorytbl .table thead th: first-child, .priceHistorytbl table.dataTable td: first-child { min-width: 30px; text-align: center; } .priceHistorytbl table.dataTable td { word-break: break-word; } .ruleTopinfo { background-color: #fff; border-radius: 6px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); padding: 15px 22px; margin: 0 0 15px 0; } .ruleTopinfo label, #fileUpload label { margin: 0 10px 0 0; font-family: 'Rubik'; color: #5E5873; font-weight: 400; font-size: 12px; text-transform: capitalize; } .ruleTopinfo select, #fileUpload select { height: auto; font-weight: 300; font-family: 'Rubik'; text-transform: capitalize; padding: 10px 7px; border: 1px solid #D8D6DE; border-radius: 5px; background-position: calc(100% - 12px) 11px, calc(100% - 20px) 13px, 100% 0 !important; } .ruleTopinfo .btn { font-weight: 500; font-size: 11px; font-family: 'Rubik'; color: #fff; line-height: normal; display: flex; justify-content: center; align-items: center; border-radius: 5px; padding: 7px 18px; letter-spacing: 0.366667px; } .ruleTopinfo .btn: hover { opacity: 0.9; } .ruleTopinfo .btn i { font-size: 20px; position: static; line-height: normal; margin: 0 6px 0 0; } .priceruleTbl .jsgrid-grid-body { overflow: hidden; } .priceruleTbl .row: first-child .col-md-6: first-child { display: flex; order: 2; justify-content: end; } .priceruleTbl .row: first-child .col-md-6 { padding: 15px 22px; } .priceruleTbl #rules-list_filter { text-align: left; margin: 15px; } .priceruleTbl #rules-list_filter label { position: relative; font-size: 0; margin: 0; } .priceruleTbl #rules-list_filter label: before { content: "\eb54"; position: absolute; top: 11px; left: 8px; font-family: boxicons; font-size: 16px; color: #5A8DEE; } .priceruleTbl #rules-list_filter input { height: auto; width: 310px; border: 1px solid #D8D6DE; border-radius: 5px; font-style: normal; font-weight: 300; font-size: 14px; color: #8494A7; padding: 10px 10px 10px 30px; margin: 0; } .priceruleTbl #rules-list_length { margin: 15px; } .priceruleTbl #rules-list_length label { font-family: 'Rubik'; font-weight: 400; font-size: 14px; color: #6E6B7B; margin: 0; text-transform: capitalize; } .priceruleTbl #rules-list_length select { border: 1px solid #D8D6DE; border-radius: 5px; background-position: calc(100% - 12px) 10px, calc(100% - 20px) 13px, 100% 0 !important; width: 100px; height: auto; margin: 0 5px; padding: 10px; font-size: 14px; line-height: normal; } .rules-list-table .card { border-radius: 6px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); } .rules-list-table .card-body { padding: 0; } .priceruleTbl .table thead th { background-color: #DEE4EF; color: #475F7B; font-weight: 500; font-size: 11px; font-family: 'Rubik'; text-transform: capitalize; padding: 10px 20px; } .priceruleTbl table.dataTable td { font-weight: 400; font-size: 14px; color: #6E6B7B; font-family: 'Rubik'; padding: 10px 20px; border-bottom: 1px solid #DFE3E7; background-color: #fff; } .priceruleTbl table.dataTable td: first-child, .priceruleTbl .table thead th: first-child { position: -webkit-sticky; position: sticky; left: 0; z-index: 2; box-shadow: 0 -1px 1px -1px rgba(0, 0, 0, 0.4); background-color: #f9f9f9; } .priceruleTbl table.dataTable td: nth-child(2), .priceruleTbl .table thead th: nth-child(2) { position: -webkit-sticky; position: sticky; left: 130px; z-index: 2; box-shadow: 0 -1px 1px -1px rgba(0, 0, 0, 0.4); background-color: #f9f9f9; } .priceruleTbl .table thead th: first-child, .priceruleTbl .table thead th: nth-child(2) { background-color: #DEE4EF; box-shadow: none; } #rules-list_paginate .pagination { margin: 15px 0 !important; } .priceruleTbl .removeSpace { margin-left: -15px; } .chooseFiles .custom-file-input { height: auto; padding: 10px; border: 1px solid #D8D6DE; border-radius: 5px; } .chooseFiles .custom-file { height: auto; } .chooseFiles .custom-file-label: : after { height: auto; background-color: #5a8dee; color: #fff; font-size: 14px; } #btnUploadFile { border: none; } #fileUpload .chooseFiles label { font-size: 14px; margin: 0; } #mAccountFlags .priceSearch input { width: 212px; margin: 0; } #mAccountFlags .radio label: : after { height: 10px; width: 10px; left: 4px; background-color: #fff; outline: 4px solid #5A8DEE; } #mAccountFlags .radio label: : before { width: 18px; height: 18px; } #mAccountFlags .radio label { font-weight: 400; font-size: 14px; font-family: 'Rubik'; color: #6E6B7B; } #mAccountFlags .radioFlag { margin: 0 20px 0 0; } #mAccountFlags .radioFlag: last-child { margin: 0; } #mAccountFlags .modal-body { padding: 20px 0; } #account-flags-list { padding: 20px 0; margin: 0; } #account-flags-list .container { padding: 0; } #account-flags-list h3 { font-family: 'Rubik'; font-weight: 400; font-size: 14px; color: #6E6B7B; margin: 0; text-align: center; padding: 80px 0; } #mAccountFlags .btnClose, #mAccountAssignee .btnClose { margin: 0 !important; } #mAccountFlags .modal-dialog { } #mAccountFlags { padding: 0 1rem !important; } #mAccountAssignee .modal-dialog { min-width: 370px; margin: 0 auto; } .emaiTextpop .modal-title { font-weight: 500; font-size: 18px; color: #475F7B; font-family: 'Rubik'; margin: 0 0 20px 0; } .emaiTextpop .nav-tabs .nav-link { font-family: 'Rubik'; font-weight: 500; font-size: 14px; color: #8494A7; border: 1px solid #8494A7; border-radius: 6px; background-color: #fff; } .emaiTextpop .nav.nav-tabs .nav-item .nav-link.active { background-color: #E6EFFF; border: 1px solid #5A8DEE; box-shadow: none; } .emaiTextpop .nav.nav-tabs .nav-item .nav-link.active: : after, .emaiTextpop .nav.nav-tabs .nav-item .nav-link.active: : before { display: none; } .emaiTextpop .nav.nav-tabs { } .emaiTextpop .modal-body { } .emaiTextpop .nav.nav-tabs ~ .tab-content { padding: 0; } .emaiTextpop label { font-family: 'Rubik'; font-weight: 400; font-size: 12px; color: #5E5873; text-transform: capitalize; margin: 0 0 5px 0; } .emaiTextpop td { padding: 0 0 15px 0; } .emaiTextpop input, .emaiTextpop select { border-radius: 5px; border: 1px solid #D8D6DE; padding: 10px; height: auto; width: 100%; background-color: #fff; } .emaiTextpop .modal-dialog { padding: 0 20px; } .emaiTextpop .modal-content .modal-header .close { display: flex; margin: -10px 0 10px 0; } .emaiTextpop .form-control[readonly] { background-color: #fff; } .emaiTextpop .filesTab { background-color: transparent; box-shadow: none; } .emaiTextpop .filesTab .fileInput { width: 100%; } .emaiTextpop .filesTab .fileBtn { top: 23px; right: 0; padding: 11px 10px; } .emailtxtBtn input { width: auto; } .emailtxtBtn { margin: 10px 0 0 0; } .emaiTextpop .note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable { height: 415px; padding: 20px !important; font-size: 14px; font-weight: 400; color: #6E6B7B; } .emaiTextpop .note-editor.note-airframe, .note-editor.note-frame { border: 1px solid #8494A7; } .emaiTextpop .note-editable .row { margin: 0; } .emaiTextpop h2 { margin: 0 0 15px 0; } .emaiTextpop .note-editor .note-editing-area .note-editable a.btn { margin: 0 !important; color: #fff; background-color: #5a8dee !important; border: none; border-radius: 5px; font-weight: 400; font-size: 14px; text-transform: capitalize; text-decoration: none; } .emaiTextpop #tblVars .form-group { margin: 0 0 15px 0 !important; } #pnl-template .row { margin: 0; } #pnl-template { font-weight: 400; font-size: 14px; color: #6E6B7B; font-family: 'Rubik'; line-height: 21px; } #previewTemplate .btnClose { margin: 0 !important; } #previewTemplate .modal-body { padding: 20px 0; } #previewTemplate .modal-dialog { padding: 0 20px; } #previewTemplate .btn.btn-info { margin: 0 !important; background: #27AE60 !important; border-radius: 5px; font-family: 'Rubik'; font-weight: 400; font-size: 14px; color: #fff; border: none; } #previewTemplate h2 { margin: 0; font-size: 18px; font-weight: 500; position: absolute; top: -23px; background-color: #fff; padding: 0 20px 0 0; } #pnl-sys-log .jsgrid-header-row > .jsgrid-header-cell: first-child, #pnl-sys-log .jsgrid-row > .jsgrid-cell: first-child, #pnl-sys-log .jsgrid-header-row > .jsgrid-header-cell: last-child, #pnl-sys-log .jsgrid-row > .jsgrid-cell: last-child { text-align: left; } .bootbox-alert .bootbox-body { font-weight: 400; font-size: 12px; font-family: 'Rubik'; color: #5E5873; } .bootbox-alert button.close { color: #5E5873; opacity: 1; margin: -5px -5px 0 10px; } .bootbox-alert .modal-dialog { min-width: 235px; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); margin: 0 auto; } .modal .btn.bootbox-accept { } .bootbox-alert .modal-body { } #m-search-inventory .nav.nav-pills .nav-item { margin-bottom: 0; } #m-search-inventory .nav-pills .nav-link { background-color: #fff; border-radius: 6px; border: 1px solid #8494A7; font-family: 'Rubik'; font-weight: 500; font-size: 14px; } #m-search-inventory .nav-pills .nav-link.active, #m-search-inventory .nav.nav-pills .nav-item .nav-link: hover { background-color: #E6EFFF; border: 1px solid #5A8DEE; color: #475F7B; box-shadow: none; } #m-search-inventory .nav.nav-pills .nav-item .nav-link: hover span, #m-search-inventory .nav.nav-pills .nav-item .nav-link.active: hover span { color: #475F7B; } #m-search-inventory .pill-container ~ .tab-content { box-shadow: none; background-color: transparent; padding: 20px 0 0 0; } #m-search-inventory input { background: #FFFFFF; border-radius: 5px; margin: 0; } #m-search-inventory #search_inventory { padding: 8px 100px 9px 25px !important; } #m-search-inventory .nav.nav-tabs { border: none; margin: 0; } #m-search-inventory #btnSearchInv { border: none; border-radius: 5px; font-weight: 400; font-size: 14px; position: absolute; top: 0; right: 0; z-index: 9; } #m-search-inventory .pricehistorySearch { width: 312px; } #m-search-inventory .dropdown-toggle: : after { border-top: .3em solid #475f7b; position: absolute; top: 15px; right: 10px; } .inventoryStatus li { font-family: 'Rubik'; font-weight: 400; font-size: 12px; margin: 0 15px 0 0; } .inventoryStatus li: last-child { margin: 0; } .inventoryStatus span.multiselect-native-select select { background: #FFFFFF; border: 1px solid #D8D6DE !important; border-radius: 5px; width: 100% !important; } .inventoryStatus .btn-group { width: 100% !important; } .inventorySelect { width: 250px; } #m-search-inventory .modal-dialog { margin: 0 auto; } #m-search-inventory .btnClose { margin: 0 15px 0 0 !important; } .corderInfo .card { box-shadow: none; background-color: transparent; } .create-order-body { background-color: #fff; border-radius: 6px; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06); padding: 20px 22px; overflow-x: auto; } .orderSteps { } .orderSteps .dnButton span { font-weight: 500; font-size: 14px; font-family: 'Rubik'; color: #475F7B; margin: 0 0 0 15px; } .orderListinfo h6 { font-family: 'Rubik'; font-weight: 400; font-size: 16px; color: #475F7B; margin: 0 0 18px 0; } .orderListinfo h6 span { font-size: 16px; font-weight: 600; color: #5A8DEE; } .orderListinfo { padding: 10px 0px !important; } .orderListinfo .table { } .orderListinfo label { font-size: 12px; color: #5E5873; font-family: 'Rubik'; text-transform: capitalize; margin: 0 0 5px 0; } .orderListinfo input, .orderListinfo select, .orderListinfo .form-control: disabled { border-radius: 6px; height: auto; padding: 8px 13px; border: 1px solid #DFE3E7 !important; } .orderListinfo .table-compact td { padding: 0 25px 15px 0; } .orderListinfo .table-compact td: nth-child(2n) { } .orderListinfo #btnLookup { background-color: #5A8DEE; border-radius: 5px; font-family: 'Rubik'; font-weight: 500; font-size: 14px; color: #fff; letter-spacing: 0.4px; } .orderListinfo #btnLookup: hover { opacity: 0.9; } .orderListinfo .orderOr { position: absolute; top: 50%; right: 6px; font-weight: 400; font-size: 12px; color: #5A8DEE; transform: translateY(-50%); } .pageBreadcrumbs { padding: 0px 0 20px 0; } .pageBreadcrumbs a, .pageBreadcrumbs p { font-weight: 400; font-size: 14px; color: #5A8DEE; margin: 0; font-family: 'Rubik'; } .pageBreadcrumbs p { color: #6E6B7B; } .pageBreadcrumbs a: hover { color: #275696; } .pageBreadcrumbs span { display: inline-block; } .pageBreadcrumbs span i { font-size: 18px; line-height: 24px; } .jsgrid-alt-row > .jsgrid-cell { background: #fff !important; } .accDetails .dropdown-menu { padding: 10px; } .accDetails .dropdown-menu .dropdown-item { color: #8494a7; padding: 5px 0; border-bottom: 1px solid #ccc; border-radius: 0; } .accDetails .dropdown-menu .dropdown-item: last-child { border: none; } #tbl-insurance .jsgrid-header-row > .jsgrid-header-cell, #tbl-promise .jsgrid-header-row > .jsgrid-header-cell { width: 150px; } #tbl-notes .jsgrid-header-row > .jsgrid-header-cell: last-child { width: 200px; } .accountTab #pnl-primary #tbl-notes_wrapper .row { padding: 0 10px; } .accountTab #pnl-primary #tbl-notes_wrapper .row.removeSpace, .accountTab #pnl-primary #tbl-transaction_wrapper .row.removeSpace, .accountTab #pnl-primary #tbl-insurance_wrapper .row.removeSpace, .accountTab #pnl-primary #tbl-repossession_wrapper .row.removeSpace, .accountTab #pnl-primary #tbl-promise_wrapper .row.removeSpace { padding: 0; } #tbl-notes_length, #tbl-notes_filter { margin: 0 0 15px 0; } .records-list-table .jsgrid-cell a.btn, .commTempsys .jsgrid-cell a.btn { color: #fff; } @media (max-width: 1600px) { .nav.nav-tabs.workBtn .nav-item { margin: 0 5px 10px 0; } .nav.nav-tabs.workBtn .nav-item .nav-link { padding: 4px 8px; } } @media (max-width: 1400px) { .nav.nav-tabs.workBtn .nav-item { margin: 0 5px 10px 0; } .nav.nav-tabs.workBtn .nav-item .nav-link { padding: 4px 8px; } .nav.nav-tabs.workBtn, .record-count { width: 100%; } .record-count { margin: 0 0 10px 0; } .accIdmstab #accountdetail-tabs .nav-link { font-size: 12px; padding: 5px !important; } .accountTab .nav.nav-tabs .nav-item { margin: 0 20px 0 0; } .accountTab .collapse-title-custom { font-size: 14px !important; } .accountTab .table-compact td, .accountTab label.form-control-custom { font-size: 12px; } #pnl-redemptionscore .jsgrid-header-row > .jsgrid-header-cell, #pnl-redemptionscore .jsgrid-row > .jsgrid-cell { width: 100px !important; } .accTitle h4 { font-size: 12px; } } @media (max-width: 1200px) { .header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link.nav-menu-main { padding: 1.2rem !important; } .loginDesign: : before { width: 430px; height: 350px; background-size: 430px; } .loginDesign: : after { width: 300px; height: 355px; background-size: 300px; } .emaiTextpop .note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable { height: 375px !important; } } @media (max-width: 991px) { .hdrIcons { margin: 0 5px 0 0; } .hdrIcons a { padding: .5rem !important; margin: 5px 0 0 0; } .userIcon i.ficon { font-size: 36px !important; } .headerInfo .menu-toggle { top: 0 !important; } #navbar-mobile.navbar-collapse .navbar-nav .nav-item { display: flex; justify-content: center; align-items: center; padding: 0; } h2 { font-size: 26px; margin: 15px 0; } .nav.nav-tabs.workBtn .nav-item { margin: 0 5px 10px 0; } .nav.nav-tabs.workBtn .nav-item .nav-link { padding: 5px; font-size: 12px; } .nav.nav-tabs.workBtn .nav-item .nav-link span { font-size: 12px; min-width: 45px; } .nav.nav-tabs.workBtn .nav-item .nav-link span#IdmsNoRepo { padding: 3px; } .nav.nav-tabs.workBtn .nav-item .nav-link span#IdmsNoRepo i { font-size: 14px; } .searchBar li, .filterOptions, .pageSize { } .workgrpBtns { margin: 10px 0 0 0; } .pageSize { justify-content: start; margin: 10px 0 0 0; } .filterOptions .show > .dropdown-menu { width: 180px; } .filterOptions .multiselect-container > li a label { font-size: 12px; padding: 4px 10px; } .hide-menu { width: 100%; } .followDate input { width: 200px; } .accBtnInfo { justify-content: start; min-width: 100%; } .accountTab .nav.nav-tabs .nav-item { margin: 0 10px 0 0; } .accountTab .nav.nav-tabs .nav-item .nav-link { padding: 6px 2px; } .fileInfo .jsgrid-header-row > .jsgrid-header-cell: first-child { padding-left: 22px !important; } .priceSearch input { width: 220px; } .priceRows select { width: 65px; } .priceRows li { font-size: 12px; } .pmasterInfo .card .heading-elements { padding: 15px; } .ruleTopinfo { padding: 15px; } .ruleTopinfo select, #fileUpload select { width: 280px; } .priceruleTbl .row: first-child .col-md-6 { padding: 15px; } #mAccountFlags .modal-dialog { } #account-flags-list h3 { padding: 50px 0; } .emaiTextpop td { padding: 0 0 10px 0; } .accBtnInfo .btn-group { text-align: left; } .followDate { min-width: auto; } .filterTagbtn .menu-button { margin: 0 5px 5px 0; } #m-search-inventory .pricehistorySearch { width: 100%; } #m-search-inventory #btnSearchInv { padding: 8px 10px; } #m-search-inventory #search_inventory { padding: 8px 70px 9px 25px !important; } } @media (max-width: 767px) { h2 { font-size: 22px; margin: 15px 0; } .nav.nav-tabs.workBtn .nav-item { margin: 0 8px 8px 0; } .nav.nav-tabs.workBtn .nav-item .nav-link { padding: 5px; font-size: 10px; } .nav.nav-tabs.workBtn .nav-item .nav-link span { min-width: 34px; padding: 4px; font-size: 10px; margin: 0 2px 0 0; } .nav.nav-tabs.workBtn .nav-item .nav-link span#IdmsNoRepo { padding: 1px; } .nav.nav-tabs.workBtn .nav-item .nav-link span#IdmsNoRepo i { font-size: 12px; } .filterDetails { padding: 15px; } .filterOptions .show > .dropdown-menu { width: 150px; } .filterOptions .multiselect-container > li a label { padding: 4px; } .filterOptions .multiselect-container > li > a > label > input[type="checkbox"] { margin: 0 0px 0 0; } .jsgrid-cell span.badge { font-size: 10px; } .accDetails { padding: 15px; } .accountTab ul { padding: 15px 15px 0 15px; } .accountTab .collapse-header { padding: 15px; } .accountTab .table-compact td, .accountTab label.form-control-custom { line-height: 24px; } .accountTab .nav.nav-tabs .nav-item { margin: 0 10px 0 0; } .accountTab .nav.nav-tabs .nav-item .nav-link { padding: 6px 0px; font-size: 12px; } #tbl-repossession_length, #tbl-transaction_length, #tbl-insurance_length, #tbl-promise_length { text-align: left; margin: 10px 0 0 0; } #tbl-repossession_wrapper .row: first-child, #pnl-transaction .row: first-child, #tbl-insurance_wrapper .row: first-child, #tbl-promise_wrapper .row: first-child { flex-direction: column-reverse; } #mIdmsAddNote textarea { height: 120px; padding: 10px 15px; border-radius: 10px; } .filesTab td, .fileTable, .filesTab tr, .filesTab tbody { display: block; width: 100%; } .filesTab .fileInput { width: 100%; } .filesTab .fileBtn { padding: 6px 10px; line-height: 24px; } .filesTab select { margin: 10px 0; width: 100%; } .filesTab .Fileuploadbtn { margin: 0; } .filesTab { padding: 15px; } .fileInfo .jsgrid-header-row > .jsgrid-header-cell: first-child { padding-left: 20px !important; } .priceSearch input { width: 300px; } .priceBtns.nav-tabs .nav-link { padding: 10px; } .btn.priceoverBtn { padding: 6px 8px; } .priceTblview table.dataTable td, .priceTblview .table thead th { font-size: 12px; } .ruleTopinfo .btn { margin: 10px 0 0 0; } .priceruleTbl #rules-list_filter input, .priceruleTbl #rules-list_filter label { width: 100%; } .priceruleTbl .row: first-child .col-md-6: first-child { justify-content: start; padding: 0 15px 15px 15px; } .emaiTextpop .nav.nav-tabs { margin: 0 0 10px 0; } .emaiTextpop .filesTab .fileBtn { padding: 6px 10px; } .emaiTextpop .modal-body { padding: 0; } .emaiTextpop .note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable { padding: 10px !important; font-size: 12px; } .priceSearch.pricehistorySearch input { width: 235px; } .orderSteps, .orderListinfo { } .orderListinfo h6 { font-size: 14px; } .orderListinfo input, .orderListinfo select, .orderListinfo .form-control: disabled { width: 100%; } .pageBreadcrumbs { padding: 15px 0; } .priceTblview .priceLocation { min-width: 150px; } .priceTblview .priceAction { min-width: 110px; } #tbl-insurance .jsgrid-header-row > .jsgrid-header-cell, #tbl-promise .jsgrid-header-row > .jsgrid-header-cell { width: 100px; } #tbl-notes_length, #tbl-notes_filter { text-align: left; } .priceruleTbl #rules-list_length { margin: 0 15px 15px 15px; } .accountTab div.dataTables_wrapper div.dataTables_filter input { width: 240px; } } @media (max-width: 575px) { .retail-phase { border-top-left-radius: 25px !important; border-bottom-left-radius: 25px !important; border-top-right-radius: 25px !important; border-bottom-right-radius: 25px !important; } .userIcon i.ficon { font-size: 30px !important; } .header-navbar .navbar-container ul.nav li a.dropdown-user-link { padding: 13px 13px 13px 8px; } h2 { font-size: 20px; margin: 10px 0; } .nav.nav-tabs.workBtn .nav-item .nav-link { font-size: 10px; padding: 3px; } .nav.nav-tabs.workBtn .nav-item .nav-link span { margin: 0 2px 0 0; font-size: 8px; min-width: 30px; } .nav.nav-tabs.workBtn .nav-item { margin: 0 6px 6px 0; } .searchBar input { width: auto !important; } .workgrpBtns .btn { padding: 5px; margin: 0 5px 5px 0; } .workgrpBtns .btn span i { font-size: 11px; line-height: normal; position: static; } .workgrpBtns #btnReset i { font-size: 16px; } .workgrpBtns .btn-group { vertical-align: top; } .filterOptions .form-group { margin: 0 5px 5px 0; } #mAccountTags .modal-dialog, #mOrderTo .modal-dialog { margin: 0 auto; } .hide-menu { width: 100%; } .filtersideBtns .btn { padding: 6px 18px; } .dnButton a { padding: 3px 4px; } .dnButton { display: flex; align-items: center; } .followDate input { width: 100%; margin: 5px 0 0 0; } .accIdmstab #accountdetail-tabs .nav-link { font-weight: 400; } .accIdmstab #accountdetail-tabs .nav-item { margin: 0 5px 5px 0; } .accBtnInfo #btn-refresh-section { height: 30px; width: 30px; } .accountTab .collapse-title-custom { font-size: 13px !important; } .accountTab .table-compact td, .accountTab label.form-control-custom { line-height: normal; } #pnl-promise .promiseTxt td { font-size: 12px; } .workgrpBtns .show > .dropdown-menu { width: 150px; } .workgrpBtns .dropdown-menu .dropdown-item { font-size: 12px; padding: 10px; } .removeSpace { margin-left: -15px; } #tbl-transaction .jsgrid-header-row > .jsgrid-header-cell: first-child, #tbl-transaction .jsgrid-cell: first-child, #tbl-insurance .jsgrid-header-row > .jsgrid-header-cell: first-child, #tbl-insurance .jsgrid-cell: first-child, #tbl-promise .jsgrid-header-row > .jsgrid-header-cell: first-child, #tbl-promise .jsgrid-cell: first-child, #tbl-repossession .jsgrid-header-row > .jsgrid-header-cell: first-child, #tbl-repossession .jsgrid-cell: first-child { padding-left: 15px !important; } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { font-size: 14px; } .modal-body, #mIdmsAddNote .modal-body { } #mOrderTo td { display: block; } #mOrderTo #Search-OrderType { margin: 10px 0 0 0; width: 100%; } .modal .btn { } .priceSearch input, .priceSearch { width: 100%; margin: 0; } .priceSearch.pricehistorySearch input { width: 100%; } .resyncBtn { padding: 12px 6px; } .priceIDMSbtn { margin: 10px 0 0 0; } .btn.priceoverBtn { padding: 4px 6px; font-size: 10px; } .spinner-border { width: 20px; height: 20px; } .priceBtns.nav-tabs .nav-link { padding: 6px; font-size: 12px; } .priceBtns.nav-tabs .nav-link i { height: 20px; width: 20px; font-size: 14px; } .priceBtns.nav.nav-tabs .nav-item { margin: 0 10px 0 0; } .resyncBtn { margin: 0 5px 0 0; } .ruleTopinfo label, #fileUpload label { margin: 0 5px 0 0; } .ruleTopinfo select, #fileUpload select { background-position: calc(100% - 5px) 11px, calc(100% - 20px) 10px, 100% 0 !important; width: 100%; } .ruleTopinfo .btn { padding: 7px; font-size: 10px; } .ruleTopinfo .btn i { font-size: 18px; margin: 0 3px 0 0; } .pagination .page-item .page-link, .pricePagination .pagination > li > a { padding: 7px 9px; } .pagination .page-item.previous .page-link, .pagination .page-item.next .page-link, .pricePagination .pagination .prev a, .pricePagination .pagination .next a { padding: 3px 8px; } #mAccountFlags .priceSearch input { width: 100%; } #account-flags-list h3 { padding: 30px 0; } #account-assignee-list label { margin: 0 0 5px 0; } .emaiTextpop .modal-title { margin: 0 0 15px 0; } .emaiTextpop .nav.nav-tabs { margin: 0; } .emaiTextpop.modal .btn { padding: 6px 10px; } .inventorySelect { width: 100%; } .inventoryStatus li { margin: 0 0 5px 0; } .orderListinfo .table-compact td { display: block; width: 100%; padding: 0 0 10px 0; } .orderListinfo .orderOr { position: static; margin: 10px 0 0 0; display: block; width: 100%; transform: none; } .priceruleTbl table.dataTable td { padding: 10px 15px; font-size: 13px; } .priceruleTbl .table thead th { padding-right: 15px !important; padding: 10px 15px; } .priceruleTbl table.dataTable td: nth-child(2), .priceruleTbl .table thead th: nth-child(2) { left: 110px; } .btnIncident { padding: 6px 10px; } .accBtnInfo #btn-refresh-section { height: 26px; } .workPending .jsgrid-pager-container { padding: 10px; } } .multiselect-dropdown-menu { z-index: 9999; margin: 0; padding: 14px 8px; border-radius: 6px; border: none; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); max-height: 276px !important; width: 220px; overflow-y: auto; } .select2-container { } .searchBar .dropdown-menu .dropdown-item { font-weight: 400; font-size: 14px; color: #6e6b7b; font-family: 'Rubik'; } .searchBar .btn.dropdown-toggle: : after { display: none; } .searchBar .dropdown-menu .dropdown-item: hover { color: #fff; background-color: #5A8DEE; } .searchBar .btn { padding: 10px; font-weight: 500; font-size: 11px; color: #fff; font-family: Rubik, Helvetica, Arial, serif; line-height: 16px; } .searchBar .show > .dropdown-menu { min-width: 300px; border-radius: 6px; box-shadow: 0 5px 25px rgba(0, 0, 0, .1); border: none; padding: 0; max-height: 500px; overflow: auto; } .dropdown-menu-custom-accont-queue { top: 45px !important; } .custom-scroll: : -webkit-scrollbar { width: 6px; height: 6px; } .custom-scroll: : -webkit-scrollbar-track { background: #DEE4EF; } .custom-scroll: : -webkit-scrollbar-thumb { background-color: #475F7B; border-radius: 20px; } .text-success-dark { color: #3a9452 !important; } .bootbox-bring-front { z-index: 10000 !important; } .accordVendorsSetup { margin-top: 10px; } .accordVendorsSetup .accordion-item { border: 1px solid var(--light) !important; border-radius: 4px; margin-bottom: 15px; } .accordVendorsSetup .collapse-icon [data-toggle=collapse]: before { top: 7px !important; } .accordVendorsSetup .accordion-header { border: none; padding: 4px 0px 4px 0px; border-bottom: 1px dotted var(--light); background-color: #eee; } .accordVendorsSetup .accordion-button { border: none; background-color: #eee; width: 100%; text-align: left; caret-color: transparent; color: #475F7B; } .accordVendorsSetup .accordion-body { padding: 0 6px 10px 6px; caret-color: transparent; } .accordVendorsSetup .multiselect-container label input[type=checkbox] { vertical-align: top; } .accordVendorsSetup ul.multiselect-container li: has(input[type=checkbox]): first-child { margin-top: 10px; } .accordVendorsSetup .accordion-body input { caret-color: auto; } #mInteMassRdnOrders .multiselect-container { padding-right: 0.4rem !important; } #mInteMassRdnOrders .form-select-lg { border: 1px solid #DFE3E7 !important; padding: .47rem .8rem; font-size: 1rem; line-height: 1.4; color: #475F7B; background-color: #FFF; background-clip: padding-box; border-radius: .267rem; height: auto !important; } #mInteGpsSyncIdms .ui-section, #mInteMassRdnOrders .ui-section { padding: 0px 0px 0px 0px; display: inline-block; vertical-align: top; } #mInteMassRdnOrders .input-range { margin: 0.5rem 0.5rem 0.5rem 0.5rem; } #mInteMassRdnOrders .parent-range { height: 3.6rem !important; padding-top: 6px !important; } #mInteMassRdnOrders.tool #pnl-integ-info { border: 1px solid #DFE3E7 !important; border-radius: .267rem; padding: 1rem 1rem 0.5rem 1rem; } #mInteGpsSyncIdms .btn i, #mInteMassRdnOrders .btn i { top: 3px; } #mInteGpsSyncIdms .ui-item, #mInteMassRdnOrders .ui-item, section.section-info .ui-item { padding: 0px 0px 10px 0px; } #mInteGpsSyncIdms .ui-item: first-child, #mInteMassRdnOrders .ui-item: first-child { padding-top: 10px; } #mInteGpsSyncIdms .ui-item .ui-item-head, #mInteMassRdnOrders .ui-item .ui-item-head, section.section-info .ui-item .ui-item-head { display: inline-block; font-weight: 700; } #mInteGpsSyncIdms .ui-item .ui-item-value, #mInteMassRdnOrders .ui-item .ui-item-value, section.section-info .ui-item .ui-item-value { display: inline-block } #mInteGpsSyncIdms .ui-item .ui-item-value { padding-right: 0.5rem; } .accordVendorsSetup .ui-item .ui-item-head { width: 260px; } .accordVendorsSetup .ui-item .ui-item-value { width: 250px; padding: 0px; } .table-compact2 th, .table-compact2 td { padding: 5px 7px 5px 7px; min-width: 120px; } .table-compact2 th.w-px-20, .table-compact2 td.w-px-20 { width: 20px; min-width: 20px; } .table-compact2 th.w-px-140, .table-compact2 td.w-px-140 { width: 140px; min-width: 140px; } .table-compact2 th.status-data { background-color: var(--success); color: white; } .table-compact2 th.dn-data { background-color: #e8eafe; } .table-compact2 th.idms-data { background-color: #eddbc4; } .table-compact2.table-borderless thead tr { border: 0; } div.status-legend { background-color: var(--success); padding: 8px 8px 8px 8px; } div.dn-legend { background-color: #e8eafe; padding: 8px 8px 8px 8px; } div.idms-legend { background-color: #eddbc4; padding: 8px 8px 8px 8px; } .w-px-120 { width: 120px !important; } .w-px-180 { width: 180px !important; } .tooltip-exp { color: #bba1eb; font-size: large; padding-left: 5px; padding-right: 5px; } .tooltip-act { color: lightgreen; font-size: large; padding-left: 5px; padding-right: 5px; } .div-nested-dt { border: 1px dotted var(--light); padding: 0.5rem; } td.details-control .details-icon, td.details-control .action-icon { cursor: pointer; caret-color: transparent; } #mQueueSettings .dataTables_scrollBody { min-height: 120px; } .est-txt-borderless { border: none !important; background-color: #EEE !important; color: black; } .est-txt-borderless: focus { border: solid 1px #5A8DEE !important; color: black; } .est-svc-category { border: 1px solid #DFE3E7; padding: 5px; margin: 5px; } .dataTables_scrollBody .table-with-drop-menu { min-height: 250px; } .urgentattention-false, .checkedok-false, .needattention-false, .na-false { color: #5f6368 !important; } .checkedok-true { color: #00b300 !important; } .needattention-true { color: #ffd700 !important; } .urgentattention-true { color: #d0342c !important; } .na-true { color: #77B5FE !important; } .enforcement_Required { color: red; } .enforcement_Optional { color: green; } .panel_right { position: fixed; top: 0; right: -300px; width: 300px; height: 100%; background-color: #f1f1f1; box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5); transition: right 0.3s ease; z-index: 9999; } .panel_right.active { right: 0; } .panel_bottom { border: solid 1px #475F7B; position: fixed; bottom: 10px; right: 25px; display: none; box-shadow: -10px 10px 4px rgba(151, 151, 151, 0.5); background-color: white; padding: 10px; } .panel_bottom { } .panel_bottom.active { display: block; width: 400px; max-height: 450px; min-height: 450px; } #overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2; cursor: pointer; } .ui-autocomplete { max-height: 250px; overflow-y: auto; overflow-x: hidden; } .hover-orange: hover { color: orange !important; } .selectable-text { user-select: text; } #mAddCopartAssignee .form-select { display: block; width: 100%; padding: 0.469rem 1.735rem 0.469rem 0.735rem; -moz-padding-start: calc(0.735rem - 3px); font-size: 0.9375rem; font-weight: 400; line-height: 1.4; color: #677788; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2838, 60, 85, 0.4%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.735rem center; background-size: 17px 12px; border: 1px solid #d4d8dd; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { #mAddCopartAssignee .form-select { transition: none; } } #mAddCopartAssignee .form-select:focus { border-color: rgba(245, 248, 254, 0.448); outline: 0; box-shadow: 0 0.0625rem 0.1875rem 0 rgba(38, 60, 85, 0.18); } #mAddCopartAssignee .form-select[multiple], #mAddCopartAssignee .form-select[size]:not([size="1"]) { padding-right: 0.735rem; background-image: none; } #mAddCopartAssignee .form-select:disabled { color: #677788; background-color: #e9ecee; } #mAddCopartAssignee .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #677788; } #mAddCopartAssignee .form-select-sm { padding-top: 0.187rem; padding-bottom: 0.187rem; padding-left: 0.6rem; font-size: 0.813rem; border-radius: 0.1875rem; } #mAddCopartAssignee .form-select-lg { padding-top: 0.74rem; padding-bottom: 0.74rem; padding-left: 0.85rem; font-size: 1.063rem; border-radius: 0.3125rem; } #mAddCopartAssignee .bs-stepper .step.active .bs-stepper-circle { background-color: #5a8dee !important; color: #fff !important; } #mAddCopartAssignee .bs-stepper .step.active .bs-stepper-label { color: #5a8dee !important; } #mAddCopartAssignee .bs-stepper .step.active .bs-stepper-icon svg { fill: #5a8dee !important; } #mAddCopartAssignee .bs-stepper .step.active .step-trigger::after { background-color: #5a8dee !important; } #mAddCopartAssignee .bs-stepper .step.crossed .step-trigger .bs-stepper-circle { border-color: #5a8dee !important; color: #5a8dee !important; } #mAddCopartAssignee .bs-stepper .step.crossed .step-trigger .bs-stepper-icon svg { fill: #5a8dee !important; } #mAddCopartAssignee .bs-stepper .step.crossed .step-trigger::after { background-color: #5a8dee !important; } #mAddCopartAssignee .bs-stepper .step.crossed+.line::before { background-color: #5a8dee !important; } #mAddCopartAssignee .bs-stepper .step.crossed+.line svg { fill: #5a8dee !important; } #mAddCopartAssignee .bs-stepper .step.crossed+.line i { color: #5a8dee !important; } #mAddCopartAssignee .bs-stepper.wizard-icons .step.crossed .step-trigger .bs-stepper-label { color: #5a8dee !important; } #mAddCopartAssignee .bs-stepper .step-trigger:focus { color: #5a8dee !important; } #mAddCopartAssignee .bs-stepper .step-trigger:focus svg { fill: #5a8dee !important; } #mAddCopartAssignee .modal-fit { width: fit-content; } #mAddCopartAssignee .border-right-column { padding-bottom: 0.5rem; height: 100%; padding-right: 15px; border-right: 1px solid #ccc; } #mAddCopartAssignee .p-rb { padding-left: 0.5rem; } #mAddCopartAssignee .select2-container { max-width: none; } .info-radio { font-size: small; } @media (min-width: 992px) { #mAddCopartAssignee .bs-stepper-header { flex-wrap: wrap; } } @media (min-width: 1200px) { #mAddCopartAssignee .bs-stepper-header { flex-wrap: nowrap; } } .toolbar { float: left; display: flex; flex-direction: row-reverse; width: calc(100% - 200px); } .table-select { width: 220px; height: 1.58rem; padding-top: 0; padding-bottom: 0; background-position: calc(100% - 12px) 10px, calc(100% - 20px) 10px, 100% 0 !important; background-position-x: calc(100% - 12px), calc(100% - 20px), 100% !important; background-position-y: 3px, 0px, 0px !important; }