.font-14 {
    font-size: 14px;
}
table tr td.actions { padding: 0.5rem !important; }
table tr td.actions a { margin-bottom: 0 !important; }

img { page-break-inside: avoid !important; }

.pagination a.page-link { text-decoration: none !important; }

.card { margin-bottom: 30px !important; }
.card .card-header .title { display: inline-block !important; }

.card.filters { background: rgba(0, 0, 0, 0.05); border: 1px solid rgb(211,211,211) }
.card.filters label { font-size: smaller; margin-bottom: 0 !important; }
.card.filters select.multiple { font-size: smaller; margin-bottom: 0 !important; }

/** GENERAL **/

.full-width { width: 100%; }

.second-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}
.text-color-green { color: #85CE36; }

/** FONT AWESOME **/
.fa.color-green { color: #85CE36 !important; }
.fa.color-red { color: #FF4444 !important; }

/* paginator */
.paginator-limit-control { font-size: small; }
.paginator-limit-control label { font-weight: normal; margin: 0 0.25rem 0 0; }
.paginator-limit-control .form-group { margin: 0 !important; }
.paginator-limit-control select { display: inline-block; width: 70px; height: 30px !important; }

/* NAV PILLS */
.nav-tabs .nav-link { text-decoration: none; }
.offer-tabs.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #ffffff; background-color: #fe821d; border-color: #fe821d #fe821d #fe821d; text-decoration: none; }
.offer-tabs.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:hover { color: #bdc2c7 !important; text-decoration: none !important; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before { background-color: #fe821d !important; }

/** INPUT GROUPS **/
.input-group span.input-group-addon { background-color: #ebebeb !important; padding: 0.5rem; }
.input-group span.input-group-addon.focus { background-color: #85ce36 !important; }

.input-group.input-group-sm .form-group { margin-bottom: 0 !important; }

/* SELECT2 */
.form-group .select2-container--bootstrap .select2-selection,
.form-row .select2-container--bootstrap .select2-selection {
    box-shadow: none !important; -webkit-box-shadow: none !important; border: 1px solid #ced4da;border-radius: 0!important;padding: 0.375rem 0.75rem;
    font-size: 12px;line-height: 1.4; color: #495057; height: 28px !important;
}
.form-group .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection,
.form-row .select2-container--bootstrap.select2-container--focus .select2-selection { border-color: #fe821d !important; }
.select2-container--bootstrap .select2-dropdown { border-color: #fe821d !important; }
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #fe821d !important; }
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(254, 130, 29, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(254, 130, 29, .6) !important;
    border-color: #fe821d !important;
}
.select2-container--bootstrap .select2-selection--multiple { padding: 0 !important; min-height: 28px !important; }
.filters-row .form-group .select2-container--bootstrap .select2-selection--multiple { height: auto !important; }

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { margin: 4px 0 0 4px !important; }

/* placeholder*/
.form-group .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder,
.form-row .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { color: #c8d0da !important; }
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { color: #c8d0da !important; }

/* searchfield */
.form-group .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-row .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0.5rem !important; font-style: italic;height: 26px; }

.select2-container .select2-dropdown .select2-results .select2-results__options.select2-results__options--nested{ max-height: none; overflow-y: visible; overflow-x: visible;}
.select2-container.select2-multiple-dropdown .select2-dropdown .select2-results .select2-results__option[role="group"]:before{ display: none;}
.select2-container.select2-multiple-dropdown .select2-dropdown .select2-results .select2-results__option .select2-results__group{ padding: .25rem 1rem; display: block;}
.select2-container.select2-multiple-dropdown .select2-dropdown .select2-results .select2-results__option[role="group"]{ padding: 0;}
.select2-container.select2-multiple-dropdown .select2-dropdown .select2-results .select2-results__option[role="group"] .select2-results__option{ padding-left: 2rem;}
.select2-container.select2-multiple-dropdown .select2-dropdown .select2-results .select2-results__option .select2-results__option:last-child{ border-radius: 0;}
.select2-container.select2-multiple-dropdown .select2-dropdown .select2-results .select2-results__option[role="group"]:last-child .select2-results__option:last-child{ border-radius: 0 0 1rem 1rem;}

/* date range */
.input-daterange input { text-align: left !important; }
/*.input-daterange input:first-child { border-radius: 0 !important; }*/
.input-daterange.input-group span.input-group-addon { line-height: 0.8; }

/* SUMMERNOTE */
.note-toolbar .btn, .note-btn-group .btn { color: #212529 !important; }
.note-popover .popover-content, .card-header.note-toolbar { display: block !important; }

/* INVOICES, INVOICE ROWS */

/*.product-description-rows input { width: 97% !important; }*/
#clone_product_row { display: none; }

/* view */
address.seller-data { margin-top: 1rem; border-bottom: 2px solid #ccc; }
address.recipient { padding-left: 1rem; }

.invoice-details-box { border: 1px solid #dee2e6; }
.invoice-details-box td{ 
    border: 1px solid #dee2e6; 
    padding: 6px 10px; 
    /*font-family: Raleway,sans-serif; */
    font-size: .875rem; 
    line-height: 1.25rem;
}
.invoice-details-box td .col-label{ font-size: 0.970rem; font-weight: 600; padding-bottom: 4px;}
.invoice-details-box .row { margin: 0; }
.invoice-details-box .row + .row{ border-top: 1px solid #dee2e6;}
.invoice-details-box .row .col-12 + .col-12{ border-left: 1px solid #dee2e6;}
.invoice-details-box .invoice-label { font-size: small; }

/*#invoice-products-table { width: 100% !important; border: none; }
#invoice-products-table thead th, #invoice-products-table td, #invoice-products-table th, #invoice-totals-table, #invoice-totals-table td, #invoice-totals-table th { border: none; }
#invoice-products-table.table-sm thead th, #invoice-products-table.table-sm tfoot td,
#invoice-totals-table.table-sm thead th, #invoice-totals-table.table-sm tfoot td { font-size: small; font-weight: bold; }*/

.invoice-preview footer { margin-top: 4rem; padding: 0; font-size: small; border-top: 2px solid #ccc; }

/* OFFER, OFFER_LAYOUT */

.status-badge { font-size: large; font-weight: bold; }

#categoryProductsList li { padding: 0 0.5rem !important; }
#categoryProductsList li>button { margin: 0 !important; }
#categoryProductsListClone { display: none; }

#getCustomerToOfferSpinner { position: absolute;left: 50%; z-index: 999; margin-top: 7px; }
#schedulesToOfferForm .form-row, #schedulesToOfferForm .form-row .description, #schedulesToOfferLayoutForm input.description,
#paymentsToOfferForm .form-row, #paymentsToOfferForm input.payment_description, #paymentsToOfferLayoutForm input.payment_description { width: 100% !important; }
#schedulesToOfferForm .form-row .timetable input { width: 45% !important; }
#schedulesToOfferForm .form-control { width: 100% !important; }



/* FOOTER */

#signatures { page-break-inside: avoid !important; }


/* SPINNERS */

@keyframes spinner-border {
    to { transform: rotate(360deg); }
}

.spinner-border {
    display: none;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: .15em solid #4f5f6f;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

/* PRINT */

.print-only { display: none; }

@media print {
    html, body {
        width:110%;
        height:auto;
        margin:auto;
        padding:0;
    }

    aside,
    #sidebar-collapse-btn,
    .header-block-nav,
    .display-only,
    .alert,
    footer  {
        display: none !important;
    }

    .app {
        padding-left: 0 !important;
    }
    .header-fixed header.header { position: absolute !important; left: 0!important; background: transparent; }

    .print-only { display: inline-block !important; }
    .modal { position: absolute !important; }

    .no-page-break {
        display: inline-block;
        width: 100%;
        page-break-inside: avoid !important;
    }
    .div-display-only { display: none !important; }
}

/* TIMING */
.timing input,
.timing label {
    width: 100%;
}
.timing + .timing {
    border-top: 1px solid #ccc;
    margin-top: 1rem;
    padding-top: 1rem;
}

.breadcumbs ul li {
    display: inline;
    padding-right: 5px;
    padding-left: 5px;
}

.last-tr-td-noborder tr:last-child td{
    border:none;
}
.last-tfoot-tr-td-noborder tfoot > tr:last-child th{
    border:none;   
}

.table-responsive table td, 
.table-responsive table tbody td.actions{
    padding-top:0.5rem!important;
    padding-bottom:0.5rem!important;
}

textarea.form-control, .allow-resize {
    resize:vertical !important;;
}
.ui-autocomplete { 
    z-index:2147483647 !important; 
}

.table-bordered thead td .plus-collapse, .table-bordered thead th .plus-collapse {
    background: 0 0;
    border: none;
    padding: 0 2px;
    font-size: .75rem;
    display: inline-block;
    vertical-align: top;
}

.color-custom-h5{
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #212529;
}

.badge-warning-custom {
    color: #212529;
    background-color: #ffc60b;
}

.width-50{
    width: 50px !important;
    max-width: 100% !important;
}
.width-60{
    width: 60px !important;
    max-width: 100% !important;
}
.width-90{
    width: 90px !important;
    max-width: 100% !important;
}
.width-110{
    width: 110px !important;
    max-width: 100% !important;
}
.width-120{
    width: 120px !important;
    max-width: 100% !important;
}
.width-125{
    width: 125px !important;
    max-width: 100% !important;
}
.width-150{
    width: 150px !important;
    max-width: 100% !important;
}
a.view_description:hover, a.add_description:hover{
    text-decoration: none !important;
}
.task-org-desc-label{
    font-family: Raleway,sans-serif;
    /*font-size: .875rem;*/
    font-weight: 600;
    line-height: 1.25rem;
}
.task-org-desc{
    background: #e9ecef;
    padding: 0.3125rem 1rem;
    border-radius: 1rem;
    border: 1px solid #e2faff;
    background-clip: padding-box;
    min-height: 110px;
    word-wrap: break-word;
}
.task-timer-icon{
    border-radius: 100% !important;
    height: 26px !important;
    line-height: 24px !important;
    padding: 0 !important;
    width: 27px !important;
    font-size: 17px !important;
    border: none !important;
}
.task-timer-icon .icon{
    width: 26px;
    height: 26px;
}
#timer{
    display: inline-block;
}
#clone_question_row, #clone_feedback_field_row { display: none; }

#invoiceReminderSettingTab .nav-link, #invoiceSummaryTab .nav-link, #invoiceSalesTab .nav-link{
    color: #495057 !important;
}
#invoiceReminderSettingTab .nav-link.active, #invoiceSummaryTab .nav-link.active, #invoiceSalesTab .nav-link.active{
    color: #eb168d !important;
}
#taskTabs .nav-item .nav-link{
    border: none;
    color: #495057;
}
#taskTabs .nav-item .nav-link.active{
    border-bottom: 4px solid #495057;
}
.unread-tab-badge{
    position: relative !important;
    top: -3px !important;
    padding: 0px 3px !important;
    border-radius: 100% !important;
    background: red !important;
    color: white !important;
    font-size: 54% !important;
    left: 4px !important;
}
.unread-comment-badge{
    position: relative !important;
    top: -3px !important;
    padding: 0px 3px !important;
    border-radius: 100% !important;
    background: red !important;
    color: white !important;
    font-size: 50% !important;
    left: 4px !important;
}
.unread-comment-badge-div{
    display: inline-block;
    width: 20px;
}
#project-sub-task-new-view-modal{
    overflow-y: scroll;
}
.text-decoration-none{
    text-decoration: none;
}
.user-acnt-period-invoice-section p{
    margin-left: 12px;
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 5px;
}
.toggle-team{
    cursor: pointer;
    font-size: 17px;
}
.table-child-flex > tbody > tr > td{
    padding: 0;
    line-height: 22px !important;
}
.table-child-flex > tbody > tr > td table > tbody > tr > td{
    border: none;
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    line-height: 22px !important;
}
.table-child-flex > tbody > tr > td table > tbody > tr:last-child > td{
    padding-bottom: 0 !important;
}
.table-child-flex > thead > tr > th:nth-child(1),
.table-child-flex > tbody > tr > td table tbody tr td:nth-child(1){
    width: calc(100% - 160px);
}
.table-child-flex > thead > tr > th:nth-child(2),
.table-child-flex > thead > tr > th:nth-child(3),
.table-child-flex > tbody > tr > td table tbody tr td:nth-child(2),
.table-child-flex > tbody > tr > td table tbody tr td:nth-child(3){
    width: 80px;
}
.table-child-flex > tbody > tr > td table,
.table-child-flex > tbody > tr > td table tbody,
.table-child-flex > tbody > tr > td table tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
.table-child-flex > tbody > tr > td table tbody tr td {
    display: inline-block;
    flex: 1 0 0;
}
.table-child-flex > tbody > tr > td table > tbody > tr > td:nth-child(2),
.table-child-flex > tbody > tr > td table > tbody > tr > td:nth-child(3) {
    width: 80px;
    flex: 0 0 auto;
}
.table-child-flex > tbody tr.group-tr-wrap td,
.table-child-flex > tbody > tr > td:last-child,
.table-child-flex > tbody > tr > td table > tbody > tr > td:nth-child(3) {
    padding-right: 0;
}
.invoice-account-group-delete:hover{
    cursor: pointer;
}

/*Create Task modal panel*/
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}
.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #000 !important;
    background-color: #c1c1c161;
    border-color: #EEEEEE;
}
.panel-title {
    font-size: 14px;
}
.panel-title > a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    font-size: 17px;
    color: #000 !important;
}
.panel-title > a:hover {
    text-decoration: none;
}
.more-less {
    float: right;
    color: #212121;
    margin-top: 2px;
}
.panel-default {
    border: 1px solid #c1c1c161;
}
.panel-default .panel-body {
    padding: 10px 15px 15px 15px;
}
/*Create Task modal panel*/

#clone_task_user_row { display: none; }

.order-more-less {
    /*float: right;*/
    color: #212121;
    margin-top: 2px;
}
.order-plus-icon{
    font-size: 14px;
    margin-top: 4px;
}
#add-office-address-to-customer-button:hover{
    cursor: pointer;
}
#clone_office_address_row { display: none; }
.panel-group-order .panel-body{
    box-shadow: 0px 2px 6px -1px #c1c1c1;
}
.panel-group-order .panel-title a, .panel-group-order .panel-title .order-plus-icon {
    display: block;
    padding: 12px 15px !important;
    text-decoration: none;
    color: #000 !important;    
}
.panel-group-order .panel-title a{
    font-size: 17px !important;
}
.panel-group-order .panel-title .order-plus-icon:hover{
    cursor: pointer;
}
#office-address-table, #order-info-table {
    font-size: 14px;
}
#office-address-table tr {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
#office-address-table tr:last-child{
    border-bottom: 1px solid #dee2e6;
}
#office-address-table tr td, #order-info-table tr td {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important;
}
#order-info-table tr td{
    vertical-align: middle;
}
#order-info-table tr td .form-group {
    margin-bottom: 0;
}
.order-dropdown .dropdown-menu a{
    padding: 7px 12px !important;
}
#add-product-to-order-button:hover{
    cursor: pointer;
}