/* Start version1 custom.css file */

body {
    line-height: normal;
    text-align: left;
    padding-right: 0px !important;
}

.right {
    margin-left: 540px;
    margin-top: 0px;
    width: 480px;
    height: 820px;
    border: none;
    font-family: "Myanmar3";
    font-size: 12px;
    /* background-image: url(/images/p1.png);   */
}
.print-cust {
    margin-left: 25%;
    margin-top: 0px;
    padding: 10px;
    width: 50%;
    border: 1px solid #000;
    font-family: "Myanmar3";
    font-size: 12px;
}
#no {
    
    font-size: 1.25rem;
    color: #000;
    font-size: 18px;
}
#ty {
    width: 30px;
    font-size: 14px;
}
/* #ty1, #ty2, #ty3{width:26px; height:18px; margin:5px 6px 6px 19px;font-size: 18px;} */
#ty1 {
    width: 26px;
    height: 18px;
    margin: 5px 6px 6px 19px;
    font-size: 18px;
}
#ty2,
#ty3 {
    width: 26px;
    height: 18px;
    margin: 10px 6px 6px 19px;
    font-size: 18px;
}
#regno {
  
    width: 180px;
    font-size: 14px;
}
#ty2 img,
#ty3 img {
    margin-top: -6px;
    margin-left: -6px;
    width: 16px;
    height: 16px;
}
#ty i.fa {
    font-size: 23px;
}
#regno1,
#regno2, #license_no {
    width: 214px;
    color: #000;
    text-align: center;
    font-weight: bold;
}
#regno1 p {
    color: #000 !important;
    font-size: 18px;
    margin-top: 5px;
}
#chk {
    margin: 0px;
    padding: 0px;
    width: 19px;
    height: 19px;
    border: none;
    margin-top: -3px;
}

.left {
    margin-left: 0px;
    margin-top: 0px;
    width: 460px;
    height: 845px;
    border: none;
    font-family: "Myanmar3";
    font-size: 12px;
    /* background-image: url(/images/p2.png); */
}

/* span{border:1px solid #F10;}*/
.left span {
    color: #000;
}

.cl {
    padding: 0px;
    /* border: 1px solid green; */
}

/* #box1 {
    margin: 130px 5px 0px 5px;
    height: 25px;
    padding-top: 5px;
} */
#cat-div {
    width: 150px;
}
#brd-div {
    width: 130px;
}
#mdl-div {
    width: 93px;
}
#cat {
    margin-left: 67px;
    font-size: 18px;
}
#brd {
    margin-left: 20px;
    font-size: 18px;
}
#mdl {
    margin-left: 19px;
    font-size: 18px;
}
#caten {
    font-size: 18px;
}
#box1-1 {
    font-size: 18px;
    height: 26px;
    width: 360px;
}
#box1-1 #cat-1 {
    font-size: 18px;
}

#box2 {
    margin: 0px 5px 0px 5px;
    height: 20px;
}
#clr-div {
    width: 215px;
}
#lb-div {
    width: 85px;
}
#lft-div {
    width: 74px;
}
#rgt-div {
    width: 73px;
}
#clr {
    margin-left: 35px;
    font-size: 18px;
}
#lft {
    margin-left: 2px;
    font-size: 18px;
}
#rgt {
    margin-left: 9px;
    font-size: 18px;
}
#box2-1 {
    width: 200px;
}
 #clr-1 {
    padding-left: 20px;
    font-size: 18px;
}

#chk {
    margin: 0px;
    padding: 0px;
    width: 18px;
    height: 18px;
    border: none;
    font-size: 18px;
}

/* #box3 {
    
} */
#ebrd-div {
    width: 158px;
}
#cy-div {
    width: 72px;
}
#cc-div {
    width: 60px;
}
#ebrd, #cy, #cc, #wt , #lt, #ht, #nw, #st {
    font-size: 18px;
}


#eno {
    line-height: 30px;
    color: #000;
    font-size: 22px;
    font-weight: bold;
}
#cno {
    line-height: 30px;
    color: #000;
    font-size: 22px;
    font-weight: bold;
}


#wt-div, #lt-div, #ht-div {
    width: 63px;
    text-align: center;
}

#nw, #st{
    width: 113px;
}

#da1 {
    line-height: 27px;
    color: #000;
    font-size: 18px;
}
#da2 {
    line-height: 30px;
    margin: 10px 15px 0px 113px;
    color: #000;
    font-size: 18px;
}

.right.page3 {
    margin-left: 530px;
    margin-top: 0px;
    width: 460px;
    height: 845px;
    border: none;
    font-family: "Myanmar3";
    font-size: 12px;
    /* background-image: url(/images/p3.png); */
}

span {
    border: 0px solid #f10;
}
#n1{
    color: #000;
    font-size: 18px;
    width: 300px;
    height: 26px;
}

 #n2 {
    line-height: 25px;
    color: #000;
    font-size: 18px;
    width: 288px;
    height: 48px;
}

#p3box1 {
    color: #000;
    height: 33px;
    margin-top: -40px;
}

#p3box_name_en{
    height: 50px;
    margin-top: -25px;
}
#p3box1_en {
   
    color: #000;
    height: 5px;
    margin-top:-30px;
}
#vle-div {
    width: 192px;
    height: 26px;
    white-space: nowrap;
}
#vle-en-div {
    width: 273px;
    white-space: nowrap;
}
#unt-div {
    width: 63px;
    height: 26px;
    white-space: nowrap;
}
#ste-div {
    width: 75px;
}
#vle, #unt, #ste , #dst, #prv, #dst-1, #prv-1, #tel, #fx {

    color: #000;
    font-size: 18px;
}

#p3box2 {
    color: #000;
    margin-top: -15px;
}
#dst-div {
    width: 42%;
    height: 26px;
    white-space: nowrap;
}
#prv-div {
    width: 32%;
    height: 26px;
    white-space: nowrap;
}


#p3box2-1 {
    margin-top: -15px;
    color: #000;
}
#dst-1-div {
    width: 38%;
    height: 26px;
    white-space: nowrap;
}
#prv-1-div {
    width: 41%;
    text-align:center;
    height: 26px;
    white-space: nowrap;
}

#p3box3 {
    margin-top: -30px;
    color: #000;
}
#tel-div {
    width: 39%;
}
#fx-div {
    width: 26%;
    white-space: nowrap;
}


#vld {
    width:47%;
    height: 26px;
}

#p3box4 {
   margin-top: -50px;
}
#don-div {
    width: 31%;
    height: 26px;
}
#dat-div {
    width: 28%;
    height: 26px;
}
#don-en{
    width: 62%;
    height: 26px;
}
#don-en span{
    font-size: 15px;
    color: #000;
}
#don, #vld , #dat{
    font-size: 20px;
    color:#000;
    font-weight: bold;
}
#don{
    white-space: nowrap;
}



#print {
    background-repeat: no-repeat;
    background-position: bottom;
}
#print h3,
#print h5,
#print p {
    color: blue !important;
    font-weight: bold;
}
.technical .col-sm-4,
.technical .col-sm-6,
.technical .col-sm-3,
.technical .col-sm-12 {
    padding: 0px;
    color: blue;
}
.technical span {
    text-decoration-line: underline;
    text-decoration-style: dashed;
}

/* modify property in  element select */
.select2-container--default .select2-selection--single {
    height: 27px !important;
    padding: 5px 8px;
    font-size: 14px;
    margin-bottom: 3px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    top: 85% !important;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 26px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #707070 !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s,
        box-shadow 0.15s ease-in-out 0s;
}

#ty i.fa {
    color: #000;
    font-size: 20px;
}
#lft i.fa,
#rgt i.fa {
    font-size: 17px;
    padding-top: 7px;
    padding-left: 2px;
}

#detail .label-size div label {
    font-size: 16px !important;
}
form .form-control {
    height: 27px !important;
    padding: 1px 5px;
}

h1.page-header {
    margin-bottom: 0px;
    background-color: #07279d;
    text-align: center;
    padding: 16px 0px;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
}
.disable {
    pointer-events: none;
    cursor: default;
}
.attach_doc td {
    padding-bottom: 0px !important;
}
.nav-pills .nav-link:not(.active) {
    background-color: #fff;
    color: black;
}

/* active*/
.nav-pills .nav-link {
    background-color: rgba(0, 255, 0, 0.5);
    color: white;
}
.panel .tab-content {
    padding: 0px;
}
.dataTable .btn {
    padding: 0.5rem 0.5rem !important;
    vertical-align: top;
}
.form-control,
select.form-control {
    padding: 3px 10px;
}
.form-group {
    margin-bottom: 0px;
}
.content-wrapper {
    background-color: #ccdcf1;
}
.card {
    border-radius: 0;
}
div#datetime {
    padding: 0px;
}
span.input-group-addon.input-group-append.border-left {
    height: 33px !important;
}
.form-control,
select.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field {
    color: #000;
    border: 1px solid #707070;
}
.modal-header {
    padding: 10px 26px !important;
}
.modal .modal-dialog .modal-content .modal-body {
    padding: 20px 26px;
}
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing,
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
    width: 240px !important;
    font-size: 1rem;
}

.ImportTable .btn.disabled {
    color: #ebebeb !important;
}
.datepicker.datepicker-dropdown
    .datepicker-days
    table.table-condensed
    thead
    tr
    th,
.datepicker.datepicker-inline
    .datepicker-days
    table.table-condensed
    thead
    tr
    th {
    padding: 0px !important;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 16px !important;
}
select.form-control.multiselect {
    height: 140px !important;
}
textarea.form-control {
    height: 50px !important;
}

a.form-control.no-print {
    color: #fff !important;
    border: none;
}
label.all {
    font-weight: bold;
}

.card-body ul.pagination {
    float: right;
}
#detail label,
#detail span {
    font-size: 1rem;
}

#register .error {
    color: red;
}
.sidebar .nav.sub-menu .nav-item .nav-link.active {
    color: #fff !important;
    background-color: #474747 !important;
    font-weight: bold;
    font-size: 1rem;
}

/* css for menu color */
.sidebar .nav.sub-menu,
#sidebar .nav-item.active a.nav-link {
    background: #000;
}
.sidebar .nav.sub-menu > li > a.nav-link {
    color: #fff !important;
    font-weight: normal;
}

.sidebar .nav .nav-item .nav-link .menu-title {
    font-size: 1rem;
}
#sidebar .nav-item.active > a.nav-link > span,
#sidebar .nav-item.active > a.nav-link > i,
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {
    color: #fff;
    background-color: #000;
}
.sidebar .nav.sub-menu .nav-item .nav-link {
    padding: 0.7rem 1rem;
    font-size: 1rem;
}
.nav-item.hover-open > a.nav-link.collapsed > span.menu-title,
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {
    background-color: #000;
    font-size: 1rem;
}
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
    background-color: #000;
    font-size: 1rem;
}
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {
    background: #000;
    font-size: 1rem;
}

.sidebar .nav .nav-item:hover .nav-link i.menu-icon {
    color: #fff;
}
.sidebar-icon-only
    .sidebar
    .nav
    .nav-item.hover-open
    .nav-link:hover
    .menu-title,
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link > i {
    color: #fff;
    font-size: 1rem;
}
.sidebar-icon-only
    .sidebar
    .nav
    .nav-item.hover-open
    .nav-link:hover
    .menu-title {
    background-color: #000;
    color: #fff;
}
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
    background-color: #000;
}

/* css for print */
span.dot-line {
    text-decoration: underline dotted #666666;
}
#detail span.veh-value {
    font-weight: 700;
}
.table td,
.jsgrid .jsgrid-table td,
.card-body .nav-tabs,
form label {
    font-size: 1rem;
}
.form-group label {
    vertical-align: bottom;
}
form label {
    margin-bottom: 0px;
}
#printList input {
    font-size: 16px;
    height: 14px;
}
#print-paper input {
    font-size: 16px;
}
#div_control_btn,
#lic_control_btn {
    /*
  background-color:#07279d;
  */
    background-color: #ccc;
    padding: 0px 5px;
    cursor: pointer;
    margin-left: 0px;
    border-radius: 1px;
    font-size: 12px;
    padding-bottom: 6px;
    vertical-align: top;
}
#proError,
#divError,
#licError {
    color: red;
    font-size: 10px;
    text-align: justify;
    word-spacing: -3px;
}
#price-list input {
    font-size: 16px;
}
#updateVeh .disable-btn,
.vehicle-form .disable-btn {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
    vertical-align: top;
}
.license_control_page a {
    padding: 14px 10px;
}
.Vehkind1 {
    border: 1px solid #0774c2;
    color: #0774c2 !important;
    padding: 0px 5px;
}
.Vehkind2 {
    border: 1px solid #262626;
    color: #262626 !important;
    background-color: #ffff00;
    padding: 0px 5px;
}
.Vehkind3 {
    border: 1px solid #262626;
    color: #262626 !important;
    padding: 0px 5px;
}
.Vehkind4 {
    border: 1px solid #0774c2;
    color: #0774c2 !important;
    background-color: #ffff00;
    padding: 0px 5px;
}
.Vehkind5 {
    color: #ffffff !important;
    background-color: #0774c2;
    padding: 0px 5px;
}
#vehInfo #wrapper-license {
    border: 1px solid #707070;
    float: left;
    width: 145px;
    height: 27px;
}
input.noVehKind {
    border-color: #fff !important;
}
.bg-orange {
    background-color: orange;
}

.bg-green {
    background-color: lightgreen;
}

.bg-yellow {
    background-color: yellow;
}

.linktosub {
    cursor: pointer;
}
/* end version1 custom.css file */

.f13 {
    font-size: 13px;
}
.f32 {
    font-size: 32px;
}
.f20 {
    font-size: 20px !important;
}
#main-menu {
    padding-left: 177px;
    color: #000;
    height: 33px;
}
#main-menu a {
    display: inline-block;
    padding: 3px 6px;
    border-radius: 1px;
    color: #000;
}
#banner {
    width: 98%;
    height: 250px;
    background: #ddd url(resources/banner.jpg) center no-repeat;
    border-bottom: #bbb solid 1px;
    margin-top: -1px;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 20%);
}
#inner-menu {
    border-top: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
    padding-left: 30px;
    color: #000;
    min-height: 40px;
}
#inner-menu a {
    display: inline-block;
    padding: 3px 5px 0px 5px;
    border-radius: 1px;
    color: #000;
}
#inner-menu > * {
    display: inline-block;
}
#inner-body {
    margin: 0px;
}
a.button {
    margin-bottom: 3px;
    display: inline-block;
    text-decoration: none;
}
.button {
    cursor: pointer;
    color: #333 !important;
    background-color: #fff;
    border-radius: 5px;
    text-shadow: none;
    padding: 3px 6px;
    border: #bbb solid 1px;
    background: #fff;
    box-shadow: 0px 0px 1px rgb(0 0 0 / 20%);
    margin-right: 3px;
    margin-top: 3px;
}
input.login-submit.button {
    padding-bottom: 5px;
}
h3 .button {
    font-size: 13px !important;
}
h3.vehicle {
    margin: 0px;
    padding: 10px;
}
.f12 {
    font-size: 12px;
}
textarea,
input {
    border-radius: 2px;
    border: #ddd solid 1px;
    background: #f8f8f8;
    font-family: lao_font;
    color: #333;
    height: 27px;
}
.w180 {
    width: 180px;
}
.w90 {
    width: 90px;
}
.w100 {
    width: 100px;
}
.w20 {
    width: 20px;
}
.w70 {
    width: 70px;
}
.w80 {
    width: 80px;
}
.nvt-form-paginator {
    margin-top: 10px;
    padding-left: 10px;
    text-align: center;
}
#loginForm b {
    color: #000 !important;
    font-style: normal;
    font-weight: normal;
}
.vehicles-list {
    width: 100% !important;
}
.vehicles-list thead th {
    font-weight: bold;
}
.vehicles-list thead {
    border-bottom: #ddd solid 1px;
}
.vehicles-list td {
    padding: 2px 4px;
}
.vehicles-list td:nth-child(1) {
    min-width: 80px;
}
.vehicles-list td:nth-child(2) {
    min-width: 170px;
    max-width: 170px;
}
.vehicles-list td:nth-child(3) {
    min-width: 110px;
}
.vehicles-list td:nth-child(4) {
    min-width: 100px;
}
.vehicles-list td:nth-child(5) {
    min-width: 100px;
}
.vehicles-list td:nth-child(6) {
    min-width: 100px;
}
.vehicles-list td:nth-child(7) {
    min-width: 110px;
}
.vehicles-list td:nth-child(8) {
    min-width: 80px;
}
.vehicles-list td:nth-child(9) {
    min-width: 160px;
}
.vehicles-list td:nth-child(10) {
    min-width: 90px;
    max-width: 90px;
}
.vehicles-list td:nth-child(11) {
    min-width: 80px;
}
.vehicles-list td:nth-child(12) {
    font-size: 7px;
}
.vehicles-list td img {
    width: 30px;
}

.vehicles-list thead {
    border-bottom: #ddd solid 1px;
}
/* license color by vehicle kind code */
.license_no {
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
    min-width: 70px;
    display: inline-block;
    text-align: center;
}

.license_no[purpose_no="1"] {
    background: #fe0;
    border: #000 solid 2px !important;
    color: #000 !important;
}
.license_no[purpose_no="2"] {
    background: #fff;
    border: #0011ff solid 2px !important;
    color: #0011ff !important;
}
.license_no[purpose_no="3"] {
    background: #fff;
    border: #000 solid 2px !important;
    color: #000 !important;
}
.license_no[purpose_no="4"] {
    background: #fe0;
    border: #1763da solid 2px !important;
    color: #1763da !important;
}
.license_no[purpose_no="5"],
.license_no[purpose_no="51"] {
    background: #fff;
    border: #1763da solid 2px !important;
    color: #1763da !important;
}
.license_no[purpose_no="6"] {
    background: #01f;
    border: #fff solid 1px !important;
    color: #fff !important;
    outline: #01f solid 1px;
}
.province {
    font-weight: bold;
}

.province[province_code="01"] {
    color: #f58a1d;
}
.province[province_code="02"] {
    color: #350038;
}
.province[province_code="03"] {
    color: #9883bc;
}
.province[province_code="04"] {
    color: #8f7080;
}
.province[province_code="05"] {
    color: #b2b3b7;
}
.province[province_code="06"] {
    color: #21409a;
}
.province[province_code="07"] {
    color: #231f20;
}
.province[province_code="08"] {
    color: #3e1300;
}
.province[province_code="09"] {
    color: #009a90;
}
.province[province_code="10"] {
    color: #74141f;
}
.province[province_code="11"] {
    color: #ad0c2f;
}
.province[province_code="12"] {
    color: #e20a62;
}
.province[province_code="13"] {
    color: #f7b80b;
}
.province[province_code="14"] {
    color: #6cb338;
}
.province[province_code="15"] {
    color: #9bad79;
}
.province[province_code="16"] {
    color: #a3957b;
}
.province[province_code="17"] {
    color: #7c7f50;
}
.province[province_code="18"] {
    color: #003777;
}
.province[province_code=""] {
    color: #000;
}

/*color by province */
[province="5"] {
    color: #f7b80b;
}
[province="14"] {
    color: #3e1300;
}
[province="9"] {
    color: #009a90;
}
[province="3"] {
    color: #ad0c2f;
}
.vehicles-list tr:nth-child(even) {
    background: #f8f8f8;
}

.vehicles-list tr:nth-child(odd) {
    background: #fff;
}
[init] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #ddf;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    position: relative;
}
.w150 {
    width: 150px !important;
}
.nav-tabs .nav-link {
    font-size: 13px;
}
.table-bordered td,
.table-bordered th {
    padding: 0.5rem 0.75rem;
}

.modal-header h3 {
    border: none;
    padding: 2px 16px;
}
.modal-header {
    padding: 0.5rem 1rem;
}
.modal-body input[type="number"] {
    text-align: left;
}
#myTable tr > td {
    vertical-align: middle;
}
.currency:after {
    content: none;
}
#app-document .input-group {
    padding: 0px;
    background: #fff;
    border-top: none;
}

.tab-head a.active {
    background-color: #fff !important;
    color: inherit;
    border-color: #ddd;
    border-bottom: #fff solid 1px;
    box-shadow: 1px -1px 2px rgb(0 0 0 / 10%);
}
#myTable tbody th,
#myTable tbody td,
.table tbody th,
.table tbody td,
#importVeh tbody th,
#importVeh tbody td {
    padding: 2px 10px;
    vertical-align: middle;
}
#myTable .edit_btn,
#myTable .delete_btn {
    padding: 0px;
}
.role-label input[type="checkbox"] {
    height: 12px;
}

/* pagination start */
.pagin-prev,
.pagin-next {
    display: inline-block;
    width: 60px;
    padding: 3px 4px;
    text-align: center;
    cursor: default;
    border-radius: 3px;
    height: 22px;
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
    line-height: 16px;
    border: #bbb solid 1px;
}

/*
  .pagin-prev{
    display:none;
  }
  */

#vehEdit input:disabled,
#vehicleInfo1 input:disabled {
    background: gray;
}
.customer-dashboard .card {
    height: 100px;
    border-radius: 8px;
    padding: 15px;
}

#mySidenav #myTable_next,
#mySidenav #myTable_previous,
#mySidenav a.paginate_button.current {
    font-size: 14px;
}

/* main menu active css */
#inner-menu a.active {
    color: blue;
    font-weight: 700;
}

.price-item-table {
    position: absolute;
    top: 0px;
    right: 0px;
}
.price-item-table .nav-link {
    padding: 0.5rem;
}
/* select2 custom css */
span.select2-selection__arrow {
    display: none;
}

/*================================= Vehicle Inspection Column =================================*/
.vehicles-inspect {
    width: 100% !important;
}
.vehicles-inspect thead th {
    font-weight: bold;
}
.vehicles-inspect thead {
    border-bottom: #ddd solid 1px;
}
.vehicles-inspect td {
    padding: 2px 4px;
}
.vehicles-inspect td:nth-child(1) {
    width: 60px;
}
.vehicles-inspect td:nth-child(2) {
    min-width: 120px;
    max-width: 130px;
}
.vehicles-inspect td:nth-child(3) {
    min-width: 120px;
    max-width: 140px;
}
.vehicles-inspect td:nth-child(4) {
    min-width: 100px;
    max-width: 120px;
}
.vehicles-inspect td:nth-child(5) {
    min-width: 120px;
    max-width: 140px;
}
.vehicles-inspect td:nth-child(6) {
    min-width: 100px;
    max-width: 120px;
}
.vehicles-inspect td:nth-child(7) {
    min-width: 100px;
    max-width: 120px;
}
.vehicles-inspect td:nth-child(8) {
    min-width: 100px;
    max-width: 120px;
}
.vehicles-inspect td:nth-child(9) {
    min-width: 80px;
    max-width: 100px;
}
.vehicles-inspect td:nth-child(10) {
    min-width: 100px;
    max-width: 130px;
}
.vehicles-inspect td:nth-child(11) {
    max-width: 70px;
}
.vehicles-inspect td:nth-child(12) {
    max-width: 70px;
}

.vehicles-inspect tr:nth-child(even) {
    background: #f8f8f8;
}
.vehicles-inspect tr:nth-child(odd) {
    background: #fff;
}
/*==================== Vehicle List Column Start 99% ====================*/
.v_lic_no {
    /* width: 120px !important; */
    width: 6% !important;
}
.v_check_column{
    width: 7% !important;
}
.v_name {
    /* width: 130px !important; */
    width: 14% !important;
}
.v_eng_cha {
    /* width: 130px !important; */
    width: 11% !important;
}
.v_village_district,
.v_pro_name {
    /* width: 120px !important; */
    width: 9% !important;
}
.v_t_name {
    /* width: 100px !important; */
    width: 9% !important;
}
.v-brand {
    /* width: 120px !important; */
    width: 9% !important;
}
.v-model {
    /* width: 120px !important; */
    width: 9% !important;
}
.v-color {
    /* width: 100px !important; */
    width: 7% !important;
}
.v_updated_at {
    width: 7% !important;
}
/*==================== Vehicle List Column End ====================*/
.btn-secondary {
    color: #ffffff !important;
}

.w3-light-blue {
    background-color: #87ceeb !important;
}
#ui-datepicker-div {
    display: none !important;
}
/* price list css */
#pList tbody td {
    padding: 2px 6px;
}
#pList .item,
#pList .remove,
#pList .item_code {
    width: 100%;
}
#pList .price_item_name,
#pList .item_name {
    width: 100%;
}

#pList .qty {
    width: 100%;
}
#pList .price,
#pList .sub_total {
    width: 100%;
}
.scrollTable {
    overflow: none;
    height: 165px;
}
#pList input[type="number"] {
    text-align: left;
}
#saveRecord {
    background: url(/images/save.png);
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    padding: 2px;
    background-position-y: 4px;
    background-position-x: 4px;
}
#price-list-print {
    background: url(/images/print.png);
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    padding: 2px;
    background-position-y: 4px;
    background-position-x: 4px;
}
.new-bill {
    background: url(/images/plus.png);
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    padding: 2px;
    background-position-y: 4px;
    background-position-x: 4px;
}
.price-item-table .tab-pane {
    overflow: scroll;
    height: 745px;
}
.price-item-table ::-webkit-scrollbar {
    width: 0px;
}
#pricelist .disabled {
    pointer-events: none;
}
#saveRecord,
.new-bill,
.printBtn,
#next_btn,
#previous_btn {
    cursor: pointer;
}
#pricelist .active-counter {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}
#price_list_page #myTable_paginate {
    display: none;
}
@media (min-width: 1024px) {
    #newModal .modal-content.mod5,
    #editModal .modal-content.mod5,
    #showModal .modal-content.mod5 {
        width: 1180px;
        height: 760px;
    }
}

#pricelist .AppNo,
#pricelist .item_name,
#pricelist .updated_by,
.sameSize {
    font-family: Saysettha OT !important;
}
#importVeh th,
#importVeh td {
    padding: 2px 4px !important;
}

#moduleMang .submenu {
    margin-left: 30px;
}
.userRole .ms-options ul {
    list-style: none;
    padding-left: 0px;
}

.userRole .ms-options-wrap > .ms-options > ul > li {
    height: 25px;
}
.userRole .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    top: 5px;
}
.userRole .ms-options-wrap > button {
    color: #000 !important;
}
.userRole .ms-options {
    max-height: 240px !important;
    display: block !important;
    min-height: 172px !important;
}

/* ----------- Non-Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
    #pList .price_item_name,
    #pList .item_name {
        width: 100%;
    }
}

/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
}

#customerVehImport #myTable_filter {
    display: none;
}
#customerVehImport #myTable tfoot {
    position: absolute;
    top: 40px;
}
#customerVehImport #myTable {
    padding-top: 40px;
}
#customerVehImport #myTable tfoot tr th:nth-of-type(1) input {
    width: 10px;
    display: none;
}
#customerVehImport #myTable tfoot tr th:nth-of-type(2) input {
    width: 90px;
}

#customerVehImport #myTable tfoot tr th:nth-of-type(3) input {
    width: 95px;
}
#customerVehImport #myTable tfoot tr th:nth-of-type(4) input {
    width: 103px;
}
#customerVehImport #myTable tfoot tr th:nth-of-type(5) input {
    width: 90px;
}
#customerVehImport #myTable tfoot tr th:nth-of-type(6) input {
    width: 102px;
}
#customerVehImport #myTable tfoot tr th:nth-of-type(7) input {
    width: 102px;
}
#customerVehImport #myTable tfoot tr th:nth-of-type(8) input {
    width: 86px;
}
#customerVehImport #myTable tfoot tr th:nth-of-type(9) input {
    width: 85px;
}
#customerVehImport #myTable tfoot tr th:nth-of-type(10) input {
    width: 163px;
}
#customerVehImport #myTable tfoot tr th:nth-of-type(11) input {
    width: 77px;
}
#customerVehImport #myTable tfoot tr th:nth-of-type(12) input {
    width: 125px;
    border: none;
    background-color: #fff;
}
#importVeh .approve {
    cursor: pointer;
}
#deleteBox {
    background-color: #ddd;
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 40px;
    width: 500px;
    left: 45%;
    margin-left: -100px;
    padding: 16px 8px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0.3rem;
}
#deleteBox button {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 5px;
    text-align: center;
    width: 100px;
}
#deleteBox .no {
    margin-left: 215px;
}
/* #importVeh_length, #importVeh_filter{
  display: none;
} */

#custom-alert {
    width: 35% !important;
}

#display_id {
    position: absolute;
    z-index: 1400;
    top: 1%;
    left: 35%;
    margin: 0px auto;
    text-align: center;
    display: none;
    width: 400px;
}
#match-payment input {
    height: 13px;
}
/* css for module5 search dropdown */
#import-search .select2-selection__rendered {
    padding-left: 0px;
    padding-right: 0px;
}
#import-search .select2-container--default .select2-selection--single {
    padding: 1px 4px;
}
#import-search .select2-container--default .select2-selection--single {
    border: 1px solid #ddd !important;
    box-shadow: none;
    background-color: #f8f8f8;
    border-radius: 0;
}

#import-search span.select2-selection__arrow {
    display: block;
}
.customer-image {
    padding-right: 12px;
}
#vehicleInfo1 select:focus,
#vehicleInfo1 span.select2-selection.select2-selection--single:focus,
#updateForm select:focus,
#updateForm span.select2-selection.select2-selection--single:focus {
    outline: none;
    border: 3px solid red !important;
}

select:focus,
span.select2-selection.select2-selection--single:focus {
    outline: none;
    border: 2px solid #80bdff !important;
}
#vehicleInfo1 .show_print_btn {
    display: none;
}
#updateForm
    .select2-container
    .select2-selection--single
    .select2-selection__rendered,
#vehicleInfo1
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-left: 0px;
    padding-right: 0px;
}
/* adjust height */
.user-role-form #accordion {
    height: 58vh;
    overflow: scroll;
    overflow-x: hidden;
}

.swal-title {
    position: absolute;
    top: 160px;
    left: 0;
    width: 100%;
    font-size: 22px;
}

.swal-text {
    font-size: 27px;
}
.modal-content.mod5 #modal-preloader {
    position: absolute;
    top: 50%;
    left: 50%;
}
.mod5-new-btn a.btn-save {
    height: 28px;
    padding-top: 0.4rem;
}
/* 
#match-payment .price-item-list {
    height: 40vh;
    overflow: scroll;
    overflow-x: hidden;
} */
#newModal .modal-dialog,
#showModal .modal-dialog,
#editModal .modal-dialog {
    margin-top: 0px !important;
}
/* same line search box in select2 */
span.select2-dropdown.select2-dropdown--below {
    margin-top: -30px !important;
}
span.select2-search.select2-search--dropdown {
    padding: 4px 0px !important;
}
/* remove scroll bar */
#inner-menu {
    position: fixed;
    position: top;
    z-index: 10;
    width: 100%;
}
html {
    overflow: scroll;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.la_content {
    position: absolute;
    top: 43px;
}
.en_content {
    position: absolute;
    top: 70px;
}

/*combo box css*/
.ui-widget.ui-widget-content {
    width: 180px;
}
.custom-combobox
    a.ui-button.ui-widget.ui-state-default.ui-button-text-icon-primary.custom-combobox-toggle.ui-corner-right {
    width: 10px;
    height: 26px;
    margin-bottom: 3px;
    position: absolute;
    right: -2px;
}
ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    z-index: 9999;
}
.ui-icon-triangle-1-s {
    background-position: -70px -20px !important;
}
.ui-button .ui-icon {
    background-image: url(/images/ui-icons_777777_256x240.png) !important;
}
ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content
    > li:nth-child(1) {
    background-color: #007bff !important;
}

ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content > li {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    width: 216px;
}
ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    max-height: 200px;
    overflow-y: auto;
    position: fixed;
}
span.custom-combobox {
    position: relative;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background-color: #007bff !important;
    font-weight: normal;
    color: #fff !important;
}

#register input[type="number"] {
    text-align: left;
}

/*adjust height select2 dropdown for report page*/
.report-page
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 16px !important;
}

#price-list .form-control:disabled,
#price-list .form-control[readonly] {
    background-color: #f8f8f8;
}
.eng-validate,
.zeroDesign,
#s_engine_no,
#s_chassis_no {
    font-family: dev_font;
    font-size: 16px;
}

/*add css for draggable modal*/
#addModel1 .modal-dialog,
#editModel .modal-dialog,
#showModal .modal-dialog {
    position: fixed;
    margin-top: 0px;
}
.addGray {
    background-color: gray;
}
/* css for loading spinner*/
#spinner-div {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 2;
}
/* remove selected hidden for steering dropdown */
#select2-steering_id-results li:first-child,
#select2-remark_id-results li:first-child,
#select2-inspect_place_id-results li:first-child,
#select2-inspect_result-results li:first-child,
#select2-country_id-results li:first-child
/*#select2-motor_brand_id-results li:first-child*/ {
    display: none;
}

/* mod3 loading icon*/
.loadingDiv {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 2;
}
/* loading for document*/
.loadingDoc {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 20%;
    left: 0;
    text-align: center;
    z-index: 2;
}

/*show vertical scroll bar for import new modal and edit modal*/
#newModal .modal-body::-webkit-scrollbar,
#editModal .modal-body::-webkit-scrollbar,
.DepartmentModal .modal-body::-webkit-scrollbar {
    width: 13px;
}

/* Track */
#newModal .modal-body::-webkit-scrollbar-track,
#editModal .modal-body::-webkit-scrollbar-track,
.DepartmentModal .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
#newModal .modal-body::-webkit-scrollbar-thumb,
#editModal .modal-body::-webkit-scrollbar-thumb,
.DepartmentModal .modal-body::-webkit-scrollbar-thumb {
    background: #888;
}

/*End vertical scroll bar for import new modal and edit modal*/

/*Media query for mobile*/

@media (max-width: 1024px) {
    .en_content {
        top: 115px;
    }
    .la_content {
        top: 75px;
    }

    #addModel .modal-dialog,
    #addModel1 .modal-dialog,
    #editModel .modal-dialog,
    #showModal .modal-dialog {
        left: 255px !important;
    }
    .dataTables_info {
        padding-top: 5px;
    }
    #tbl_department > thead > tr > td > select {
        width: 100px !important;
    }
    #documentModal .modal-dialog {
        left: 44px !important;
    }

    #drivingSchool table.dataTable thead th,
    #drivingSchool table.dataTable thead td {
        padding: 10px 5px;
    }

    #documentModal .modal-dialog {
        max-width: 900px !important;
    }
}

/* staff side and customer close button*/
.mod5 .modal-header .close {
    padding: 6px 2px 6px 6px;
}

.duplicateAlert {
    width: 700px !important;
}