html{
font-size: 15px;
}
/* body::-webkit-scrollbar {
width: 0.9em;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
body::-webkit-scrollbar-thumb {
background-color:#555;
outline: 1px solid slategrey;
border-radius: 10px;
} */
@media (min-width: 768px) {
.sidebar .nav-item .nav-link {
padding: 0.4rem 1rem;
}
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sidebar-dark .collapse hr.sidebar-divider{
border-top:1px solid rgba(0, 0, 0, 0.15)
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
border-top: 5px solid #2cb5a8;
}
.nav-tabs .nav-link:hover {
border-bottom: 0px;
}
.none-padding{
padding: 0px!important;
}
.img-flag img {
height: 1.5rem;
width: 1.5rem;
}
.topbar {
height: 3rem;
}
.text-teal {
/* color: #20c9a6;*/
color: #16c5a1;
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #36b9cc;
background-color: #36b9cc;
}
button:focus{
outline: none!important;
}
table > th {
text-align: center;
}
.btn-user {
font-size: 1rem;
border-radius: 10rem;
padding: .75rem 1rem;
}
.form-control-user {
font-size: .8rem;
border-radius: 10rem;
padding: 1.5rem 1rem;
}
.col-form-label-sm {
color: #000000;
}
label {
color: #000000;
}
.numberCircle {
border-radius: 50%;
font-weight: 400;
width: 30px;
height: 30px;
padding: 4px;
background: #2cb5a8;
color: #fff;
text-align: center;
display: inline-block;
}
.mb-01 {
margin-bottom: -1px!important;
}
.pd-tb {
padding-top: 0px;
padding-bottom: 0px;
}
.show_more_in_table > bt {
margin-left: 15px;
display: inline-flex;
}
.show_more_in_table > bt > ul {
list-style-type: none!important;
padding-left: 2px;
margin-bottom: 0px!important;
}
.show_more_in_table > bt > ul >li {
margin-bottom: 5px;
}
.collapse-itema a {
font-size: smaller!important;
}
.btn-custom {
border: solid #2cb5a8 2px;
color: #2cb5a8;
position: relative;
font-size: 22px;
padding: 15px 70px;
margin: 50px 0px;
-webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.btn-custom:hover {
background-color: #2cb5a8;
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.text-cancel {
color: #FF9A3C;
}
.red {
color: red!important;
}
.from-reset {
margin-top: 200px;
}
/*--- Login ---*/
*,:after,:before{box-sizing:border-box}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
a{color:inherit;text-decoration:none}
.bg-login {
background-image: linear-gradient(120deg, #2cb5a8 0%, #96e6a1 100%);
background-size: cover;
width: 100%;
height: 100%;
}
.bg-lp-login {
background-image: linear-gradient(120deg, #2cb5a8 0%, #96e6a1 100%);
background-size: cover;
width: 100%;
height: 100%;
}
.login-wrap{
width:100%;
margin:auto;
max-width:536px;
min-height:670px;
position:relative;
box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}
.login-html{
width:100%;
height:100%;
position:absolute;
padding:40px;
background: #FFF;
}
.login-html .sign-in-htm,
.login-html .sign-up-htm{
top:0;
left:0;
right:0;
bottom:0;
position:absolute;
transform:rotateY(180deg);
backface-visibility:hidden;
transition:all .4s linear;
}
.login-html .sign-in,
.login-html .sign-up,
.login-form .group .check{
display:none;
}
.login-html .tab,
.login-form .group .label,
.login-form .group .button{
text-transform:uppercase;
}
.login-html .tab{
font-size:22px;
margin-right:15px;
padding-bottom:5px;
margin:0 15px 10px 0;
display:inline-block;
border-bottom:4px solid transparent;
}
.login-html .sign-in:checked + .tab,
.login-html .sign-up:checked + .tab{
color:#3a3b45;
border-color: #2cb5a8;
}
.login-form {
min-height:345px;
position:relative;
perspective:1000px;
transform-style:preserve-3d;
}
.login-form .group{
margin-bottom:15px;
}
.login-form .group .label,
.login-form .group .input,
.login-form .group .button{
width:100%;
color:#fff;
display:block;
}
.login-form .group .input,
.login-form .group .button{
border:none;
padding:15px 20px;
border-radius:25px;
background:rgba(255,255,255,.1);
}
.login-form .group input[data-type="password"]{
text-security:circle;
-webkit-text-security:circle;
}
.login-form .group .label{
color:#aaa;
font-size:12px;
}
.login-form .group .button{
background:#1161ee;
}
.login-form .group label .icon{
width:15px;
height:15px;
border-radius:2px;
position:relative;
display:inline-block;
background:rgba(255,255,255,.1);
}
.login-form .group label .icon:before,
.login-form .group label .icon:after{
content:'';
width:10px;
height:2px;
background:#fff;
position:absolute;
transition:all .2s ease-in-out 0s;
}
.login-form .group label .icon:before{
left:3px;
width:5px;
bottom:6px;
transform:scale(0) rotate(0);
}
.login-form .group label .icon:after{
top:6px;
right:0;
transform:scale(0) rotate(0);
}
.login-form .group .check:checked + label{
color:#fff;
}
.login-form .group .check:checked + label .icon{
background:#1161ee;
}
.login-form .group .check:checked + label .icon:before{
transform:scale(1) rotate(45deg);
}
.login-form .group .check:checked + label .icon:after{
transform:scale(1) rotate(-45deg);
}
.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
transform:rotate(0);
}
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
transform:rotate(0);
display: block;
}
.login-html .sign-in:checked + .tab + .login-form , .sign-up-htm{
transform:rotate(0);
display: none;
}
.hr{
height:2px;
margin:20px 0 20px 0;
background:rgba(255,255,255,.2);
}
.foot-lnk{
text-align:center;
}
/*-------------*/
.bg-pk {
background-size: cover;
width: 100%;
height: 100%;
}
.p-5 {
background-color: #fff;
border-radius: 10px;
}
.total-t {
font-size: 20px;
}
.package {
padding-top: 60px;
}
.package p {
font-size: 20px;
letter-spacing: 1px;
}
.package-caption {
margin: 15px 0px;
padding-right: 10px;
}
.text-left li {
font-size: 15px;
word-break: break-all;
}
.text-left {
margin-bottom: 20px;
}
.packkage-intro {
padding: 20px;
text-align: center;
color: #505050;
word-break: break-all;
}
.packkage-intro p {
font-size: 18px;
}
.packages-item {
background-color: rgba(255,255,255,0.7);
height: 600px;
margin-bottom: 15px;
text-align: center;
-webkit-box-shadow: 0 1rem 1rem rgba(0,0,0,.175)!important;
box-shadow: 0 1rem 3rem rgb a(0,0,0,.175)!important;
transition: all .2s ease-in-out;
}
.package-caption-add {
background-color: white;
padding: 15px;
display: none;
height: 450px;
}
.package-head {
background-color: #2cb5a8;
padding: 15px 15px;
text-transform: uppercase;
letter-spacing: 1px;
color: white;
text-align: center;
font-weight: 600;
margin-bottom: 15px;
}
.pack-footer{
margin-top: 20px;
position: absolute;
bottom: 30px;
right: 0%;
width: 100%;
font-weight: 600;
color: #424242;
}
.btn-ft-pack{
border: solid #96e6a1 1px;
font-size: 16px;
padding: 5px 15px;
margin: 5px 0px;
}
.pk-content {
padding: 15px;
}
.pk-box {
padding: 20px;
width: 100%;
}
.btn-pk {
border: solid #2cb5a8 2px;
color: #2cb5a8!important;
background-color: transparent;
font-size: 22px;
padding: 15px 40px;
margin: 50px 0px;
}
.pk-border{
border: 1px solid;
padding: 15px 0 0;
margin-top: 35px;
min-height: 630px;
border-radius: 10px;
}
.pk-head {
font-weight: 400;
font-size: 30px;
line-height: .94em;
padding-top: 20px;
}
.pk-price {
font-weight: 600;
font-size: 64px;
line-height: .91em;
margin-top: 18px;
min-height: 60px;
}
.pk-detail {
font-weight: 600;
font-size: 22px;
line-height: 1.28em;
}
.pk-type {
font-weight: 600;
font-size: 20px;
line-height: 1.5em;
padding: 15px 0;
}
.head-number {
color: #fff;
font-size: 24px;
background: #2cb5a8;
width: 38px;
height: 38px;
line-height: 38px;
border-radius: 50%;
margin-right: 15px;
display: inline-block;
text-align: center;
margin: 15px 0px;
}
.pk-payment {
padding: 20px;
}
.myimg img {
margin: 50px 0px;;
height: auto;
width: 100%
}
.form-border {
border-radius: 5px;
padding: 30px;
margin: 60px 0px;
-webkit-box-shadow: 1px 1px 20px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 20px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 20px 1px rgba(0,0,0,0.1);
}
.cp-border{
text-align: center;
border: 2px solid;
border-radius: 5px;
padding: 15px 5px;
width: 25%;
height: 150px;
margin: 15px 17px;
}
.cp-detail {
font-size: 44px;
font-weight: 600;
}
.cp-head {
font-size: 22px;
}
.cp-price {
font-weight: 600;
font-size: 44px;
line-height: 1.1em;
}
.pk-border.basic{
color: #566573;
}
.pk-border.standard{
color: #2ECC71;
}
.pk-border.advance{
color: #3498DB;
}
.cp-border:nth-child(3n+2){
color: #3498DB;
}
.cp-border:nth-child(3n){
color: #2ECC71;
}
.cp-border:nth-child(3n+1){
color: #566573;
}
.compare {
overflow-y: auto;
}
.text-center{
text-align: center;
}
.table td, .table th{
vertical-align: middle!important;
}
.show_more_in_table{
width:100%;
display: block;
padding:5px;
}
.show_more_in_table > b{
width:180px;
display: inline-block;
text-align: right;
}
.show_more_in_table > li {
display: inline;
}
.card_in_card , .item_set_area_space{
margin-bottom: 15px;
padding-bottom: 15px;
}
.card_in_card{
padding-bottom: 0px;
}
.card_in_card:last-child,.item_set_area_space:last-child{
padding-bottom: 0px;
margin-bottom: 0px;
}
.debit {
background-color: rgba(159,225,131,0.37);
}
.credit {
background-color: rgba(255,204,0,0.37);
}
/*------------------ Menu ------------------*/
.sidebar-dark .nav-item .nav-link{
letter-spacing: 0.5px;
}
.sidebar-dark .sidebar-heading{
letter-spacing: 1.5px;
}
/*======== icon ==========*/
.wrap a {
color: #424242;
}
.hover-fx {
font-size: 36px;
display: inline-block;
cursor: pointer;
margin: 15px;
width: 120px;
height: 120px;
line-height: 84px;
border-radius: 50%;
text-align: center;
position: relative;
color: #FFF;
background-color: rgba(255, 255, 255, 0.1);
transition: 300ms;
}
.hover-fx:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
box-sizing: content-box;
box-shadow: 0 0 0 3px #424242;
top: 0;
left: 0;
opacity: 0;
transition: 300ms;
}
.hover-fx:hover {
background-color: #FFF;
color: #fff;
}
.hover-fx:hover:after {
opacity: 1;
transform: scale(1.15);
}
.form-control:focus {
-webkit-box-shadow: inset 0px 0px 0.2em 0.1rem rgba(44, 180, 167, 0.41);
box-shadow: inset 0px 0px 0.2em 0.1rem rgba(44, 180, 167, 0.41);
}
/* ============================================ Gus Table*/
.table td, .table th {
padding: 0.5rem;
}
.table > thead > tr > td input {
border-radius: 0px;
}
.table > thead > tr > td > select.form-control{
border-radius: 0px;
}
.table > thead > tr > td > .select2-container--bootstrap4 .select2-selection {
border: 1px solid #ced4da;
border-radius: 0rem!important;
width: 100%;
}
.table > thead > tr > th{
text-align: center;
vertical-align: middle;
font-weight: 500;
letter-spacing: 0.5px;
}
.headcol {
position: absolute;
width: 5em;
left: 0;
top: auto;
border-top-width: 1px;
/*only relevant for first row*/
margin-top: -1px;
/*compensate for top border*/
}
.tableGusHead {
position: fixed;
top: 0px;
display: none;
}
.gusTable{
word-break: break-all;
}
.tableGusResponsive {
width: 100%;
}
.tableGusResponsive table {
max-width: 100%;
margin: auto;
}
.tableGusResponsive tr:nth-of-type(odd) {
background: #eee;
}
.tableGusResponsive th {
background: #000;
color: #fff;
font-weight: bold;
}
.tableGusResponsive td, .tableGusResponsive th {
padding: 10px;
border: 1px solid #ccc;
text-align: left;
}
.tableGusResponsive td:nth-last-of-type(1) {
display: none;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
.tableGusResponsive table {
width: 100%;
}
/* Force table to not be like tables anymore */
.tableGusResponsive table, .tableGusResponsive thead, .tableGusResponsive tbody, .tableGusResponsive th, .tableGusResponsive td, .tableGusResponsive tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.tableGusResponsive thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.tableGusResponsive tr {
border: 1px solid #dedede;
}
.tableGusResponsive td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #dedede;
position: relative;
padding-left: 50%;
width:auto !important;
}
.tableGusResponsive td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
/* Label the data */
content: attr(data-column);
color: #000;
font-weight: bold;
}
.tableGusResponsive td.td_hide {
display: none;
}
.tableGusResponsive td:nth-last-of-type(1) {
padding: 0px;
display: inherit;
}
.tableGusResponsive td{
padding-top: 6px;
padding-bottom: 6px;
}
}
/* ============================================ END Gus Table ========================== */
.tab-content {
background-color: #fff;
padding: 15px 15px;
border-left: 1px solid #dddfeb;
border-right: 1px solid #dddfeb;
border-bottom: 1px solid #dddfeb;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.tab-subcontent {
background-color: #fff;
padding: 15px 15px;
border-left: 1px solid #dddfeb;
border-right: 1px solid #dddfeb;
border-bottom: 1px solid #dddfeb;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.main-content {
padding: 15px 15px;
}
/* ============================================ END Table Size ========================== */
.summaryDetailFooter {
color: rgba(0,0,0,0.8);
line-height: 2.5em;
float: right;
margin-bottom: 15px;
}
.summaryDetailFooter .l_label {
width: 295px;
min-width: 240px;
text-align: left;
}
.summaryDetailFooter .r_value {
text-align: right;
padding-left: 10px;
float: right;
}
.summaryDetailFooter .form-group {
margin: 0px;
}
.summaryDetailFooter .l_label .select2-container {
min-width: 150px;
max-width: 150px;
}
.summaryDetailFooter .r_value > .form-control {
min-width: 100px;
max-width: 150px;
}
td.sumInline {
display: inline-flex!important;
}
.summary {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.summaryDetailFooter {
float: none;
width: 100%;
/* margin-top: 15px;
*/
margin-top: 45px;
background-color: rgba(61, 153, 112, 0.11);
}
.summaryDetailFooter .l_label {
padding-left: 10px;
}
.summaryDetailFooter .r_value {
padding-right: 10px;
}
}
/*================ content ===============*/
.content-from {
padding: 30px;
}
.content-bg {
margin-top: 15px;
margin-bottom: 15px;
padding:15px;
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 0rem 0.7rem rgba(0,0,0,.175)!important;
box-shadow: 0 0rem 0.7rem rgb a(0,0,0,.175)!important;
}
.content-head{
color: #444;
border-bottom:1px solid #dcdcdc;
display: block;
position: relative;
}
.content-body {
padding:15px 0 15px 0;
}
.content-nav {
background-color: #ffffff;
}
.form-control.box1 {
border-bottom-left-radius: 0px;
border-bottom-right-radius:0px;
}
.form-control.box2 {
border-radius: 0px;
}
.form-control.box3 {
border-top-left-radius: 0px;
border-top-right-radius:0px;
}
.box-foot {
text-align: right;
margin-top: 15px;
padding:10px 0px;
}
.flat-green {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(green.png) no-repeat;
border: none;
cursor: pointer;
}
.radio {
position: relative;
cursor: pointer;
line-height: 20px;
font-size: 14px;
margin: 10px 15px 10px 15px;
}
.radio .label {
position: relative;
display: block;
float: left;
margin-right: 10px;
width: 20px;
height: 20px;
border: 2px solid #c8ccd4;
border-radius: 100%;
-webkit-tap-highlight-color: transparent;
}
.radio .label:after {
content: '';
position: absolute;
top: 4px;
left: 3px;
width: 9px;
height: 9px;
border-radius: 100%;
background: #1cc88a;
transform: scale(0);
transition: all 0.2s ease;
opacity: 0.08;
pointer-events: none;
}
.radio .label:after:nth-child(2){
top: 4px;
left: 4px!important;
}
.radio:hover .label:after {
transform: scale(3.6);
}
input[type="radio"]:checked + .label {
border-color: #1cc88a;
}
input[type="radio"]:checked + .label:after {
transform: scale(1);
transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
opacity: 1;
}
.hidden {
display: none;
}
.table-foot {
background-color: rgba(58,152,33,0.2);
height: 54px;
font-weight: 600;
}
/*------------------- footer -----------------*/
.box-footer {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 1px solid #f4f4f4;
padding: 10px;
background-color: #fff;
}
.table > thead > tr > th > .form-control {
border-radius: 0px!important;
}
#purchase_order_table .table > tbody > tr > td:nth-of-type(1){
width: 100px;
text-align: center;
}
#purchase_order_table .table > tbody > tr > td:nth-of-type(2){
width: 100px;
/* min-width: 100px;*/
text-align: center;
}
#purchase_order_table .table > tbody > tr > td:nth-of-type(3){
width: 130px;
/* min-width: 150px;*/
text-align: center;
}
#purchase_order_table .table > tbody > tr > td:nth-of-type(4){
width: 150px;
min-width: 150px;
text-align: center;
}
#purchase_order_table .table > tbody > tr > td:nth-of-type(5){
width: 200px;
/* min-width: 200px;*/
text-align: center;
}
#purchase_order_table .table > tbody > tr > td:nth-last-of-type(1){
width: 200px;
min-width: 200px;
text-align: right;
}
#purchase_order_table .table > tbody > tr > td:nth-last-of-type(2){
width: 130px;
min-width: 130px;
text-align: center;
}
#purchase_order_table .table > tbody > tr > td:nth-last-of-type(3){
width: 300px;
min-width: 300px;
text-align: left;
}
#purchase_edit_table {
margin:30px 0px;
}
#purchase_edit_table .table > tbody > tr > td:nth-of-type(1){
width: 130px;
text-align: center;
}
#purchase_edit_table .table > tbody > tr > td:nth-of-type(2){
width: 200px;
min-width: 200px;
text-align: left;
}
#purchase_edit_table .table > tbody > tr > td:nth-of-type(3),
#purchase_edit_table .table > tbody > tr > td:nth-of-type(5){
width: 230px;
min-width: 230px;
text-align: left;
}
#purchase_edit_table .table > tbody > tr > td:nth-of-type(4) {
width: 230px;
min-width: 230px;
text-align: center;
}
#purchase_edit_table .table > tbody > tr > td:nth-last-of-type(1){
width: 70px;
min-width: 70px;
text-align: center;
}
#purchase_edit_table .table > tbody > tr > td:nth-last-of-type(2){
width: 180px;
min-width: 180px;
text-align: right;
}
#purchase_edit_table .table > tbody > tr > td:nth-last-of-type(3),
#purchase_edit_table .table > tbody > tr > td:nth-last-of-type(4){
width: 150px;
min-width: 150px;
text-align: center;
}
#credit_edit_table {
margin:30px 0px;
}
#credit_edit_table .table > tbody > tr > td:nth-of-type(1){
width: 130px;
min-width: 130px;
text-align: center;
}
#credit_edit_table .table > tbody > tr > td:nth-of-type(2){
width: 200px;
min-width: 200px;
text-align: left;
}
#credit_edit_table .table > tbody > tr > td:nth-of-type(3),
#credit_edit_table .table > tbody > tr > td:nth-of-type(5){
width: 300px;
min-width: 300px;
text-align: left;
}
#credit_edit_table .table > tbody > tr > td:nth-of-type(4) {
width: 300px;
min-width: 300px;
text-align: center;
}
#credit_edit_table .table > tbody > tr > td:nth-last-of-type(1){
width: 100px;
min-width: 100px;
text-align: center;
}
#credit_edit_table .table > tbody > tr > td:nth-last-of-type(2),
#credit_edit_table .table > tbody > tr > td:nth-last-of-type(3),
#credit_edit_table .table > tbody > tr > td:nth-last-of-type(4){
width: 200px;
min-width: 200px;
text-align: right;
}
#quotation_edit_table .table > tbody > tr > td:nth-of-type(1){
width: 50px;
min-width: 50px;
text-align: center;
}
#quotation_edit_table .table > tbody > tr > td:nth-of-type(2){
width: 200px;
min-width: 200px;
text-align: center;
}
#quotation_edit_table .table > tbody > tr > td:nth-of-type(3){
width: 200px;
min-width: 200px;
text-align: right;
}
#quotation_edit_table .table > tbody > tr > td:nth-of-type(4){
width: 200px;
min-width: 200px;
text-align: center;
}
#quotation_edit_table .table > tbody > tr > td:nth-last-of-type(1){
width: 120px;
min-width: 120px;
text-align: center;
}
#quotation_edit_table .table > tbody > tr > td:nth-last-of-type(2),
#quotation_edit_table .table > tbody > tr > td:nth-last-of-type(3){
width: 80px;
min-width: 80px;
text-align: center;
}
#quotation_edit_table .table > tbody > tr > td:nth-last-of-type(4){
width: 180px;
min-width: 180px;
text-align: right;
}
#quotation_edit_table .table > tbody > tr > td:nth-last-of-type(5){
width: 180px;
min-width: 180px;
text-align: right;
}
#approve_table .table > tbody > tr > td:nth-of-type(1) {
width: 130px;
text-align: center;
}
#approve_table .table > tbody > tr > td:nth-of-type(2) {
min-width: 150px;
text-align: left;
}
#approve_table .table > tbody > tr > td:nth-of-type(3),
#approve_table .table > tbody > tr > td:nth-of-type(4){
min-width: 150px;
text-align: center;
}
#approve_table .table > tbody > tr > td:nth-last-of-type(1){
min-width: 60px;
text-align: center;
}
#approve_table .table > tbody > tr > td:nth-last-of-type(2){
min-width: 150px;
text-align: center;
}
#approve_table .table > tbody > tr > td:nth-last-of-type(3),
#approve_table .table > tbody > tr > td:nth-last-of-type(4){
width: 50px;
min-width: 50px;
text-align: center;
}
#req_edit_table .table > tbody > tr > td:nth-of-type(1) {
width: 80px;
text-align: center;
}
#req_edit_table .table > tbody > tr > td:nth-of-type(2) {
width: 150px;
text-align: left;
}
#req_edit_table .table > tbody > tr > td:nth-of-type(3) {
width: 130px;
text-align: center;
}
#req_edit_table .table > tbody > tr > td:nth-of-type(4) {
width: 130px;
text-align: center;
}
#req_edit_table .table > tbody > tr > td:nth-of-type(5) {
width: 130px;
text-align: center;
}
#req_edit_table .table > tbody > tr > td:nth-of-type(6) {
width: 130px;
text-align: center;
}
#req_edit_table .table > tbody > tr > td:nth-last-of-type(1) {
width: 200px;
text-align: center;
}
#req_edit_table .table > tbody > tr > td:nth-last-of-type(2) {
width: 130px;
text-align: right;
}
#req_edit_table .table > tbody > tr > td:nth-last-of-type(3) {
width: 130px;
text-align: right;
}
#doc_type_table tbody > tr > td:nth-of-type(1) {
width: 80px;
text-align: center;
}
#doc_type_table tbody > tr > td:nth-of-type(2) {
width: 700px;
text-align: center;
}
#doc_type_table tbody > tr > td:nth-last-of-type(1) {
width: 80px;
text-align: center;
}
#doc_invoice_table .table > tbody > tr > td:nth-of-type(1) {
width: 200px;
text-align: center;
}
#doc_invoice_table .table > tbody > tr > td:nth-of-type(2) {
width: 200px;
text-align: center;
}
#doc_invoice_table .table > tbody > tr > td:nth-last-of-type(1) {
width: 150px;
text-align: center;
}
#doc_invoice_table .table > tbody > tr > td:nth-last-of-type(2) {
width: 500px;
text-align: center;
}
#invFileListTable .table > tbody > tr > td:nth-of-type(1) {
width: 30px;
text-align: center;
}
#invFileListTable .table > tbody > tr > td:nth-of-type(2) {
width: 150px;
text-align: center;
}
#invFileListTable .table > tbody > tr > td:nth-last-of-type(1) {
width: 90px;
text-align: center;
}
#invFileListTable .table > tbody > tr > td:nth-last-of-type(2) {
width: 150px;
text-align: center;
}
#otherFile .table > tbody > tr > td:nth-of-type(1) {
width: 200px;
text-align: center;
}
#otherFile .table > tbody > tr > td:nth-of-type(2) {
width: 300px;
text-align: center;
}
#otherFile .table > tbody > tr > td:nth-last-of-type(1) {
width: 120px;
text-align: center;
}
#otherFile .table > tbody > tr > td:nth-last-of-type(2) {
width: 200px;
text-align: center;
}
#item_list_table tbody > tr > td:nth-of-type(1) {
width: 50px;
min-width: 50px;
text-align: center;
}
#item_list_table tbody > tr > td:nth-of-type(2) {
width: 250px;
min-width: 250px;
text-align: left;
}
#item_list_table tbody > tr > td:nth-of-type(3) {
width: 210px;
min-width: 210px;
text-align: center;
}
#item_list_table tbody > tr > td:nth-of-type(4) {
width: 210px;
min-width: 210px;
text-align: center;
}
#item_list_table tbody > tr > td:nth-of-type(5) {
width: 200px;
min-width: 200px;
text-align: center;
}
#item_list_table tbody > tr > td:nth-of-type(6),
#item_list_table tbody > tr > td:nth-of-type(7),
#item_list_table tbody > tr > td:nth-of-type(8){
width: 200px;
min-width: 200px;
text-align: right;
}
#item_list_table tbody > tr > td:nth-of-type(9){
width: 200px;
min-width: 200px;
text-align: right;
}
#item_list_table tbody > tr > td:nth-of-type(10),
#item_list_table tbody > tr > td:nth-of-type(11),
#item_list_table tbody > tr > td:nth-of-type(12){
width: 200px;
min-width: 200px;
text-align: right;
}
#item_list_table tbody > tr > td:nth-last-of-type(1),
#item_list_table tbody > tr > td:nth-last-of-type(2),
#item_list_table tbody > tr > td:nth-last-of-type(3){
width: 60px;
min-width: 60px;
text-align: center;
}
#item_list_table tbody > tr > td:nth-last-of-type(4),
#item_list_table tbody > tr > td:nth-last-of-type(5),
#item_list_table tbody > tr > td:nth-last-of-type(6){
width: 200px;
min-width: 200px;
text-align: right!important;
}
#sell_list_table .table > tbody > tr > td:nth-of-type(1) {
width: 50px;
min-width: 50px;
text-align: center;
}
#sell_list_table .table > tbody > tr > td:nth-of-type(2) {
width: 250px;
min-width: 250px;
text-align: left;
}
#sell_list_table .table > tbody > tr > td:nth-of-type(3),
#sell_list_table .table > tbody > tr > td:nth-of-type(4),
#sell_list_table .table > tbody > tr > td:nth-of-type(5),
#sell_list_table .table > tbody > tr > td:nth-of-type(6){
width: 210px;
min-width: 210px;
text-align: center;
}
#sell_list_table .table > tbody > tr > td:nth-of-type(7),
#sell_list_table .table > tbody > tr > td:nth-of-type(8),
#sell_list_table .table > tbody > tr > td:nth-of-type(9){
width: 200px;
min-width: 200px;
text-align: right;
}
#sell_list_table .table > tbody > tr > td:nth-of-type(10),
#sell_list_table .table > tbody > tr > td:nth-of-type(11),
#sell_list_table .table > tbody > tr > td:nth-of-type(12),
#sell_list_table .table > tbody > tr > td:nth-of-type(13){
width: 200px;
min-width: 200px;
text-align: right;
}
#sell_list_table .table > tbody > tr > td:nth-last-of-type(1),
#sell_list_table .table > tbody > tr > td:nth-last-of-type(2),
#sell_list_table .table > tbody > tr > td:nth-last-of-type(3){
width: 60px;
min-width: 60px;
text-align: center;
}
#sell_list_table .table > tbody > tr > td:nth-last-of-type(4),
#sell_list_table .table > tbody > tr > td:nth-last-of-type(5),
#sell_list_table .table > tbody > tr > td:nth-last-of-type(6){
width: 200px;
min-width: 200px;
text-align: right!important;
}
#sell_billing_table .table > tbody > tr > td:nth-of-type(1) {
width: 50px;
min-width: 50px;
text-align: center;
}
#sell_billing_table .table > tbody > tr > td:nth-of-type(2) {
width: 250px;
min-width: 250px;
text-align: left;
}
#sell_billing_table .table > tbody > tr > td:nth-of-type(3),
#sell_billing_table .table > tbody > tr > td:nth-of-type(4),
#sell_billing_table .table > tbody > tr > td:nth-of-type(5),
#sell_billing_table .table > tbody > tr > td:nth-of-type(6){
width: 210px;
min-width: 210px;
text-align: center;
}
#sell_billing_table .table > tbody > tr > td:nth-of-type(7),
#sell_billing_table .table > tbody > tr > td:nth-of-type(8),
#sell_billing_table .table > tbody > tr > td:nth-of-type(9){
width: 200px;
min-width: 200px;
text-align: right;
}
#sell_billing_table .table > tbody > tr > td:nth-of-type(10),
#sell_billing_table .table > tbody > tr > td:nth-of-type(11),
#sell_billing_table .table > tbody > tr > td:nth-of-type(12),
#sell_billing_table .table > tbody > tr > td:nth-of-type(13){
width: 200px;
min-width: 200px;
text-align: center;
}
#sell_billing_table .table > tbody > tr > td:nth-last-of-type(1),
#sell_billing_table .table > tbody > tr > td:nth-last-of-type(2),
#sell_billing_table .table > tbody > tr > td:nth-last-of-type(3){
width: 60px;
min-width: 60px;
text-align: center;
}
#sell_billing_table .table > tbody > tr > td:nth-last-of-type(4),
#sell_billing_table .table > tbody > tr > td:nth-last-of-type(5),
#sell_billing_table .table > tbody > tr > td:nth-last-of-type(6){
width: 200px;
min-width: 200px;
text-align: right!important;
}
#accountCode_list_table .table > tbody > tr > td:nth-of-type(1) {
width: 50px;
min-width: 50px;
text-align: center;
}
#accountCode_list_table .table > tbody > tr > td:nth-of-type(2) {
width: 250px;
min-width: 250px;
text-align: left;
}
#accountCode_list_table .table > tbody > tr > td:nth-of-type(3) {
width: 210px;
min-width: 210px;
text-align: center;
}
#accountCode_list_table .table > tbody > tr > td:nth-of-type(4) {
width: 250px;
min-width: 250px;
text-align: center;
}
#accountCode_list_table .table > tbody > tr > td:nth-of-type(5),
#accountCode_list_table .table > tbody > tr > td:nth-of-type(6),
#accountCode_list_table .table > tbody > tr > td:nth-of-type(7),
#accountCode_list_table .table > tbody > tr > td:nth-of-type(8){
width: 150px;
min-width: 150px;
text-align: center;
}
#accountCode_list_table .table > tbody > tr > td:nth-of-type(9),
#accountCode_list_table .table > tbody > tr > td:nth-of-type(10),
#accountCode_list_table .table > tbody > tr > td:nth-of-type(11),
#accountCode_list_table .table > tbody > tr > td:nth-of-type(12){
width: 200px;
min-width: 200px;
text-align: right;
}
#accountCode_list_table .table > tbody > tr > td:nth-of-type(13),
#accountCode_list_table .table > tbody > tr > td:nth-of-type(14),
#accountCode_list_table .table > tbody > tr > td:nth-of-type(15){
width: 200px;
min-width: 200px;
text-align: center;
}
#accountCode_list_table .table > tbody > tr > td:nth-last-of-type(1),
#accountCode_list_table .table > tbody > tr > td:nth-last-of-type(2),
#accountCode_list_table .table > tbody > tr > td:nth-last-of-type(3){
width: 60px;
min-width: 60px;
text-align: center;
}
#accountCode_list_table .table > tbody > tr > td:nth-last-of-type(4),
#accountCode_list_table .table > tbody > tr > td:nth-last-of-type(5),
#accountCode_list_table .table > tbody > tr > td:nth-last-of-type(6){
width: 200px;
min-width: 200px;
text-align: right!important;
}
#item_wht_table .table > tbody > tr > td:nth-of-type(1){
width: 50px;
min-width: 50px;
text-align: center;
}
#item_wht_table .table > tbody > tr > td:nth-of-type(2){
width: 200px;
min-width: 200px;
text-align: left;
}
#item_wht_table .table > tbody > tr > td:nth-of-type(3){
width: 200px;
min-width: 200px;
text-align: center;
}
#item_wht_table .table > tbody > tr > td:nth-of-type(4){
width: 100px;
min-width: 100px;
text-align: center;
}
#item_wht_table .table > tbody > tr > td:nth-of-type(5),
#item_wht_table .table > tbody > tr > td:nth-of-type(6){
width: 200px;
min-width: 200px;
text-align: right;
}
#item_wht_table .table > tbody > tr > td:nth-last-of-type(1),
#item_wht_table .table > tbody > tr > td:nth-last-of-type(2),
#item_wht_table .table > tbody > tr > td:nth-last-of-type(3){
width: 50px;
min-width: 50px;
text-align: center;
}
#item_wht_table .table > tbody > tr > td:nth-last-of-type(4){
width: 200px;
min-width: 200px;
text-align: right;
}
#accountCodeTable .table > tbody > tr > td:nth-of-type(1) {
width: 50px;
min-width: 50px;
text-align: center;
}
#accountCodeTable .table > tbody > tr > td:nth-of-type(2) {
width: 250px;
min-width: 250px;
text-align: left;
}
#accountCodeTable .table > tbody > tr > td:nth-of-type(3),
#accountCodeTable .table > tbody > tr > td:nth-of-type(4){
width: 200px;
min-width: 200px;
text-align: right;
}
#accountCodeTable .table > tbody > tr > td:nth-last-of-type(1),
#accountCodeTable .table > tbody > tr > td:nth-last-of-type(2),
#accountCodeTable .table > tbody > tr > td:nth-last-of-type(3){
width: 70px;
min-width: 70px;
text-align: center;
}
#account_journal_table .table > tbody > tr > td:nth-of-type(1) {
width: 80px;
min-width: 80px;
text-align: center;
}
#account_journal_table .table > tbody > tr > td:nth-of-type(2) {
width: 150px;
min-width: 150px;
text-align: center;
}
#account_journal_table .table > tbody > tr > td:nth-of-type(3) {
width: 200px;
min-width: 200px;
text-align: right;
}
#account_journal_table .table > tbody > tr > td:nth-of-type(4) {
width: 150px;
min-width: 150px;
text-align: center;
}
#account_journal_table .table > tbody > tr > td:nth-last-of-type(1) {
width: 150px;
min-width: 150px;
text-align: center;
}
#journal_table .table > tbody > tr > td:nth-of-type(1){
width: 50px;
min-width: 50px;
text-align: center;
}
#journal_table .table > tbody > tr > td:nth-of-type(2){
width: 250px;
min-width: 250px;
text-align: center;
}
#journal_table .table > tbody > tr > td:nth-of-type(3),
#journal_table .table > tbody > tr > td:nth-of-type(4){
width: 170px;
min-width: 170px;
text-align: center;
}
#journal_table .table > tbody > tr > td:nth-last-of-type(1),
#journal_table .table > tbody > tr > td:nth-last-of-type(2),
#journal_table .table > tbody > tr > td:nth-last-of-type(3){
width: 50px;
min-width: 50px;
text-align: center;
}
#prettycast_detail .table > tbody > tr > td:nth-of-type(1){
width: 100px;
min-width: 100px;
text-align: center;
}
#prettycast_detail .table > tbody > tr > td:nth-of-type(2),
#prettycast_detail .table > tbody > tr > td:nth-of-type(3){
width: 200px;
min-width: 200px;
text-align: right;
}
#prettycast_detail .table > tbody > tr > td:nth-of-type(4){
width: 100px;
min-width: 100px;
text-align: center;
}
#prettycast_detail .table > tbody > tr > td:nth-last-of-type(1){
width: 150px;
min-width: 150px;
text-align: center;
}
#prettycast_detail .table > tbody > tr > td:nth-last-of-type(2){
width: 150px;
min-width: 150px;
text-align: center;
}
#pettycah_table .table > tbody > tr > td:nth-of-type(1){
width: 50px;
min-width: 50px;
text-align: center;
}
#pettycah_table .table > tbody > tr > td:nth-of-type(2){
width: 200px;
min-width: 200px;
text-align: left;
}
#pettycah_table .table > tbody > tr > td:nth-of-type(3){
width: 250px;
min-width: 250px;
text-align: right;
}
#pettycah_table .table > tbody > tr > td:nth-of-type(4),
#pettycah_table .table > tbody > tr > td:nth-of-type(5),
#pettycah_table .table > tbody > tr > td:nth-of-type(6),
#pettycah_table .table > tbody > tr > td:nth-of-type(7){
width: 180px;
min-width: 180px;
text-align: center;
}
#pettycah_table .table > tbody > tr > td:nth-of-type(8){
width: 220px;
min-width: 220px;
text-align: center;
}
#pettycah_table .table > tbody > tr > td:nth-last-of-type(1),
#pettycah_table .table > tbody > tr > td:nth-last-of-type(2),
#pettycah_table .table > tbody > tr > td:nth-last-of-type(3){
width: 80px;
min-width: 80px;
text-align: center;
}
#pettycah_table .table > tbody > tr > td:nth-last-of-type(4),
#pettycah_table .table > tbody > tr > td:nth-last-of-type(5),
#pettycah_table .table > tbody > tr > td:nth-last-of-type(6){
width: 200px;
min-width: 200px;
text-align: right;
}
#asset_table .table > tbody > tr > td:nth-of-type(1){
width: 80px;
min-width: 80px;
text-align: center;
}
#asset_table .table > tbody > tr > td:nth-of-type(2){
width: 150px;
min-width: 150px;
text-align: center;
}
#asset_table .table > tbody > tr > td:nth-of-type(3){
width: 200px;
min-width: 200px;
text-align: left;
}
#asset_table .table > tbody > tr > td:nth-last-of-type(1){
width: 100px;
min-width: 100px;
text-align: center;
}
#asset_table .table > tbody > tr > td:nth-last-of-type(2),
#asset_table .table > tbody > tr > td:nth-last-of-type(3){
width: 150px;
min-width: 150px;
text-align: center;
}
#assetreceive_table .table > tbody > tr > td:nth-of-type(1){
width: 50px;
min-width: 50px;
text-align: center;
}
#assetreceive_table .table > tbody > tr > td:nth-of-type(2){
width: 150px;
min-width: 150px;
text-align: center;
}
#assetreceive_table .table > tbody > tr > td:nth-of-type(3){
width: 140px;
min-width: 140px;
text-align: center;
}
#assetreceive_table .table > tbody > tr > td:nth-of-type(4),
#assetreceive_table .table > tbody > tr > td:nth-of-type(5),
#assetreceive_table .table > tbody > tr > td:nth-of-type(6),
#assetreceive_table .table > tbody > tr > td:nth-of-type(7){
width: 200px;
min-width: 200px;
text-align: center;
}
#assetreceive_table .table > tbody > tr > td:nth-of-type(8){
width: 160px;
min-width: 160px;
text-align: center;
}
#assetreceive_table .table > tbody > tr > td:nth-of-type(9){
width: 190px;
min-width: 190px;
text-align: center;
}
#assetreceive_table .table > tbody > tr > td:nth-of-type(10){
width: 150px;
min-width: 150px;
text-align: center;
}
#assetreceive_table .table > tbody > tr > td:nth-last-of-type(1){
width: 150px;
min-width: 150px;
text-align: center;
}
#assetreceive_table .table > tbody > tr > td:nth-last-of-type(2),
#assetreceive_table .table > tbody > tr > td:nth-last-of-type(3){
width: 150px;
min-width: 150px;
text-align: center;
}
#assetreceive_table .table > tbody > tr > td:nth-last-of-type(4){
width: 160px;
min-width: 160px;
text-align: center;
}
#report_buysell_table .table > tbody > tr > td:nth-of-type(1){
width: 80px;
min-width: 80px;
text-align: center;
}
#report_buysell_table .table > tbody > tr > td:nth-of-type(2){
width: 130px;
min-width: 130px;
text-align: center;
}
#report_buysell_table .table > tbody > tr > td:nth-of-type(3){
width: 200px;
min-width: 200px;
text-align: center;
}
#report_buysell_table .table > tbody > tr > td:nth-of-type(4){
width: 300px;
min-width: 300px;
text-align: left;
}
#report_buysell_table .table > tbody > tr > td:nth-of-type(5){
width: 130px;
min-width: 130px;
text-align: center;
}
#report_buysell_table .table > tbody > tr > td:nth-of-type(6),
#report_buysell_table .table > tbody > tr > td:nth-of-type(7){
width: 150px;
min-width: 150px;
text-align: center;
}
#report_buysell_table .table > tbody > tr > td:nth-last-of-type(1){
width: 130px;
min-width: 130px;
text-align: center;
}
#report_buysell_table .table > tbody > tr > td:nth-last-of-type(2),
#report_buysell_table .table > tbody > tr > td:nth-last-of-type(3){
width: 200px;
min-width:200px;
text-align: right;
}
#report_debtor_table .table > tbody > tr > td:nth-of-type(1){
width: 120px;
min-width: 120px;
text-align: center;
}
#report_debtor_table .table > tbody > tr > td:nth-of-type(2){
width: 150px;
min-width: 150px;
text-align: left;
}
#report_debtor_table .table > tbody > tr > td:nth-of-type(3){
width: 150px;
min-width: 150px;
text-align: center;
}
#report_debtor_table .table > tbody > tr > td:nth-last-of-type(1),
#report_debtor_table .table > tbody > tr > td:nth-last-of-type(2),
#report_debtor_table .table > tbody > tr > td:nth-last-of-type(3){
width: 150px;
min-width: 150px;
text-align: right;
}
#mas_acccode_table .table > tbody > tr > td:nth-of-type(1){
width: 70px;
min-width: 70px;
text-align: center;
}
#mas_acccode_table .table > tbody > tr > td:nth-of-type(2){
width: 300px;
min-width: 300px;
}
#mas_acccode_table .table > tbody > tr > td:nth-child(n+3):nth-child(-n+4){
width: 250px;
min-width: 250px;
text-align: left;
}
#mas_acccode_table .table > tbody > tr > td:nth-of-type(5){
width: 250px;
min-width: 250px;
text-align: left;
}
#mas_acccode_table .table > tbody > tr > td:nth-last-of-type(1){
width: 200px;
min-width: 200px;
text-align: center;
}
#mas_accgroup_table .table > tbody > tr > td:nth-of-type(1){
width: 70px;
min-width: 70px;
text-align: center;
}
#mas_accgroup_table .table > tbody > tr > td:nth-child(n+2):nth-child(-n+3){
width: 300px;
min-width: 300px;
text-align: left;
}
#masterdata_vat_table tbody > tr > td:nth-of-type(2){
width: 70px;
min-width: 70px;
text-align: center;
}
#masterdata_vat_table tbody > tr > td:nth-of-type(3){
width: 170px;
min-width: 170px;
text-align: center;
}
#masterdata_vat_table tbody > tr > td:nth-child(n+4):nth-child(-n+6){
width: 250px;
min-width: 250px;
text-align: left;
}
#masterdata_exchange_rate_table tbody > tr > td:nth-of-type(2){
width: 70px;
min-width: 70px;
text-align: center;
}
#masterdata_exchange_rate_table tbody > tr > td:nth-of-type(3){
width: 170px;
min-width: 170px;
text-align: center;
}
#masterdata_exchange_rate_table tbody > tr > td:nth-of-type(4){
width: 250px;
min-width: 250px;
text-align: right;
}
#masterdata_exchange_rate_table tbody > tr > td:nth-child(n+5):nth-child(-n+6){
width: 250px;
min-width: 250px;
text-align: center;
}
#mas_wht_table .table > tbody > tr > td:nth-of-type(1){
width: 70px;
min-width: 70px;
text-align: center;
}
#mas_wht_table .table > tbody > tr > td:nth-child(n+2):nth-child(-n+3){
width: 250px;
min-width: 250px;
text-align: left;
}
#mas_wht_table .table > tbody > tr > td:nth-child(n+4):nth-child(-n+5){
width: 130px;
min-width: 130px;
text-align: center;
}
#mas_shipment_table .table > tbody > tr > td:nth-of-type(1){
width: 70px;
min-width: 70px;
text-align: center;
}
#mas_shipment_table .table > tbody > tr > td:nth-of-type(2){
width: 80px;
min-width: 80px;
text-align: center;
}
#mas_shipment_table .table > tbody > tr > td:nth-of-type(3){
width: 300px;
min-width: 300px;
text-align: left;
}
#mas_shipment_table .table > tbody > tr > td:nth-last-of-type(1){
width: 130px;
min-width: 130px;
text-align: center;
}
#acc_code_detail .table > tbody > tr > td:nth-of-type(1){
width: 80px;
min-width: 80px;
text-align: center;
}
#acc_code_detail .table > tbody > tr > td:nth-of-type(2){
width:450px;
min-width: 450px;
text-align: center;
}
#acc_code_detail .table > tbody > tr > td:nth-last-of-type(1){
width: 110px;
min-width: 110px;
text-align: center;
}
#report_edging_table .table > tbody > tr > td:nth-of-type(1){
width: 100px;
min-width: 100px;
text-align: center;
}
#report_edging_table .table > tbody > tr > td:nth-of-type(2){
width: 120px;
min-width: 120px;
text-align: center;
}
#report_edging_table .table > tbody > tr > td:nth-of-type(3){
width: 100px;
min-width: 100px;
text-align: center;
}
#report_edging_table .table > tbody > tr > td:nth-of-type(4){
width: 200px;
min-width: 200px;
text-align: center;
}
#report_edging_table .table > tbody > tr > td:nth-of-type(5){
width: 100px;
min-width: 100px;
text-align: center;
}
#report_edging_table .table > tbody > tr > td:nth-child(n+6):nth-child(-n+9){
width: 200px;
min-width: 200px;
text-align: right;
}
#report_edging_table .table > tbody > tr > td:nth-child(n+10):nth-child(-n+12){
width: 200px;
min-width: 200px;
text-align: right;
}
#asset_main_table .table > tbody > tr > td:nth-of-type(1){
width: 45px;
min-width: 45px;
text-align: center;
}
#asset_main_table .table > tbody > tr > td:nth-of-type(2){
width: 700px;
min-width: 700px;
text-align: left;
}
#asset_main_table .table > tbody > tr > td:nth-of-type(3){
width: 60px;
min-width: 60px;
text-align: center;
}
#asset_main_table .table > tbody > tr > td:nth-last-of-type(1){
width: 70px;
min-width: 70px;
}
#asset_main_table .table > tbody > tr > td:nth-last-of-type(2){
width: 70px;
min-width: 70px;
text-align: center;
}
#asset_sub_table .table > tbody > tr > td:nth-of-type(1){
width: 45px;
min-width: 45px;
text-align: center;
}
#asset_sub_table .table > tbody > tr > td:nth-of-type(2){
width: 300px;
min-width: 300px;
text-align: left;
}
#asset_sub_table .table > tbody > tr > td:nth-of-type(3){
width: 200px;
min-width: 200px;
text-align: left;
}
#asset_sub_table .table > tbody > tr > td:nth-of-type(4){
width: 70px;
min-width: 70px;
text-align: center;
}
#asset_sub_table .table > tbody > tr > td:nth-last-of-type(1){
width: 200px;
min-width: 200px;
text-align: center;
}
#asset_sub_table .table > tbody > tr > td:nth-last-of-type(2){
width: 50px;
min-width: 50px;
text-align: center;
}
/*=== Account buy + sell 8 column ===*/
#account_eight_col_table .table > tbody > tr > td:nth-child(2){
width: 70px;
min-width: 70px;
text-align: center;
}
#account_eight_col_table .table > tbody > tr > td:nth-child(n+3):nth-child(-n+4){
width: 170px;
min-width: 170px;
text-align: center;
}
#account_eight_col_table .table > tbody > tr > td:nth-child(5){
width: 300px;
min-width: 300px;
text-align: left;
}
#account_eight_col_table .table > tbody > tr > td:nth-child(6){
width: 170px;
min-width: 170px;
text-align: right;
}
#account_eight_col_table .table > tbody > tr > td:nth-child(7){
width: 150px;
min-width: 150px;
text-align: center;
}
#account_eight_col_table .table > tbody > tr > td:nth-child(8){
width: 300px;
min-width: 300px;
text-align: left;
}
/*=== Account buy + sell 9 column ===*/
#account_nine_col_table .table > tbody > tr > td:nth-child(2){
width: 70px;
min-width: 70px;
text-align: center;
}
#account_nine_col_table .table > tbody > tr > td:nth-child(n+3):nth-child(-n+4){
width: 170px;
min-width: 170px;
text-align: center;
}
#account_nine_col_table .table > tbody > tr > td:nth-child(5){
width: 170px;
min-width: 170px;
text-align: left;
}
#account_nine_col_table .table > tbody > tr > td:nth-child(6){
width: 300px;
min-width: 300px;
text-align: left;
}
#account_nine_col_table .table > tbody > tr > td:nth-child(7){
width: 170px;
min-width: 170px;
text-align: right;
}
#account_nine_col_table .table > tbody > tr > td:nth-child(8){
width: 150px;
min-width: 150px;
text-align: center;
}
#account_nine_col_table .table > tbody > tr > td:nth-child(9){
width: 300px;
min-width: 300px;
text-align: left;
}
#account_nine_col_table .table > tbody > tr > td:nth-child(9) ul{
list-style-type: none;
}
#select_item_list .table > tbody > tr > td:nth-of-type(2){
width: 120px;
min-width: 120px;
text-align: center;
}
#select_item_list .table > tbody > tr > td:nth-of-type(3){
width: 200px;
min-width: 200px;
text-align: center;
}
#masterdata_item_table tbody > tr > td:nth-child(2){
width: 100px;
min-width: 100px;
text-align: center;
}
#masterdata_item_table tbody > tr > td:nth-child(3){
width: 155px;
min-width: 155px;
text-align: center;
}
#masterdata_item_table tbody > tr > td:nth-child(4){
width: 200px;
min-width: 200px;
text-align: center;
}
#masterdata_item_table tbody > tr > td:nth-child(5){
width: 300px;
min-width: 300px;
text-align: left;
}
#masterdata_item_table tbody > tr > td:nth-last-of-type(1){
width: 450px;
min-width: 450px;
text-align: left;
}
#mas_approver_table .table > tbody > tr > td:nth-child(2){
width: 80px;
max-width: 80px;
text-align: center;
}
#mas_approver_table .table > tbody > tr > td:nth-child(3){
width: 250px;
max-width: 250px;
text-align: left;
}
#mas_approver_table .table > tbody > tr > td:nth-child(4){
width: 200px;
max-width: 200px;
text-align: center;
}
#mas_approver_table .table > tbody > tr > td:nth-child(5){
width: 80px;
max-width: 80px;
text-align: center;
}
#mas_approver_table .table > tbody > tr > td:nth-child(6){
width: 80px;
max-width: 80px;
text-align: center;
}
#mas_approver_table .table > tbody > tr > td:nth-child(7){
width: 180px;
max-width: 180px;
text-align: center;
}
#mas_approver_table .table > tbody > tr > td:nth-child(8){
width: 80px;
max-width: 80px;
text-align: center;
}
#masterdata_contact_table tbody > tr td:nth-child(2){
min-width: 90px;
text-align: center;
}
#masterdata_contact_table tbody > tr td:nth-child(3){
min-width: 200px;
text-align: center;
}
#masterdata_contact_table tbody > tr td:nth-child(4){
min-width: 200px;
text-align: center;
}
#masterdata_contact_table tbody > tr td:nth-child(5){
min-width: 70px;
text-align: center;
}
#masterdata_contact_table tbody > tr td:nth-child(6){
min-width: 250px;
text-align: left;
}
#masterdata_contact_table tbody > tr td:nth-child(7){
min-width: 400px;
text-align: left;
}
#masterdata_contact_table tbody > tr td:nth-child(8){
min-width: 400px;
text-align: left;
}
#masterdata_contact_table tbody > tr td:nth-child(9){
min-width: 200px;
text-align: center;
}
#masterdata_contact_table tbody > tr td:nth-child(n+10){
min-width: 200px;
text-align: left;
}
#masterdata_other_table tbody > tr td:nth-child(2){
min-width: 60px;
text-align: center;
}
#masterdata_other_table tbody > tr td:nth-child(3){
min-width: 200px;
text-align: center;
}
#masterdata_other_table tbody > tr td:nth-child(n+4):nth-child(-n+5){
min-width: 200px;
text-align: center;
}
#masterdata_other_table tbody > tr td:nth-child(n+6):nth-child(-n+7){
min-width: 50px;
text-align: center;
}
#masterdata_other_table tbody > tr td:nth-child(n+8):nth-child(-n+10){
min-width: 150px;
text-align: center;
}
#mas_cusplier_table .table > tbody > tr > td:nth-of-type(1){
width: 80px;
min-width: 80px;
text-align: center;
}
#mas_cusplier_table .table > tbody > tr > td:nth-child(n+2){
width: 150px;
min-width: 150px;
text-align: center;
}
#mas_cusplier_table .table > tbody > tr > td:nth-of-type(4){
width: 150px;
min-width: 150px;
text-align: center;
}
#mas_cusplier_table .table > tbody > tr > td:nth-of-type(5){
width: 250px;
min-width: 250px;
text-align: left;
}
#mas_cusplier_table .table > tbody > tr > td:nth-of-type(6){
width: 150px;
min-width: 150px;
text-align: center;
}
#mas_cusplier_table .table > tbody > tr > td:nth-of-type(7){
width: 500px;
min-width: 500px;
text-align: left;
}
#mas_choose_approver_table .table > tbody > tr > td:nth-of-type(2){
width: 400px;
min-width: 400px;
text-align: left;
}
#mas_choose_approver_table .table > tbody > tr > td:nth-of-type(3){
width: 120px;
min-width: 120px;
text-align: center;
}
#approve_status_table .table > tbody > tr > td:nth-child(n+1):nth-child(-n+2){
width: 120px;
min-width: 120px;
text-align: center;
}
#approve_status_table .table > tbody > tr > td:nth-child(n+3):nth-child(-n+4){
width: 150px;
min-width: 150px;
text-align: center;
}
#approve_status_table .table > tbody > tr > td:nth-child(5){
width: 150px;
min-width: 150px;
text-align: left;
}
#approve_status_table .table > tbody > tr > td:nth-child(6){
width: 500px;
min-width: 500px;
text-align: left;
}
#approve_status_table .table > tbody > tr > td:nth-child(7){
width: 200px;
min-width: 200px;
text-align: right;
}
#approve_status_table .table > tbody > tr > td:nth-child(8){
width: 200px;
min-width: 200px;
text-align: center;
}
/*=== All Approve 8 column ===*/
#approve_eight_col_table .table > tbody > tr > td:nth-child(2){
width: 120px;
min-width: 120px;
text-align: center;
}
#approve_eight_col_table .table > tbody > tr > td:nth-child(n+3):nth-child(-n+5){
width: 200px;
min-width: 200px;
text-align: center;
}
#approve_eight_col_table .table > tbody > tr > td:nth-child(6){
width: 250px;
min-width: 250px;
text-align: left;
}
#approve_eight_col_table .table > tbody > tr > td:nth-child(7){
width: 150px;
min-width: 150px;
text-align: right;
}
#approve_eight_col_table .table > tbody > tr > td:nth-child(8){
width: 300px;
min-width: 300px;
text-align: left;
}
#approve_eight_col_table .table > tbody > tr > td:nth-child(8) ul{
list-style-type: none;
}
/*=== All Approve 9 column ===*/
#approve_nine_col_table .table > tbody > tr > td:nth-child(2){
width: 120px;
min-width: 120px;
text-align: center;
}
#approve_nine_col_table .table > tbody > tr > td:nth-child(n+3):nth-child(-n+5){
width: 150px;
min-width: 150px;
text-align: center;
}
#approve_nine_col_table .table > tbody > tr > td:nth-child(6){
width: 250px;
min-width: 250px;
text-align: left;
}
#approve_nine_col_table .table > tbody > tr > td:nth-child(7){
width: 300px;
min-width: 300px;
text-align: left;
}
#approve_nine_col_table .table > tbody > tr > td:nth-child(8){
width: 150px;
min-width: 150px;
text-align: right;
}
#approve_nine_col_table .table > tbody > tr > td:nth-child(9){
width: 300px;
min-width: 300px;
text-align: left;
}
#approve_nine_col_table .table > tbody > tr > td:nth-child(9) ul{
list-style-type: none;
}
/*----- Salary Management -----*/
#salary_list_table tbody > tr > td:nth-child(2){
width: 60px;
min-width: 60px;
text-align: center;
}
#salary_list_table tbody > tr > td:nth-child(3){
width: 170px;
min-width: 170px;
text-align: center;
}
#salary_list_table tbody > tr > td:nth-child(4){
width: 150px;
min-width: 150px;
text-align: center;
}
#salary_list_table tbody > tr > td:nth-child(5){
width: 250px;
min-width: 250px;
text-align: left;
}
#salary_list_table tbody > tr > td:nth-child(6){
width: 150px;
min-width: 150px;
text-align: center;
}
#salary_list_table tbody > tr > td:nth-child(7){
width: 170px;
min-width: 170px;
text-align: right;
}
#salary_payment_table > tbody > tr > td:nth-child(2){
width: 100px;
min-width: 100px;
text-align: center;
}
#salary_payment_table > tbody > tr > td:nth-child(n+3):nth-child(-n+6){
width: 170px;
min-width: 170px;
text-align: center;
}
#salary_payment_table > tbody > tr > td:nth-child(7){
width: 200px;
min-width: 200px;
text-align: right;
}
#salary_payment_table > tbody > tr > td:nth-child(n+8):nth-child(-n+9){
width: 200px;
min-width: 200px;
text-align: center;
}
#table_payment_add > tbody > tr > td:nth-child(2){
width: 50px;
min-width: 50px;
text-align: center;
}
#table_payment_add > tbody > tr > td:nth-child(3){
width: 200px;
min-width: 200px;
text-align: left;
}
#table_payment_add > tbody > tr > td:nth-child(4){
width: 200px;
min-width: 200px;
text-align: center;
}
#table_payment_add > tbody > tr > td:nth-child(n+5):nth-child(-n+8){
width: 150px;
min-width: 150px;
text-align: right;
}
#table_payment_add > tbody > tr > td:nth-child(9){
width: 100px;
min-width: 100px;
text-align: center;
}
#staff_select_table .table > tbody > tr > td:nth-child(2){
width: 50px;
min-width: 50px;
text-align: center;
}
#staff_select_table .table > tbody > tr > td:nth-child(3){
width: 170px;
min-width: 170px;
text-align: center;
}
#staff_select_table .table > tbody > tr > td:nth-child(4){
width: 170px;
min-width: 170px;
text-align: center;
}
#staff_select_table .table > tbody > tr > td:nth-child(5){
width: 170px;
min-width: 170px;
text-align: left;
}
#staff_select_table .table > tbody > tr > td:nth-child(6){
width: 170px;
min-width: 170px;
text-align: center;
}
#staff_select_table .table > tbody > tr > td:nth-child(7){
width: 150px;
min-width: 150px;
text-align: right;
}
#bank_account .table > tbody > tr > td:nth-child(2){
width: 60px;
min-width: 60px;
text-align: center;
}
#bank_account .table > tbody > tr > td:nth-child(n+3):nth-child(-n+4){
width: 170px;
min-width: 170px;
text-align: center;
}
#bank_account .table > tbody > tr > td:nth-child(n+5):nth-child(-n+6){
width: 200px;
min-width: 200px;
text-align: center;
}
#bank_account .table > tbody > tr > td:nth-child(7){
width: 150px;
min-width: 150px;
text-align: center;
}
/*------ Stock table -------*/
#ac_doc_table table > tbody > tr > td:nth-child(2){
width: 120px;
min-width: 120px;
text-align: center;
}
#ac_doc_table table > tbody > tr > td:nth-child(4){
width: 270px;
min-width: 270px;
text-align: right;
}
#stock_item_list_table tbody > tr > td:nth-child(1){
width: 30px;
min-width: 30px;
text-align: center;
}
#stock_item_list_table tbody > tr > td:nth-child(2){
width: 200px;
min-width: 200px;
text-align: left;
}
#stock_item_list_table tbody > tr > td:nth-child(n+3):nth-child(-n+4){
width:150px;
min-width: 150px;
text-align: center;
}
#stock_item_list_table tbody > tr > td:nth-child(5){
width: 200px;
min-width: 200px;
text-align: right;
}
#stock_item_list_table tbody > tr > td:nth-child(6){
width: 70px;
min-width: 70px;
text-align: center;
}
#mainstock-table .table > tbody > tr > td:nth-child(2){
width: 70px;
min-width: 70px;
text-align: center;
}
#mainstock-table .table > tbody > tr > td:nth-child(n+3):nth-child(-n+4){
width: 160px;
min-width: 160px;
text-align: left;
}
#mainstock-table .table > tbody > tr > td:nth-child(5){
width: 100px;
min-width: 100px;
text-align: center;
}
#mainstock-table .table > tbody > tr > td:nth-child(6){
width: 120px;
min-width: 120px;
text-align: right;
}
#stock-table .table > tbody > tr > td:nth-child(2){
width: 70px;
min-width: 70px;
text-align: center;
}
#stock-table .table > tbody > tr > td:nth-child(3){
width: 170px;
min-width: 170px;
text-align: center;
}
#stock-table .table > tbody > tr > td:nth-child(4){
width: 150px;
min-width: 150px;
text-align: center;
}
#stock-table .table > tbody > tr > td:nth-child(5){
width: 250px;
min-width: 250px;
text-align: center;
}
#stock-table .table > tbody > tr > td:nth-child(6){
width: 200px;
min-width: 200px;
text-align: left;
}
#stock-table .table > tbody > tr > td:nth-child(7){
width: 180px;
min-width: 180px;
text-align: center;
}
#stock-table .table > tbody > tr > td:nth-child(8){
width: 250px;
min-width: 250px;
text-align: center;
}
#stock_card_table tbody > tr > td:nth-child(n+1):nth-child(-n+2){
width: 200px;
min-width: 200px;
text-align: center;
}
#stock_card_table tbody > tr > td:nth-child(3){
width: 200px;
min-width: 200px;
text-align: left;
}
#stock_card_table tbody > tr > td:nth-child(n+4):nth-child(-n+6){
width: 100px;
min-width: 100px;
text-align: center;
}
#stock_card_table tbody > tr > td:nth-child(7){
width: 200px;
min-width: 200px;
text-align: left;
}
/*---- log ----*/
#log_six_col_table .table > tbody > tr > td:nth-child(1){
width: 100px;
min-width: 100px;
text-align: center!important;
}
#log_six_col_table .table > tbody > tr > td:nth-child(2){
width: 250px;
min-width: 250px;
text-align: left!important;
}
#log_six_col_table .table > tbody > tr > td:nth-child(3){
width: 150px;
min-width: 150px;
text-align: left!important;
}
#log_six_col_table .table > tbody > tr > td:nth-child(4){
width: 150px;
min-width: 150px;
text-align: center!important;
}
#log_six_col_table .table > tbody > tr > td:nth-child(n+5):nth-child(-n+6){
width: 150px;
min-width: 150px;
text-align: right!important;
}
#log_eight_col_table .table > tbody > tr > td:nth-child(2){
width: 100px;
min-width: 100px;
text-align: center;
}
#log_eight_col_table .table > tbody > tr > td:nth-child(n+3):nth-child(-n+4){
width: 170px;
min-width: 170px;
text-align: center;
}
#log_eight_col_table .table > tbody > tr > td:nth-child(5){
width: 170px;
min-width: 170px;
text-align: center;
}
#log_eight_col_table .table > tbody > tr > td:nth-child(6){
width: 300px;
min-width: 300px;
text-align: left;
}
#log_eight_col_table .table > tbody > tr > td:nth-child(7){
width: 170px;
min-width: 170px;
text-align: right;
}
#log_eight_col_table .table > tbody > tr > td:nth-child(8){
width: 300px;
min-width: 300px;
text-align: left;
}
#log_eight_col_table .table > tbody > tr > td:nth-child(8) ul{
list-style-type: none;
}
#log_nine_col_table .table > tbody > tr > td:nth-child(2){
width: 100px;
min-width: 100px;
text-align: center;
}
#log_nine_col_table .table > tbody > tr > td:nth-child(n+3):nth-child(-n+6){
width: 170px;
min-width: 170px;
text-align: center;
}
#log_nine_col_table .table > tbody > tr > td:nth-child(7){
width: 300px;
min-width: 300px;
text-align: left;
}
#log_nine_col_table .table > tbody > tr > td:nth-child(8){
width: 170px;
min-width: 170px;
text-align: right;
}
#log_nine_col_table .table > tbody > tr > td:nth-child(9){
width: 300px;
min-width: 300px;
text-align: left;
}
#log_nine_col_table .table > tbody > tr > td:nth-child(9) ul{
list-style-type: none;
}
#user_management_table tbody > tr > td:nth-child(2){
width: 100px;
min-width: 100px;
text-align: center;
}
#user_management_table tbody > tr > td:nth-child(3){
width: 175px;
min-width: 175px;
text-align: center;
}
#user_management_table tbody > tr > td:nth-child(4){
width: 300px;
min-width: 300px;
text-align: left;
}
#salary_paymentedit_table tbody > tr > td:nth-child(2){
width: 60px;
min-width: 60px;
text-align: center;
}
#stock_permission_table tbody > tr > td:nth-child(n+2){
text-align: center;
}
#accountbuy_permission_table tbody > tr > td:nth-child(n+2){
text-align: center;
}
#accountsell_permission_table tbody > tr > td:nth-child(n+2){
text-align: center;
}
#report_permission_table tbody > tr > td:nth-child(n+2){
text-align: center;
}
#masterdata_permission_table tbody > tr > td:nth-child(n+2){
text-align: center;
}
#salary_permission_table tbody > tr > td:nth-child(n+2){
text-align: center;
}
#salary_permission_table tbody > tr > td:nth-child(n+2){
text-align: center;
}
#reportaccountcode tbody > tr > td:nth-child(1){
width: 100px;
max-width: 100px;
text-align: center;
}
#reportaccountcode tbody > tr > td:nth-child(n+2):nth-child(-n+3){
width: 220px;
min-width: 220px;
text-align: left;
}
#reportaccountcode tbody > tr > td:nth-child(4){
width: 400px;
min-width: 400px;
text-align: left;
}
#reportaccountcode tbody > tr > td:nth-child(5){
width: 150px;
min-width: 150px;
text-align: left;
}
#reportaccountcode tbody > tr > td:nth-child(n+6):nth-child(-n+11){
width: 200px;
max-width: 200px;
text-align: right;
}
tr.table-foot > td {
text-align: right;
}
.treenode .text {
float: none;
}
.footline{
border-bottom: solid #2cb5a8 2px;
}
.btn-outline-new {
color: #2cb5a8;
border-color: #23ad90;
border: 2px solid;
}
.btn-outline-new:hover {
color: #FFF;
background-color: #269e93;
border: 2px solid #269e93;
}
.btn-new {
color: #FFF;
background-color: #3eb1a6;
}
.btn-new:hover {
color: #FFF;
background-color: #35988f;
}
.btn-print {
color: #FFF;
background-color: #36b9cc;
}
.btn-print:hover {
color: #FFF;
background-color: #36b9cc;
}
.border-left-new {
border-left: .25rem solid #3eb1a6!important;
}
.border-left-secondary {
border-left: .25rem solid #858796!important;
}
a {
text-decoration: none!important;
}
.link-blue{
color:#26b0d0!important;
}
.img-bank > img {
width: 80%;
height: auto;
text-align: center;
}
.total-bg {
padding: 15px;
background-color: #cccccc1a;
border-radius: 10px;
}
.pd-15 {
padding: 0px 15px;
}
.input-group-sm .select2 .select2-selection__rendered {
line-height: 16px!important;
}
.input-group-sm .select2 .select2-selection__clear {
margin-top: 0em!important;
top: 0px!important;
}
.input-group-sm .select2 .select2-selection__clear i {
font-size: medium;
}
.setting_head {
color: #51bbb2;
margin-bottom: 10px;
}
.link-height{
line-height: 38px;
}
/* ------ navscroll ------*/
.nav-scroller, .nav-scroller-wrapper {
display: -ms-flexbox;
display: flex;
}
.nav-scroller {
position: relative;
width: 100%;
overflow: hidden;
}
.nav-scroller-nav {
position: relative;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
z-index: 1;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin: 0 11px;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.nav-scroller-content {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
min-height: 40px;
transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav-scroller-content.no-transition {
transition: none;
}
ul.nav-scroller-content {
margin: 0;
padding: 0;
list-style: none;
}
.nav-scroller-item:not(active) {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: block;
font-size: 1.125rem;
text-align: center;
padding: .2rem 1rem;
border: 0px;
background-color: transparent;
border-color: transparent;
}
.nav-scroller-item.active {
background-color: #fff;
border-top: 5px solid #2cb5a8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #6d6969;
padding: 10px 25px;
border-right: 1px solid #dddfeb;
border-left: 1px solid #dddfeb;
}
.nav-scroller-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 44px;
height: 44px;
padding: .5rem;
font-size: 1.25rem;
color: #000;
background: #fff;
border: none;
transition: color .3s, opacity .3s;
cursor: pointer;
}
.nav-scroller-btn:hover {
color: #666;
}
.nav-scroller-btn:focus {
outline: 0;
}
.nav-scroller-btn.active {
opacity: 0.5;
pointer-events: block;
}
.nav-scroller-btn:not(.active) {
opacity: 0;
pointer-events: none;
}
.nav-scroller-btn--left {
left: 0;
}
.nav-scroller-btn--right {
right: 0;
}
.nav-scroller-logo {
display: inline-block;
padding: .5rem;
margin-right: 1rem;
font-size: 1.75rem;
font-weight: bold;
}
.nav-scroller--controls-inline .nav-scroller-content {
padding: 0 44px;
}
.nav-scroller--controls-inline .nav-scroller-btn:not(.active) {
color: #ddd;
opacity: 1;
}
.nav-scroller--expand .nav-scroller-nav, .nav-scroller--expand .nav-scroller-content {
width: 100%;
}
.nav-scroller--right .nav-scroller-nav {
margin-left: auto;
}
.nav-scroller--snap .nav-scroller-nav {
-ms-scroll-snap-type: x proximity;
scroll-snap-type: x proximity;
scroll-padding: 0 44px;
}
.nav-scroller--snap .nav-scroller-item {
scroll-snap-align: start;
}
.nav-scroller--snap .nav-scroller-content.no-transition .nav-scroller-item {
scroll-snap-align: none;
}
.nav-scroller-nav::-webkit-scrollbar {
width: 0px;
height:0px;
}
.navbar-collapse.collapse.show{
position: fixed;
margin-top: 110px;
top: 0px;
left: 0px;
background: rgba(255, 255, 255, 0.92) !important;
width: 100%;
box-shadow: 0px 1px 0px 0px #0000006b;
}
/*------ end-------*/
.nav-mobile {
display: none;
}
.nav-desktop, .list_tools {
display: block;
}
.nav-tabs .nav-link.active {
color: #18ad9f;
font-weight: 500;
}
.disabled .div-disabled {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background-color: rgba(252,252,252,0.6);
cursor: not-allowed;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
color: #757575;
line-height: calc(0.5em + 0.75rem)!important;
}
.select2-container--bootstrap4 .select2-selection__clear {
font-size: 16px!important;
line-height: 16px!important;
margin-top: 0.6rem!important;
}
.input-group-sm > .form-control.form-control-sm.select2 >
.select2-container--bootstrap4 .select2-selection__clear {
margin-top: 0.25rem!important;
}
.label-right {
text-align: right;
}
.modal-dialog.modal-xxl{
min-width: 70%!important;
}
.l_label {
text-align: left!important;
}
.r_label {
text-align: right!important;
}
.img-modal {
align-content: center;
}
.img-modal img {
width: 100%;
}
/*--------------*/
.btn-payment {
text-align: right;
}
.input-group > .select2{
width: auto!important;
}
.no-pad {
padding: 0px;
}
.card-view {
margin-top: 5px;
margin-bottom: 5px;
}
.image-upload > input {
display: none;
}
.image-upload > label > img {
width: 400px;
height: auto;
border: 2px dashed #d4d4d4;
}
.image-upload > lable > img:hover {
opacity: 0.5;
}
.image-upload > label > .label-img{
z-index: 1;
display: block!important;
transition: 0.2;
top: -35px;
font-weight: 500;
background-color: transparent;
height: 36px;
text-align: center;
position: relative;
color: transparent;
}
.image-upload > label:hover >.label-img{
z-index: 1;
display: block!important;
transition: 0.2;
color: #20c9a6;
top: -35px;
font-weight: 500;
background-color: #FFF;
height: 36px;
text-align: center;
position: relative;
}
.info-bank {
/* width: 60%;*/
align-items: center;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
color: #3eb1a6;
/* letter-spacing: 0.3px;*/
font-weight: 600;
}
.nav-label , .nav-i {
display: none;
}
/*============= Page link ===============*/
.page-link {
color: #23ad90;
background-color: #fff;
border: 1px solid #dddfeb;
}
.page-link:hover {
z-index: 2;
color: #2cb5a8;
text-decoration: none;
background-color: #eaecf4;
border-color: #dddfeb;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #20c9a6;
border-color: #53e0c3;
}
/*======= button dials ========*/
.fab_flinger {
position: relative;
top: -5px;
}
.fab_flinger.is-showing-options > button i {
-webkit-transition: -webkit-transform 0.1s linear;
transition: transform 0.1s linear;
}
.fab_flinger.is-showing-options .fab_flinger-options {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.fab_flinger.is-showing-options .fab_flinger-options button {
display: block;
-webkit-animation-name: enter;
animation-name: enter;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
}
.fab_flinger.is-showing-options .fab_flinger-options {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.fab_flinger .fab_flinger-options {
position: absolute;
bottom: 0;
margin-bottom: 3px;
right: 50px;
}
.fab_flinger .fab_flinger-options button {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
display: none;
}
@-webkit-keyframes enter {
from {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes enter {
from {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
/*====== STEP =======*/
section .start-setting {
padding-top: 25px;
padding-bottom: 50px;
padding-left: 20px;
padding-right: 20px;
}
.title-start {
text-align: center;
padding: 20px 0px;
}
#smartwizard {
padding-top: 50px;
}
.sw-container {
margin-bottom: 20px!important;
}
.sw-container.tab-content {
border: 3px solid #2cb5a8;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
}
.show-logo {
margin: 15px 0;
text-align: center;
border: 1px solid #DDDDDD;
padding: 15px;
/* height: 300px;*/
}
.card-title {
margin-bottom: 0rem;
}
/*==== button speed dial ====*/
.list_tools.mobile_show {
display: none!important;
}
.list_tools.desktop_show {
display: inline-block;
}
.label-login {
padding-left: 10px;
color: #7d7d7d;
font-size: 12px;
text-transform: lowercase;
letter-spacing: 0.5px;
}
#register-show {
display: none;
}
#login-show{
display: block;
}
.f35a {
font-feature-settings: "f35a" 1;
}
.btn-pad_new {
padding: 5px 30px;
color: #2cb5a8;
border-color: #23ad90;
border: 2px solid;
}
.btn-pad_new:hover {
background-color: #2cb5a8;
color: #FFF;
}
.card-bg{
position: relative;
background-image: url("../images/bg/cardBG.jpg");
width: 100%;
background-size: cover;
background-repeat: no-repeat;
padding: 0;
border-radius: 10px;
}
.aqua-gradient {
background-color: #23ad909c;
height: 100%;
width: 100%;
}
.card-row {
display: block;
}
.card-log {
display: inline-block;
padding: 5px 10px;
background-color: #E4E4E4;
text-align: center;
width: 150px;
}
.bg-package {
padding: 15px;
border-radius: 15px;
background-color: rgba(0, 150, 136, 0.07);
}
.image-upload label {
cursor: pointer;
}
.modal-body {
max-height: 725px;
overflow-y: auto;
}
.teal-border {
background-color: rgba(0, 150, 136, 0.12);
padding: 25px;
margin: 15px 0;
border-radius: 5px;
border: 1px solid #dedede;
}
.doc-show img {
margin: 0 20px;
width: 100%;
height: auto;
border: 2px solid #dedede;
}
.doc-img {
width: 225px;
height: auto;
border: 3px solid #afafaf;
}
.select-doc {
display: inline-block;
margin: 15px;
}
.select-doc:hover .doc-img{
border: 3px solid #c4e4e1;
cursor: pointer;
}
.select-doc.active .doc-img {
border: 3px solid #2cb5a8;
cursor: pointer;
}
#journal_eight_col_table .table > tbody > tr > td:nth-child(2){
width: 70px;
min-width: 70px;
text-align: center;
}
#journal_eight_col_table .table > tbody > tr > td:nth-child(3){
width: 170px;
min-width: 170px;
text-align: center;
}
#journal_eight_col_table .table > tbody > tr > td:nth-child(4){
width: 170px;
min-width: 170px;
text-align: center;
}
#journal_eight_col_table .table > tbody > tr > td:nth-child(5){
width: 170px;
min-width: 170px;
text-align: left;
}
#journal_eight_col_table .table > tbody > tr > td:nth-child(6){
width: 100px;
min-width: 100px;
text-align: center;
}
#journal_eight_col_table .table > tbody > tr > td:nth-child(7){
width: 200px;
min-width: 200px;
text-align: right;
}
#journal_eight_col_table .table > tbody > tr > td:nth-child(8){
width: 200px;
min-width: 200px;
text-align: center;
}
#journal_eight_col_table .table > tbody > tr > td:nth-last-child(1){
width: 200px;
min-width: 200px;
text-align: center;
}
#journal_eight_col_table .table > tbody > tr.detail-view:nth-last-child(1) > td{
text-align: left;
}
.parent-text {
color: #16c5a1;
font-weight: 500;
}
/*====== Responsive =======*/
@media only screen and (min-width: 1024px) {
.bg-lp-login {
height: 100vh!important;
}
}
@media only screen and (max-width: 1024px) {
.modal-xl {
max-width: 90%!important;
}
.bg-login {
height: 100%;
}
.pk-box {
padding:5px;
}
.cp-border {
width: 25%;
margin: 15px 15px;
}
.cp-head {
font-size: 20px;
}
.nav-desktop , .list_tools {
display: none;
}
/* test */
.nav-mobile {
display: block!important;
}
.modal-dialog.modal-xxl {
min-width: 90%!important;
}
.input-group-text {
padding: .2rem .5rem;
font-size: 0.8rem;
}
nav > .btn-link {
color: #1ba597!important;
}
.btn-link:hover {
color: #24c3b3!important;
text-decoration: underline;
}
.nav-span {
display: none!important;
}
.nav-label,.nav-i {
display: block!important;
}
.nav-i {
font-size: 20px;
text-align: center;
margin-bottom: 5px;
}
.active .nav-i , .active .nav-label{
color: #2cb5a8;
}
a.nav-item {
color: #6e707e!important;
}
#myTab > .nav-item a.nav-link {
color: #6e707e!important;
}
#myTab > .nav-item a.nav-link:hover {
color: #2cb5a8!important;
}
.bg-lp-login {
height: 100vh!important;
}
}
@media only screen and (max-width: 768px) {
#report_wrapper , #account_wrapper{
height: fit-content!important;
}
.cp-head {
font-size: 14px;
}
.cp-price {
font-weight: 600;
font-size: 36px;
line-height: 1.1em;
}
.cp-border {
width: 25%;
margin: 15px 10px;
}
.select-input {
width: 70%!important
}
.select2-input {
width: 60%!important
}
.h3, h3 {
font-size: 1.45rem;
}
.img-bank > img {
width: 75%;
height: auto;
margin-top: 20px;
}
.m-bank {
text-align: center;
}
.nav-link {
display: block;
padding: 0.5rem 0.635rem;
}
.label-sm {
display: block;
}
/* test*/
.nav-mobile {
display: block!important;
}
.label-right {
text-align: left!important;
}
.sidebar .nav-item .collapse {
z-index: 3!important;
}
.btn-payment {
text-align: center!important;
}
.tab-content {
border: 1px solid #dddfeb;
border-top:0px;
/* border-radius: 5px;*/
}
.no-pad {
padding-left: 0.75rem!important;
}
.m-pr-0 {
padding-right: 0px!important;
margin-bottom: 20px!important;
}
.pd-tb {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
}
.container, .container-fluid {
padding-left: 0.5rem!important;
padding-right: 0.5rem!important;
}
.label-fix {
width: 135px!important;
}
.list_tools.mobile_show {
display: inline-block!important;
}
.list_tools.desktop_show {
display: none!important;
}
.span_ul {
display: inline-block;
max-width: calc(100% - 60px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.modal-dialog {
max-width: 90%!important;
}
}
/* Edit Account code List ============*/
.accountCodeListEditArea {
border: 1px solid rgba(0,0,0,0.1)
}
ul.list, ul.list ul {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.list ul {
position: relative;
margin-left: 25px;
}
ul.list ul:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
border-left: 1px solid #ccc;
}
ul.list li {
position: relative;
margin: 0;
color: #ccc;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
font-weight: normal;
line-height: 20px;
}
ul.list li a {
color: #333333;
position: relative;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
line-height: 20px;
width: 100%;
display: block;
padding: 10px 15px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
ul.list li a:hover {
background-color: rgba(0,0,0,0.04);
}
ul.list li a .list_tools {
display: inline-block;
float: right;
}
ul.list li a .list_tools .btn-link {
color: #3eb1a6;
padding: 0px 5px;
font-size: 19px;
line-height: 1em;
}
ul.list li a .list_tools .btn-link:focus {
outline: none;
}
ul.list li a .list_tools .btn-link:hover {
opacity: 0.8;
}
ul.list li a .list_tools .btn-link.disabled {
color: #BDBDBD;
}
ul.list li a .list_tools .btn-link.disabled:hover {
opacity: 1 !important;
}
.span_ul {
display: inline-block;
}
ul.list li a .checkbox {
margin-top: 0px;
margin-bottom: 0px;
}
ul.list ul li:before {
content: "";
display: block;
position: absolute;
top: 10px;
left: 0;
width: 8px;
height: 0;
border-top: 1px solid #ccc;
}
ul.list ul li:last-child:before {
top: 20px;
bottom: 0;
height: auto;
}
.badge.norm-text {
font-size: 0.9rem;
font-weight: normal;
margin-bottom: 0.3rem;
padding: 5px 9px;
}
/* Edit Account code List xxxxxxxxxxxxxxxxxx*/