@charset "utf-8";
/* CSS Document */

body{ background: #f8f9fd;}
a{ /*color: #335eea;*//* color: #ff2d68;*/color: #000;}
a:hover, a:focus {
    color: #0c61d1;
    text-decoration: underline;
}
.page-header{    margin-top: 3em;}
.table-bordered, #asset_table, #already_asset_table, .table, .table-striped{ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}
.table-striped > tbody > tr:nth-child(odd) > th, .table-striped > thead > tr > th{       background-color:#2f3844;    color: #FFF;}
.table-bordered > tbody > tr > th , #TbSearch td{    vertical-align: middle; }
.table-bordered > tbody > tr > th {    /* background-color: #2f3844;    color: #FFF; */}  
#search_table{ margin-bottom: 2em;}
.table{--tz-table-border-color: var(--tz-border-color);}
.table-bordered td{ vertical-align: middle;}
:root, [data-bs-theme=light]{--bs-emphasis-color: #333;     --bs-link-color:#4489e4;    --tz-tertiary-bg-rgb: 248, 249, 250;}
.pagination{    --bs-pagination-active-bg:#4489e4;    --bs-pagination-active-border-color: #4489e4;     --bs-pagination-color: #212529;
       --bs-pagination-bg: #ffffff;    --bs-pagination-disabled-border-color: #afafaf;}
.shadow{ box-shadow: 0 0 .875rem 0 rgba(41, 48, 66, .1)!important;}
.text-info {
    color: #ffffff!important;
    background-color:#4489e4;
    border-radius: 4px;
    padding: 3px 5px;
}
.login_title_L {
    float: left;
    margin-left: 0px;     padding-top: 4px;
}
.login_title_R{ margin-left: 70px;}
/*.text-danger {
    color: #FFF!important;
	background-color:  #df4759;f
	 border-radius: 4px;
    padding: 3px 5px;
}*/

.alert-primary.p-0 {     background-color: transparent;    color: #000000;    padding: 0 !important;}
#asset_table{ background: #FFF;}
#asset_table_wrapper{     margin-top: 2em;    display: inline-block; margin-bottom: 4em; }
table.dataTable.no-footer {    border-bottom: 1px solid #dee2e6!important;}
.dataTables_empty{ color: red;}
#asset_table th, #already_asset_table th, table.dataTable th{    background-color:#2f3844; color: #FFF; white-space: nowrap;}
.nav-wizard > li > a {    background-color: #e3e8ef;}
.nav-wizard > li:not(:last-child) > a:after {    border-left: 20px solid #e3e8ef; }
.nav-wizard > li.done:hover > a, .nav-wizard > li:hover > a {   background-color: #e3e8ef; }
.p-2 {    padding-left: 0 !important;}
.nav-tabs .nav-link {    color: #212529;}
.dataTables_length label{    padding: 10px 0 15px 0;}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4489e4;
    --bs-btn-border-color: #4489e4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2e6cbf;
    --bs-btn-hover-border-color: #2e6cbf;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2e6cbf;
    --bs-btn-active-border-color: #2e6cbf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2e6cbf;
    --bs-btn-disabled-border-color: #2e6cbf;
}
.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #20ac9e;
    --bs-btn-border-color: #20ac9e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #189185;
    --bs-btn-hover-border-color: #189185;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #189185;
    --bs-btn-active-border-color: #189185;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #189185;
    --bs-btn-disabled-border-color: #189185;
}
.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #f7cf5d;
    --bs-btn-border-color: #f7cf5d;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg:#e1ba4c;
    --bs-btn-hover-border-color: #e1ba4c;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e1ba4c;
    --bs-btn-active-border-color: #e1ba4c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg:#e1ba4c;
    --bs-btn-disabled-border-color: #e1ba4c;
}
.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #dbeffc;
    --bs-btn-border-color:#bdd9eb;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #8ed1ff;
    --bs-btn-hover-border-color: #8ed1ff;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #8ed1ff;
    --bs-btn-active-border-color: #8ed1ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #8ed1ff;
    --bs-btn-disabled-border-color: #8ed1ff;
}
.btn-light {
    --bs-btn-color: #000000;
    --bs-btn-bg: #e3e8ed;
    --bs-btn-border-color:#c9d3dd;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #c9d3dd;
    --bs-btn-hover-border-color:#c9d3dd;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #c9d3dd;
    --bs-btn-active-border-color: #c9d3dd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #c9d3dd;
    --bs-btn-disabled-border-color: #c9d3dd;
}
.btn-danger{   
--bs-btn-color: #FFF;
    --bs-btn-bg: #e04973;
    --bs-btn-border-color: #e04973;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg:  #bb365b;
    --bs-btn-hover-border-color: #bb365b;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #bb365b;
    --bs-btn-active-border-color:#bb365b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #bb365b;
    --bs-btn-disabled-border-color: #bb365b;
}
.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2f3844;
    --bs-btn-border-color: #2f3844;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #142234;
    --bs-btn-hover-border-color: #142234;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #142234;
    --bs-btn-active-border-color: #142234;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #142234;
    --bs-btn-disabled-border-color: #142234;
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #5e718b;
    --bs-btn-border-color: #5e718b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4a5d76;
    --bs-btn-hover-border-color: #4a5d76;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4a5d76;
    --bs-btn-active-border-color: #4a5d76;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4a5d76;
    --bs-btn-disabled-border-color: #4a5d76;
}
.nav-wizard > li.active > a, .nav-wizard > li.active > a:hover, .nav-wizard > li.active > a:focus {
    background-color: #4489e4;
}
.table-bordered > tbody > tr > th {
    background-color: #e3e8ef;
    border-bottom: 1px solid #FFF;
}
/*.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {    color: #000000; }
.nav-link {    color: #000; }
.nav-link:focus,.nav-link:hover {    color: #4489e4 ; }*/
.dropdown-menu li a:hover{ background: #4489e4!important; }
a .btn {
    color: #FFF !important;
}
.table a {    /*color: #000;*/    text-decoration: underline;}
.table a:hover {    /*color: #4489e4;*/    text-decoration: none;}
.table {    --bs-table-border-color: #dee2e6;     --tz-table-striped-bg: rgba(var(--tz-tertiary-bg-rgb), 1);     --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.09); }
input, optgroup, select, textarea, .select2-selection{ border: 1px solid #dee2e6;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button { border: 1px solid #afafaf!important; background: #FFF!important; }
/*.nav-wizard > li.active > a, .nav-wizard > li.active > a:hover, .nav-wizard > li.active > a:focus, .nav-wizard > li.active > a:after { background-color:#4489e4; }*/
.nav-wizard > li.active > a:after {    border-left-color: #4489e4;}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {    background-color: #fff3bb;}
.nav-wizard > li:not(:last-child) > a {    margin-right: 0px; }
.area-a, .area-b, .area-c, .area-d{  color: #FFF;}
.area-a strong, .area-b strong, .area-c strong, .area-d strong{     font-size: 0.8em;}
.area-a a, .area-b a, .area-c a, .area-d a{     color: #FFF;    font-size: 1.2em;    font-weight: bold;    font-family: "Lato","arial";}
.area-a{  background: #4489e4 !important;   }
.area-b{  background: #33b0e0 !important;  }
.area-c{  background: #3bc0c3!important;  }
.area-d{  background: #20ac9e!important;  }
/*div.table-responsive{     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); padding: 5px; background: #FFF;}*/
.page-link {    border: 1px solid #afafaf; }
.dataTables_wrapper .dataTables_paginate .paginate_button {    margin-left: -1px!important; margin: 1em 0;}

.disabled>.page-link, .page-link.disabled {    background-color: #FFF;    border-color: #afafaf; }
.btn-primary a{ color: #FFF;}
.btn{ text-decoration:none!important;}
.bg-dark {    background-color:#2f3844 !important; }
.navbar-brand {   color:#FFF; }
#TbSearch{ margin-bottom: 3em;}

.tr-primary {
    background-color: #2f3844 !important;
    color: #FFF !important;
}

@media (max-width: 1200px) {
    .panel-body {    line-height: 1.5em;}
	
}
@media (min-width: 1200px) {
    .h1, h1 {        margin-bottom: 1em;     }
	
}
@media (max-width: 1024px) {
	.area-a a, .area-b a, .area-c a, .area-d a {    font-size: 1em;    line-height: 1.5em; }	
}

@media (max-width: 991px) {
	.container, .container-md, .container-sm {        /*max-width:90%; */   }
	.area-a a, .area-b a, .area-c a, .area-d a {    font-size: 0.8em;     }
	#TbSearch #asset_no{ width: auto!important;}
	
}

@media (max-width: 1024px) {
	.area-a a, .area-b a, .area-c a, .area-d a {    font-size: 1em;    line-height: 1.5em; }
	.col-sm-2{ display: none;}
	.col-sm-2 { display:block;    }
	.col-sm-8 { width: 66.66666667%;    }
	
}
@media (max-width: 720px) {
    .col{ width: 100%;}
}



@media (min-width: 576px) {
    .col-sm-2 { display: none;    }
	.col-sm-8 { width: 100%;    }
}

@media (min-width: 1200px) {
	.col-sm-2 { display:block;    }
	.col-sm-8 { width: 66.66666667%;    }
	
}

@media (max-width: 760px) {
	.nav-link {    font-size: 1.2em;    }
}

@media (max-width: 600px) {
    .col{ width: 100%!important;  flex: auto;}
	.col-sm-2 { display: none;    }
	.col-sm-8 { width: 100%;    }
}

@media (max-width: 699px) {
   .panel-body {    line-height: 1.5em!important; }
	#upfileForm .btn{margin: 4px 0px;}
}

@media (max-width: 500px) {
	    .area-a a, .area-b a, .area-c a, .area-d a {        font-size: 1.2em;    }
	.panel-body {    height: 100px;    line-height: 100px!important; }

}