@media (max-width: 450px) {
    .open .right-panel {
        margin-left: 0px;
    }
    .cardpadding {
        padding: 15px !important;
    }
}
@media (min-width: 450px) {
    .col-hidden {
        -ms-flex: 0 0 0%;
        flex: 0 0 0%;
        max-width: 0%;
        padding-left:0px;
        padding-right:0px;
    }
    .modal-sm {
        max-width: 375px;
    }
}
@media only screen and (max-width: 576px) {
    .hidden-xs {
        display: none;
    }
    .selectwidth {
        width: 60px;
        word-wrap: break-word;
    }
    .smallfont{
        font-size:12px
    }
    .footer-margin{
        margin-bottom:3rem !important;
    }
    #table {
        display: flex;
        /* Optional, if you want the DIVs 100% width: */
        /*flex-direction: column;*/
    }
        #table #div1 {
            order: 2;
        }
        #table #div2 {
            order: 1;
        }
        #table #div3 {
            order: 3;
        }
    
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
    .hidden-sm {
        display: none;
    }
    .selectwidth {
        width: 60px;
        word-wrap:break-word;
    }
    .smallfont {
        font-size: 12px
    }
    .footer-margin {
        margin-bottom: 3rem !important;
    }
    #table {
        display: flex;
        /* Optional, if you want the DIVs 100% width: */
        /*flex-direction: column;*/
    }
        #table #div1 {
            order: 2;
        }
        #table #div2 {
            order: 1;
        }
        #table #div3 {
            order: 3;
        }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .hidden-md {
        display: none;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .hidden-lg {
        display: none;
    }
    .cardheight{
        height:162px
    }
}
@media only screen and (min-width: 1200px) {
    .hidden-xl {
        display: none;
    }
    .cardheight {
        height: 138px
    }
}
.row {
    margin-right: -40px;
    margin-left: -40px;
}

.bg-image {
    background-image: url("/Content/images/larapetotelbackground.png");
    height: 100%;
}
.btn-success {
    background-color: #39ADB4;
    border-color: #39ADB4;
}
.btn-login {
    background-color: #00c292;
    border-color: #00cc9a;
}
    .btn-login:hover {
        background-color: #008f6b;
        border-color: #00af84;
    }
.template-table-edit-btn {
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #39ADB4;
    padding: 5px 15px;
    transition: all 0.3s ease;
}

    .template-table-edit-btn:hover {
        background-color: #39ADB4;
        border: 1px solid #39ADB4;
        color: white;
    }
.template-table-delete-btn {
    border: none !important;
    background-color: transparent !important;
    color: #000000;
    font-size:17px
}

    .template-table-delete-btn:hover {
        background-color: #ff0000;
        color: #ff0000;
    }
.payment-btn {
    border: none !important;
    background-color: transparent !important;
    color: #39ADB4;
    font-size: 17px
}
    .payment-btn:hover {
        background-color: #565656;
        color: #565656;
    }
.pdf-btn {
    border: none !important;
    background-color: transparent !important;
    color: #ff0000;
    font-size: 17px
}

    .pdf-btn:hover {
        background-color: #ff0000;
        color: #7b0000;
    }
.customer-img {
    height: 100px !important;
}

    .customer-img img {
        object-fit: cover !important;
        height: 100px !important;
        width: 100px !important;
    }

.customer-list-img {
    height: 40px !important;
}

    .customer-list-img img {
        object-fit: cover !important;
        height: 40px !important;
        width: 40px !important;
    }

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

.form-group {
    margin-bottom: 1.5rem;
}

.navbar .navbar-nav li > ul > li > a {
    font-size: 13px
}

.switch {
    position: relative !important;
    display: inline-block !important;
    width: 30px !important;
    height: 17px !important;
}

    .switch input {
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }

.switch-slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #ccc !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
}

    .switch-slider:before {
        position: absolute !important;
        content: "" !important;
        height: 12px !important;
        width: 12px !important;
        left: 3px !important;
        bottom: 2.5px !important;
        background-color: white !important;
        -webkit-transition: .4s !important;
        transition: .4s !important;
    }

input:checked + .switch-slider {
    background-color: #39ADB4 !important;
}

input:focus + .switch-slider {
    box-shadow: 0 0 1px #39ADB4 !important;
}

input:checked + .switch-slider:before {
    -webkit-transform: translateX(12px) !important;
    -ms-transform: translateX(12px) !important;
    transform: translateX(12px) !important;
}
/* Rounded sliders */
.switch-slider.round {
    border-radius: 15px !important;
}

    .switch-slider.round:before {
        border-radius: 50% !important;
    }

.link-text {
    color: #000;
}

    .link-text:hover {
        color: #17a2b8
    }

.fs-10 {
    font-size: 10px !important
}

.fs-11 {
    font-size: 11px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-12-5 {
    font-size: 12.5px !important
}

.fs-13 {
    font-size: 13px !important
}

.fs-13-5 {
    font-size: 13.5px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-14-5 {
    font-size: 14.5px !important
}

.fs-15 {
    font-size: 15px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-17 {
    font-size: 17px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-19 {
    font-size: 19px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-25 {
    font-size: 25px !important
}

.fs-30 {
    font-size: 30px !important
}

.text-pink {
    color: deeppink
}
.selectlist {
    background-color: transparent;
    border: none;
}
.text-decoration-none ul{
    text-decoration:none
}
.fa-dog {
    color: #5c6bc0;
}
.fa-cat {
    color: #fb9678
}
.btn-home-icon{
    border-radius:40px;
    width:40px;
    height:40px;
    padding:0px;
}
.table-image {
    height: 60px;
    padding: 2px !important;
}
.bg-danger-transparent {
    background-color: #dc35453d;
}
.cart-basket {
    font-size: .6rem;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 15px;
    height: 15px;
    color: #fff;
    background-color: #00c292;
    border-radius: 50%;
}
.pdf-sayfaboyutu {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-top: 0px;
    width: 99%;
}
.pdfbackground {
    background-image: url('/Content/images/pdfbackground.png');
    background-size: 99% 99%;
    background-position: center center;
    background-repeat: no-repeat;
}
.pdfbackgroundfooter {
    background-image: url('/Content/images/pdfbackgroundfooter.png');
    background-size: 99% 98%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index:-1;
}
.cizgi {
    width: 99%;
    border-top: 1px solid rgba(0,0,0,.1);
    margin-bottom:10px
}
ul.list-circle {
    list-style: circle inside !important;
}
.navbar-bottom {
    overflow: hidden;
    background-color: #343a40;
    position: fixed;
    bottom: -3px;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
}
.top-menu {
    padding: 0.5rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
}

.paymentdetailset {
    display: none;
}
.details-card{
    padding:9px 9px 9px 15px !important;
}
.text-transparent{
    color:transparent !important
}
.ilcesec {
    pointer-events: all !important;
    background-color: #00000000 !important;
}
.toast-container {
    z-index: 99999999999;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}

    .toast-container > :not(:last-child) {
        margin-bottom: 1.25rem;
    }
.top-0 {
    top: 0 !important;
}
.end-0 {
    right: 0 !important;
}