/*===========================================================================================================================*/
/*Cappadocia Web v5.2.3 (https://cappadociaweb.com)*/
/*Copyright 2019 - ~ The Cappadocia Web (by Aktan Can) Authors*/
/*===========================================================================================================================*/

:root {
    --bs-text-gray-rgb: 108, 117, 125;
    --bs-bg-gray-rgb: 233, 236, 239;
    --bs-border-gray-rgb: 222, 226, 230;
}

/*===========================================================================================================================*/

.text-gray {
    color: rgba(var(--bs-text-gray-rgb), var(--bs-text-opacity)) !important;
    --bs-text-opacity: 1.0;
}

.bg-gray {
    background-color: rgba(var(--bs-bg-gray-rgb), var(--bs-bg-opacity)) !important;
    --bs-bg-opacity: 1.0;
}

.border-gray {
    border-color: rgba(var(--bs-border-gray-rgb), var(--bs-border-opacity)) !important;
    --bs-border-opacity: 1.0;
}

.table-gray {
    --bs-table-bg: rgba(var(--bs-bg-gray-rgb), var(--bs-bg-opacity)) !important;
    --bs-bg-opacity: 1.0;
}

/*===========================================================================================================================*/

.shadow-full {
    box-shadow: var(--bs-box-shadow) !important;
    --bs-box-shadow: 0rem 0rem 1.2rem 0.2rem rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
    --bs-bg-opacity: 1.0;
}


/*===========================================================================================================================*/
.form-check-input[type=radio] {
    margin-top: 0px !important;
    width: 20px !important;
    height: 20px !important;
    vertical-align: middle !important;
}

.form-check-input[type=checkbox] {
    margin-top: 0px !important;
    width: 20px !important;
    height: 20px !important;
    vertical-align: middle !important;
}

/*===========================================================================================================================*/

.text-pre-wrap {
    white-space: pre-wrap !important;
}

/*===========================================================================================================================*/

*:focus, *:focus-visible, *:hover, *:active {
    border-color: none !important;
    outline: none !important;
}
input:focus, select:focus, textarea:focus, button:focus, a:focus,
input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible, a:focus-visible,
input:hover, select:hover, textarea:hover, button:hover, a:hover,
input:active, select:active, textarea:active, button:active, a:active{
    box-shadow: none !important;
}
/*===========================================================================================================================*/
.container {
    max-width: 1440px;
}

/*===========================================================================================================================*/


.bg-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-contain {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/*===========================================================================================================================*/

.cursor-pointer {
    cursor: pointer !important;
}

/*===========================================================================================================================*/

.pointer-events-none {
    pointer-events: none !important;
}

/*===========================================================================================================================*/

.table thead tr th, .table tbody tr td {
    min-width: 45px;
    width: 45px;
}
/*===========================================================================================================================*/

.ratio-4x5 {
    --bs-aspect-ratio: 125.00%;
}

.ratio-5x4 {
    --bs-aspect-ratio: 80.00%;
}

.ratio-4x1 {
    --bs-aspect-ratio: 25.00%;
}

.ratio-9x16 {
    --bs-aspect-ratio: 177.78%;
}

/*===========================================================================================================================*/

.text-pre-line {
    white-space:pre-line !important;
}

/*===========================================================================================================================*/

.lazy-placeholder {
    z-index: 1;
    transition: opacity 0.4s ease;
}

.lazy-bg {
    opacity: 0;
    transition: opacity 0.4s ease-in-out, background-image 0.4s ease-in-out;
    z-index: 2;
}

.lazy-bg.loaded {
    opacity: 1;
}

.lazy-img {
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    z-index: 2;
}

.lazy-img.loaded {
        opacity: 1;
    }

/*===========================================================================================================================*/

.btn-warning {
    --bs-btn-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    --bs-btn-hover-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    --bs-btn-active-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    --bs-btn-disabled-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.btn-outline-warning {
    --bs-btn-hover-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    --bs-btn-active-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.btn-info {
    --bs-btn-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    --bs-btn-hover-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    --bs-btn-active-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    --bs-btn-disabled-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.btn-outline-info {
    --bs-btn-hover-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    --bs-btn-active-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

/*===========================================================================================================================*/

.input-group .btn-outline-primary, .input-group .btn-outline-secondary, .input-group .btn-outline-success, .input-group .btn-outline-danger, .input-group .btn-outline-warning, .input-group .btn-outline-info, .input-group .btn-outline-light, .input-group .btn-outline-dark {
    --bs-btn-bg: rgba(var(--bs-background-gray-rgb), var(--bs-bg-opacity)) !important;
}

/*===========================================================================================================================*/

.rounded-top-0 {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important
}

.rounded-start-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important
}

.rounded-end-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important
}

/*===========================================================================================================================*/

.overflow-y {
    overflow-y: scroll;
}

/*===========================================================================================================================*/

.modal-body .croppie-area {
    display: none !important;
}

.modal-body.ready .croppie-area {
    display: block !important;
}

.modal-body .croppie-area .croppie-container .cr-boundary {
    --bs-border-opacity: 1;
    border-radius: 0.375rem;
    border: 1px solid !important;
    border-color: rgba(var(--bs-border-gray-rgb), var(--bs-border-opacity)) !important;
}

    .modal-body .croppie-area .croppie-container .cr-boundary .cr-viewport {
        --bs-border-opacity: 1;
        border: 1px solid !important;
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
        --bs-border-opacity-90: 0.9;
        box-shadow: 0 0 2000px 2000px rgba(var(--bs-border-gray-rgb), var(--bs-border-opacity-90)) !important;
    }

/*===========================================================================================================================*/