:root {
    --pcc: #00e487;
    --pcc-active: #306f30;
    --pcc-focus: #419641;
    --pcc-success: #337ab7;
    --pcc-success-active: #193d5b;
    --pcc-success-focus: #265a87;
    --pcc-danger: #d9534f;
    --pcc-danger-active: #932320;
    --pcc-danger-focus: #c12e2a;
    --pcc-main-bg: #3c3c41;
}
.theme-command-btn {
    color: var(--pcc-success) !important;
    text-decoration: none !important;
    font-weight: bold;
    padding-right: 26px;
}

.theme-command-btn:first-child {
    padding-left: 16px;
}

.theme-btn-primary .dx-button-content:hover {
    background: var(--pcc) !important;
}

.theme-btn-primary .dx-button-content,
.theme-btn-primary .dx-button-content:active {
    background: var(--pcc) !important;
}

.theme-btn-primary .dx-button-text {
    color: white !important;
}

.theme-toolbar-searchPanel .dx-datagrid-search-panel {
    width: 200px !important;
}

.dx-datagrid-header-panel {
    margin-bottom: 8px;
}


.theme-form .dx-item {
    margin-bottom: 24px;
}

.theme-form .dx-field-item-label-content {
    font-weight: bold;
}

.theme-form-fileUploader .dx-list .dx-list-item{
    border-top: none;
    margin-bottom: 0px;
}
.theme-form-fileUploader .dx-list .dx-empty-message {
    border-top: 0px;
}
.theme-form-fileUploader .dx-icon-remove:before,
.theme-form-fileUploader .dx-icon-close:before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    content: "\F5DD";
    color: #DA7171;
    font-size: 18px;
}
.theme-form-fileUploader .dx-field-item-content{
    border: 1px solid #ddd;
    min-height: 120px;
    padding: 1rem;
}
.theme-form-fileUploader .dx-fileuploader .dx-fileuploader-upload-button {
    display: none;
}

.theme-form-fileUploader .dx-fileuploader .dx-fileuploader-wrapper {
    padding: 0;
}


.theme-swal-popup-success {
    border: 1px solid #2ED47A;
    border-left-width: 6px;
    padding-bottom: 15px;
}

.theme-swal-popup-success .swal2-html-container {
    padding-left: 18px;
}
.bg-success {
    background-color: var(--pcc-success) !important;
}

.bg-primary {
    background: var(--pcc) !important;
}

/*==== button overwrite ==*/
.btn {
    min-width: 120px;
}
.btn:focus {
    box-shadow: unset !important;
}

.btn-primary, .btn-primary:hover {
    background-color: var(--pcc);
    border-color: var(--pcc);
    color: white;
}
.btn-outline-primary {
    color: var(--pcc);
    border-color: var(--pcc);
}
.btn-outline-primary:hover {
    background: var(--pcc);
    border-color: var(--pcc);
    color: white;
}

.btn-outline-primary:focus,
.btn-primary:focus {
    background-color: var(--pcc-focus);
    border-color: var(--pcc-focus);
    color: white;
}
.btn-outline-primary:active,
.btn-primary:active {
    background-color: var(--pcc-active);
    border-color: var(--pcc-active);
}

.btn-success,
.btn-success:hover {
    background-color: var(--pcc-success);
    border-color: var(--pcc-success);
    color: white;
}

.btn-outline-success {
    color: var(--pcc-success);
    border-color: var(--pcc-success);
}

.btn-outline-success:hover {
    background: var(--pcc-success);
    border-color: var(--pcc-success);
    color: white;
}

.btn-outline-success:focus,
.btn-success:focus {
    background-color: var(--pcc-success-focus);
    border-color: var(--pcc-success-focus);
    color: white;
}

.btn-outline-success:active,
.btn-success:active {
    background-color: var(--pcc-success-active);
    border-color: var(--pcc-success-active);
}


.btn-danger,
.btn-danger:hover {
    background-color: var(--pcc-danger);
    border-color: var(--pcc-danger);
    color: white;
}

.btn-outline-danger {
    color: var(--pcc-danger);
    border-color: var(--pcc-danger);
}

.btn-outline-danger:hover {
    background: var(--pcc-danger);
    border-color: var(--pcc-danger);
    color: white;
}

.btn-outline-danger:focus,
.btn-danger:focus {
    background-color: var(--pcc-danger-focus);
    border-color: var(--pcc-danger-focus);
    color: white;
}

.btn-outline-danger:active,
.btn-danger:active {
    background-color: var(--pcc-danger-active);
    border-color: var(--pcc-danger-active);
}

.toast-success {
    text-align: left;
    display: flex;
    align-items: center;
}
.toast-success .toast-icon {
    border-radius: 50%;
    background: #2ED47A;
    display: inline-flex;
    color: white;
    font-size: 1.25rem;
    padding: 0.25rem;
}
.toast-success .toast-body {
    padding-left: 1.25rem;
}

.swal2-container {
    z-index: 20000 !important;
}

/* Very Small devices (phones, 0px and up) */
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    padding: 0;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
        padding: 0;
        width: 70px;
        min-width: 70px;
        max-width: 70px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}