/* form-control, datepicker, select2 */
.form-control {font-weight: 400;}
.datepicker{margin:0px;background-clip: padding-box;padding: 0.4375rem 0.75rem;font-size: 0.8125rem;line-height: 1.5;color: #495057;background-color: #fff;border: 1px solid #e1e5eb;font-weight: 300;will-change: border-color, box-shadow;border-radius: 0.25rem;box-shadow: none;transition: box-shadow 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), border 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);}
.select2-container--default .select2-selection--single {background-color: #fff;border: 1px solid #e1e5eb;border-radius: 0.25rem;box-sizing: border-box;cursor: pointer;display: block;height: 38px;text-align: left;user-select: none;-webkit-user-select: none;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #495057;line-height: 37px;font-weight: normal;padding-left: 13px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px;top: 0px;right:5px;}
/*.select2-container {width:100%;}*/
.table-condensed p {padding: 0;margin:0px;line-height: 10px;}

/* error */
.error-feedback {font-size: 80%;color: #c4183c;}
input.error-feedback{border:1px solid #c4183c;box-shadow: 0 5px 11.5px rgba(196,24,60,.1);}

/* Welcome-page */
.welcome-block{justify-content: center;align-items: center;display: flex;height: 100vh;background-color:#f8f9fa;}
.welcome-block .logo-img img{max-width:8em;}
.welcome-block .logo-name{font-size: 40px;font-style: italic;margin: 25px 10px;color: #6b2b11;}
.welcome-text{font-size: 19px;color: #3d5170;}

/* Login page */
#_login-container{justify-content: center;align-items: center;display: flex;height: 100vh;}
#_login-container .login_form{padding:70px;box-shadow:1px 1px 2px #ece8e8;background-color: #fbfbfb;}
#_login-container button{width:100%}
#_login-container .forgot_link{float: left;}

/* client_list page & parcel_list page */
.table th, .table td {padding: 0.75rem 8px;}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting{padding-right: 15px;}
.card .card-body .table{white-space: nowrap;font-size: 12px}
.card .card-body .table td.client_name > a,.card .card-body .table td.invoice > a {color:rgb(90, 97, 105);}
.card .card-body .table td.client_name > a:hover,.card .card-body .table td.invoice > a:hover{color:rgb(0, 123, 255);}
.card .card-body .table tr.paid{background: #00b7001f;}
.card .card-body .table td .pay_label{width:52px;font-size: 12px;text-align: center;margin: 0px;}
.card .card-body .table td .pay_label >i.material-icons{font-size: 14px;}
.card .card-body .table i.material-icons{top: 0px;left: 4px;text-align: center;}
.card .card-body .table td label.service{font-size: 12px;margin:0px;text-align: center;width:24px;}
.card .card-body .table label{font-size: 12px;margin:0px;width: 50px;text-align: center;padding: 2px 1px!important;}
.card .card-body .table td.status > label{width: 54px;text-align: center;}
.card .card-body .table td.invoice > a{font-size: 25px;}

/* client_add page */
#_client-add form .card .card-body .p-2,#_client-edit form .card .card-body .p-2{padding: .6rem!important;}
#_client-add form .card .card-body .input_service,#_client-edit form .card .card-body .input_service{width:255px;}
#_client-add form .card .card-body .input_price,#_client-edit form .card .card-body .input_price{width:80px;}

/* setting page */
#_profile-page label,label{font-size: 14px;font-weight: 500;margin: 0px;}
#_settings-page .custom-control,.custom-toggle.custom-toggle-sm {padding-left:0px;}
#_settings-page .custom-toggle .custom-control-label::before {left: 160px;}
#_settings-page .custom-toggle.custom-toggle-sm .custom-control-input:checked ~ .custom-control-label::after {left: 196px;}
#_settings-page .custom-toggle.custom-toggle-sm .custom-control-label::after {left: 164px;}
#_settings-page .sales_invoice_setting div.help_block,#_settings-page .mail_setting div.help_block{margin-top: 4px;margin-bottom: 0px;font-size: 14px;}
.modal-dialog-lg{max-width:800px;}
.modal-header {padding: .5rem 1rem;}
.modal-title {line-height: 1.5;font-size: 20px; font-weight: bold;}
.modal-body {padding: 1rem;}
.modal-footer {padding: 1rem;}
.modal-content form {margin: 0px !important}
.modal-body .help-block {font-size:14px;}
.main-footer .copyright {color: #818ea3; font-size: 12px;}
.main-footer .copyright a {color: #818ea3;}
input[type=checkbox]{width:13px;}
._input-group{min-width: auto;}

@media (min-width: 991.99px) {
    .navbar-brand div{margin-left: 1.5rem;}
    .navbar-brand img{max-width: 35px;}
}

/* Inventory Product (In / Out) */
.is-total-qty {background: #17c671 !important; color: white; }
.is-stock-in-out { background: #f7f6ce !important; }
.is-stock-date { background: #d7e7d7 !important; }

#inventory-table_wrapper .dataTables_length { float: left; margin: 15px;}
#inventory-table_wrapper .dataTables_length select {height: 30px; padding: 0 5px;}
div.dt-buttons { margin: 15px;}
div.dt-buttons .dt-button {
    color: #fff;
    background: #007bff;
    font-weight: 600;
    border: 1px solid #007bff;
    padding: 6px 1rem;
    font-size: .75rem;
    line-height: 1.125;
    border-radius: .25rem;
    transition: all 250ms cubic-bezier(.27,.01,.38,1.06);
    height: 30px;
}
div.dt-buttons .dt-button:hover {
    color: #fff;
    background: #006fe6;
    border-color: #006fe6;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05), 0 4px 10px rgba(0, 123, 255, .25);
}
body a.dt-button.buttons-columnVisibility {
    padding: 5px 10px !important;
    border: 0 !important;
    background: #cfcfcf;
    color: #000;
    box-shadow: none;
    font-size: 11px;
}
body a.dt-button.buttons-columnVisibility.active {
    background: #11cb6b !important;
    color: #fff !important;
}