.skin-white a {
    color: #333;
}

.skin-white .wrapper,
.skin-white .main-sidebar,
.skin-white .left-side,
.skin-white .main-header .navbar {
    background-color: #FFFFFF;
}

.skin-white .main-header .logo {
    background-color: #FFFFFF;
    color: #333;
    border-bottom: 1px solid #333;
}

.skin-white .sidebar a {
    color: #333;
    transition: all 0.25s ease-in-out;
}

.skin-white .sidebar a:hover,
.skin-white .sidebar li.active a {
    color: white;
    background-color: #222d32;
}

.swal2-popup {
    font-size: 1.6rem !important;
}

.icon-profile i {
    margin-right: 10px;
}

.heading-title>h1 {
    display: inline-block;
    margin-right: 30px;
}

.btn-add-new {
    display: inline-block;
    margin-top: -10px;
}

table.dataTable {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}

.badge-pd {
    padding: 5px 10px;
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    border-bottom: 1px solid #ddd;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.btn-append {
    border: none;
    margin-left: 20px;
    outline: none;
}

.custom-input {
    width: 80%;
    display: inline-block;
}

.fullwidth {
    width: 100% !important;
}

.category {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 3px 20px;
    font-size: 15px;
    width: 80%;
    display: inline-block;
}

.ml-10 {
    margin-left: 10px;
}

.category-area {
    margin: 5px 0 10px;
}

.table-margin {
    margin: 15px 0 20px;
}

.no-padding {
    padding: 0;
}

.pt-8 {
    padding: 8px 5px 0 !important;
}

.custom .select2 {
    width: 100% !important;
}

.custom .select2-selection--single {
    border: none !important;
}

.input-border {
    border: none;
}

.input-border2 {
    border-top: none;
    border-right: none;
    border-bottom: none;
}

.input-border:focus,
.input-border2:focus {
    border: 1px solid #3c8dbc;
    box-shadow: none;
}

.mt-8 {
    margin-top: 8px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-20 {
    margin-bottom: 20px;
}

.inline {
    display: inline-block !important;
}

.datepicker .table-condensed>tbody>tr>td,
.datepicker .table-condensed>tbody>tr>th,
.datepicker .table-condensed>tfoot>tr>td,
.datepicker .table-condensed>tfoot>tr>th,
.datepicker .table-condensed>thead>tr>td,
.datepicker .table-condensed>thead>tr>th {
    border-bottom: unset;
}

/** modal custom **/
.modal-width {
    max-width: 450px;
}

.modal-radius {
    border-radius: .3125em;
}

.modal-top {
    border-top: unset;
}

.modal-bottom {
    border-bottom: unset;
}

.modal-font {
    font-size: 20px;
    font-weight: 300;
}

.swal2-popup .swal2-title strong {
    font-weight: 300 !important;
}

.red {
    color: red;
}


/* Automatic Serial Number Row */
.css-serial {
    counter-reset: serial-number;
    /* Set the serial number counter to 0 */
}

.css-serial td:first-child:before {
    counter-increment: serial-number;
    /* Increment the serial number counter */
    content: counter(serial-number);
    /* Display the counter */
}

a.tooltip-archor-link,
a.tooltip-archor-link:hover,
a.tooltip-archor-link:active {
    color: #333;
}

textarea.non-resize {
    resize: none;
}

textarea.resize-x,
textarea.resize-horizontal {
    resize: horizontal;
}

textarea.resize-y,
textarea.resize-vertical {
    resize: vertical;
}

.box-title[data-widget="collapse"] {
    cursor: pointer;
}

.form-control.text-display {
    height: auto;
    min-height: 34px;
}

.overflow-hidden {
    overflow: hidden;
}


#loading {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: white;
    z-index: 9999;
}

#loading div {
    position: fixed;
    bottom: 50%;
    left: 0;
    right: 0;
}

#floating-button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    background-color: #3c8dbc;
    border-radius: 50%;
    color: white;
    padding: 15px 12px;
    text-align: center;
    cursor: pointer;
}

.view-password {
    cursor: pointer;
}

.treeview>ul.treeview-menu>li {
    margin-left: 20px;
}

.treeview>ul.treeview-menu>li.normal,
.treeview>ul.treeview-menu>li>ul.treeview-menu>li {
    margin-left: 0px;
}

.btn {
    margin-bottom: 5px;
}

.modal .btn {
    margin-bottom: 0px;
}

.brd-btm-1 {
    border-bottom: 1px solid #333;
}

i.fa.fa-quotation-item {
    cursor: pointer;
    color: #3c8dbc;
    padding-bottom: 3px;
}

.quotation-section .connected-sortable .got-sub-number td.number {
    text-indent: -9999px;
    outline: none;
}

.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side,
.skin-black-light .sidebar-menu>li.header {
    background-color: #f5f5f5;
}

.skin-black-light .main-sidebar ul li:not(.header):hover {
    background-color: #ddd;
}

.d-none {
    display: none;
}

.d-none-i {
    display: none !important;
}

.pl-0 {
    padding-left: 0;
}

.pl-0-i {
    padding-left: 0 !important;
}

.checkbox label span, .radio label span {
    padding-left: 10px;
}

.checkbox label.control-label {
    font-weight: 700;
    padding-left: 0;
    padding-top: 0;
}