/*
    DEMO STYLE
*/

/* poppins-300 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/poppins-v12-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Poppins Light'), local('Poppins-Light'), url('../fonts/poppins-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/poppins-v12-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/poppins-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/poppins-v12-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/poppins-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/poppins-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/poppins-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/poppins-v12-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins-v12-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Poppins Medium'), local('Poppins-Medium'), url('../fonts/poppins-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/poppins-v12-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/poppins-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/poppins-v12-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins-v12-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('../fonts/poppins-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/poppins-v12-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/poppins-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/poppins-v12-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/poppins-v12-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Poppins Bold'), local('Poppins-Bold'), url('../fonts/poppins-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/poppins-v12-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/poppins-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/poppins-v12-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

html {
    font-size: 12px;
}

body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;  
    margin: 0;
    /*font-size: 12px;*/    
    min-height: 100vh;
}

body,
html {
    overflow: hidden;
}

/*p {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;*/
   /* line-height: 1.7em;*/
    /*color: #999;
}*/

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

i > span {
    display: inline-block;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    /*height: 100%;*/
    display: flex;
    /*align-items: stretch;*/
    min-height: 100vh;
    /*overflow-y: auto;*/
}
.no-gutters {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.user-container {
    background: rgb(109,127,204);
    height:100%;
    padding-right:15px;
    padding-left:15px;
    width:auto;
    min-height: 81px;
}
.user-profile {
    /*margin-top: 12px;*/
    cursor: pointer;
    
    border-radius: 4px;
}
.user-name {
    cursor:pointer;
}
.user-details {
    position: absolute;
    top: 82px;
    padding: 8px;
    right: 0;
    background: white;
    margin-bottom: 8px;
    text-align: right;
    margin-left: auto;
    min-width: 200px;
    min-height: 100px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1;
}
.user-name {
    color:white;
}
.page-title {
    color: white;
    margin-top:12px;
    margin-left:12px;
}

.top-bar {
    background: rgb(115,134,213);
    min-height:81px;
}

#sidebarCollapse {
    position:absolute;
    top:12px;
    right:12px;    
}

#sidebar {
    position: relative;
    min-width: 248px;
    max-width: 248px;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
    z-index: 2;
    border-right: 2px solid #b19cd9;
    margin-bottom: 38px;
    min-height: 100%;
}

#sidebar.active {
    min-width: 148px;
    max-width: 148px;
    text-align: center;
}

/*#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
    display: none;
}*/

#sidebar.active .sidebar-header h3 {
    display: none;
}

#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar.active ul li a {
    padding: 20px 10px;
    text-align: center;
    font-size: 1.1em;
}

#sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    font-size: .9em;
    margin-bottom: 5px;
}

#sidebar.active ul ul a {
    font-size: .9em;
    padding: 10px !important;
}

#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.8em;
}

#sidebar ul.components {
padding: 20px 0;
border-bottom: 1px solid #47748b;
}

#sidebar ul li a {
    text-align: left;
    padding: 10px;
    font-size: 1.3em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li a i {
    margin-right: 10px;
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
color: #fff;
background: #6d7fcc;
    }

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#sidebar ul ul a {
    font-size: 1.1em;
    padding-left: 42px;
}

#sidebar ul ul ul a {
    padding-left: 74px !important;
}

/*ul.CTAs {
    padding: 20px;
}*/

/*ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}*/

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    /*height: 60%;*/
    min-height: 100vh;
    height: 100vh;
    /*height: auto;*/
    padding: 20px;
    padding-bottom: 10%;
    transition: all 0.3s;
    overflow-y: scroll;
    position: relative;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
        margin-left: -80px !important;
    }

    .dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    #sidebar.active {
        margin-left: 0 !important;
    }

    #sidebar .sidebar-header h3,
    #sidebar .CTAs {
        display: none;
    }

    #sidebar .sidebar-header strong {
        display: block;
    }

    #sidebar ul li a {
        padding: 20px 10px;
    }

    #sidebar ul li a span {
        font-size: 0.85em;
    }

    #sidebar ul li a i {
        margin-right: 0;
        display: block;
    }

    #sidebar ul ul a {
        padding: 10px !important;
    }

    #sidebar ul li a i {
        font-size: 1.3em;
    }

    #sidebar {
        margin-left: 0;
    }

    #sidebarCollapse span {
        display: none;
    }
}


/*Login Screen CSS*/

.login-logo-name {
    text-align: center;
    color: #808080;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 5px;
    padding-bottom: 10px;
}

.login-label {
    color: #808080;
}

.login-screen-parent {
    min-height: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.login-box {
    width: 300px;
    padding-left: 15px;
    padding-right: 15px;
}

/*dt action button hover*/

.dt-action-button:hover, .dt-action-button:hover {
    cursor: pointer;
    color: #007bff;
}
/* Item End*/

.item-label-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}


/*Item status row colors */

.table-striped tbody tr.item-status-donated {
    background-color: #60ccff;
}

.table-striped tbody tr.item-status-missing {
    background-color: #f1f38a;
}

.table-striped tbody tr.item-status-missing-and-sold {
    background-color: #f66c87;
}

.table-striped tbody tr.item-status-removed {
    background-color: #fcbeec;
}

.table-striped tbody tr.item-status-returned {
    background-color: #cbb7da;
}

.table-striped tbody tr.item-status-sold, .table-striped tbody tr.contract-closed {
    background-color: #dff0d8;
}

.table-striped tbody tr.transaction-void {
    background-color: #FFFFE0;
}

/* End of Item status row colors */

.address-record {
    border-bottom: 1px;
}

.sidebar-nav-active {
    background-color: white;
    color: #7386D5;
}


.modalFilter {
    display: none;
    height: auto;
    background: #FFF;
    border: solid 1px #ccc;
    padding: 8px;
    position: absolute;
    z-index: 1001;
}

.modalFilter .modal-filter-content {
    max-height: 250px;
    overflow-y: auto;
}

.modalFilter .modal-footer {
    background: #FFF;
    height: 35px;
    padding-top: 6px;
}

.modalFilter .btn {
    padding: 0 1em;
    height: 28px;
    line-height: 28px;
    text-transform: none;
}

#mask {
    display: none;
    background: transparent;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 1000;
}


.dt-column-filter-unfiltered {
    color: grey;
}
.dt-column-filter-filtered {
    color: #7386D5;
}

.field-validation-error {
    font-size: 1.1em;
    font-weight: 600;
}

.validation-summary-errors ul {
    /*list-style: none;*/
}
.validation-summary-errors ul li {
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: none;
}

.dt-filter-mod {
    padding-left: 0px !important;
    margin-bottom: 10px;
}

.dt-filter-mod .card-header {
    text-shadow: 0px 0px 2px #0f0f0f;
}
.dt-filter-mod .card {
    border-radius: 6px !important;
    border: 1px solid rgba(0,0,0,.125) !important;
}

.dt-filter-collapse-button:hover {
    color: #484e54;
    cursor: pointer;
}

.developed-by {
    font-size: 1rem;
    font-style: italic;
}

.custom-reports-loading {
    display: none;
}

.invoice-footer {
    background-color: #D2E6FA;
}

.receipt-container {
    max-width: 610px;
    max-height: 600px;
    padding-bottom: 30px;
    padding-top: 10px;
    overflow-y: auto;
    overflow-x: hidden;
}

.receipt-container .transaction-void {
    color: #ff0000;
    font-weight: 600;
}

.receipt-container, .receipt-container p {
    font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    /*font-size: 16px;*/
    line-height: 10px;
    color: #63615b;   
/*    font-weight: 600;   */
}

.receipt-container #ReceiptLineItemDataTable {
    line-height: 20px;
}

.receipt-container .data-table-row{
    margin-left: -20px;
    margin-right: -20px;
}

.receipt-container .transaction-details p {
    /*line-height: 20px;*/
}

/* Start of contract details styling */

.contract-details-container .customer-header .col p{
   line-height: 5px;
}

.contract-details-container p {
    color: #000;
}

#PrintContractDetailModal .modal-dialog {
    overflow-y: initial !important
}

#PrintContractDetailModal .modal-body{
    height: 500px;
    overflow-y: auto;
}

@media print {
    body {       
        background-color: #fff;
    }

    .contract-details-container .table tr .odd {
        background-color: rgba(0,0,0,.05) !important;
    }
    .contract-details-container .table td {
        background-color: transparent !important;
    }
    .contract-details-container .sold-consignment-items {
        page-break-inside: avoid;
    }
    .contract-details-container .sold-consignment-items {
        page-break-inside: avoid;
    }    
}

/* End of contract details styling */

.contract-legal-document-container p {
    color: #000;
}


.contract-legal-document-container ul li, .contract-legal-document-container ol li {
    font-size: 12pt; /*Iiny MCE uses pt for font sizes, so I did this here as well*/
}


.dt-f div label {   
   display: block;
}
.dt-f div label input {
    margin-left: 0 !important;
    display: block !important;
    width: 98% !important;
}


.ck-content {
    background-color: #fff;
    color: #000;
    min-height: 500px;
    max-height: 675px;
    font-family: Arial;
}

.ck-content p {
    color: #000;
}

.ck-content b, strong {
    font-weight: bold;
}

.contract-template-body ol li span, .contract-legal-document-container ol li span{
    display: inline;
}

.contract-template-variable-info:hover {
    cursor: pointer;
    color: #7386D5;
}
.contract-template-editor {
    min-height: 650px;
}

table.dataTable tbody tr.selected {
    color: black;
    background-color: #eeeeee;
}

table.dataTable tbody td.select-checkbox:before {
    width: 19px !important;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #bbb;
    background: #fff;  
    margin-left: -9px;
}

table.dataTable tr.selected td.select-checkbox:after {
    width: 19px !important;
    margin-top: -6px !important;
    margin-left: -9px !important;
    color: black !important;
    content: "\2714" !important;
    text-shadow: none;
    font-weight: bold;
}

table.dataTable thead th.select-checkbox {
    position: relative;
}


table.dataTable thead th.select-checkbox:before {
    display: block;
    content: ' ';
    width: 19px !important;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #bbb;
    background: #fff;
    margin-top: 15px;
}

table.dataTable thead th.selected.select-checkbox:after {
    display: block;
    margin-top: -35px;
    padding-left: 5px;    
    content: "\2714";
    width: 19px !important;
    height: 18px;
    padding-bottom: 35px;
}

#lstBox1, #lstBox2 {
    height: 200px;
}

.subject-info-box-1 select option:hover, .subject-info-box-2 select option:hover {
    background: #eee;
}

.subject-info-arrows {
    margin-top: 20px;
}

.subject-info-arrows button {
    width: 30%;
}

.subject-info-arrows .row {
    margin-bottom: 10px;
}

.test-environment-warning {
    color: #46F52B;
    font-size: 1.5em;
    max-width: 65%;
}

.footer .test-environment-warning {
    margin-left: 14em;
    max-width: 100%;
}

.footer {
    position: fixed;
    color: #FFF;
    background: #6d7fcc;
    bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 5px;
    height: 40px;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    border-top: 2px solid #b19cd9;
}

.forgot-password-link {
    color: #007bff;
}

.jconfirm-content {
    font-size: 1.1em;
}

.jconfirm-box .jconfirm-buttons button {
    text-transform: inherit !important;
    font-family: 'Poppins' !important;
    font-weight: normal !important;
}
/*
.validation-summary-errors .text-danger{
    font-size: 1.2rem;
}
*/
.CreateRoleModal .modal-body, .UpdateUserModal .modal-body {
    min-height: 600px;
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}

button:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}

#ExceptionLogDetailModal .modal-body {
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.contract-payout-report-container {
    max-height: 600px;
    font-size: 1.2em;
    overflow-y: scroll;
    overflow-x: hidden;
}

.contract-payout-report-details {
    border-bottom: 1px solid #dee2e6;
}

.final-content {
    display: none;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}

#CreateTransactionModal .modal-body {
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
}

#CreateTransactionModal .totals {
    font-size: 1.2em;
}

#CreateTransactionModal .grand-total {
    font-weight: bold;
}

#CreateTransactionItemsDataTable_wrapper {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

#UpdateContractModalForm .tab-content {
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.dt-action-button-disabled {
    opacity: .4;
}
.dt-action-button-disabled:hover {
    cursor: not-allowed;
    color: #212529;
}

.modal-xxl {
    max-width: 1400px;
}

.amount-owing, .change-due {
    color: #ff0000;
    font-weight: bold;
}

#CreateTransactionModal .edit-purchaser:hover {
    cursor: pointer;
    color: #007bff;
}

.form-control::-webkit-input-placeholder, .filter-option-inner-inner, .bootstrap-select .status {
    color: #000000;
    font-size: 1.02em;
}


.dropdown-item-no-link {
    padding: .25rem 1.5rem;
    color: #000;
    font-style: italic;
}

.receipt-container .logo {
    border: 1px solid #f3f3f3;
    border-radius: 5px 5px;
    max-width: 40%;
    max-height: 40%;
    width: auto;
    height: auto;
}

#ContractPayoutBatchModal .modal-body {
    overflow-x: hidden;
    overflow-y: auto; 
    max-height: 800px;
}

/*We do not want the default processing message to show*/
.dataTables_processing {
    z-index: -99999;
}
/*.contract-type-prompt-btn {    
    border: 1px solid transparent !important;
}
*/
.jconfirm .jconfirm-box .jconfirm-buttons .contract-type-prompt-btn, .jconfirm .jconfirm-box .jconfirm-buttons .customer-entity-type-btn {
    border: 1px solid;
}

.fa-xl {
    font-size: 1.5em;
}

.discounted-item {
    color: #D30000;
}

#ManageUserModalForm .nav-pills .nav-link:not(.active) {
    background-color: #E8E8E8;
    border: 2px solid rgba(0,0,0,.2);
}

#ManageUserModalForm .nav-pills > .nav-link {
    margin-bottom: 5px;
}

.nav-tabs .nav-link.active {
    border-top: 2px solid rgba(0,0,0,.3);
    border-left: 2px solid rgba(0,0,0,.3);
    border-right: 2px solid rgba(0,0,0,.3);
}

.tx-create-item-pst {
    width: 10%;
}

.tx-pst-amount-exempt {
    text-decoration: line-through;
    color: #ff0000;
}

.fa-click:hover {
    cursor: pointer;
}


/* Override toastr font sizes */
#toast-container > .toast {
    margin-top: 5px;
    font-size: 14px; /* General font size */
}

#toast-container > .toast .toast-title {
    font-size: 16px; /* Title font size */
    font-weight: bold;
}

#toast-container > .toast .toast-message {
    font-size: 14px; /* Message font size */
}