/* Write your CSS code. */
@media print {
    ::-webkit-scrollbar {
        display: none;
    }
}

.field-validation-error {
    color: #b94a48;
}

.hideInfo {
    display: none;
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {        
       width:100%;
    }
}

@media (min-width: 768px) {
    .paddingleftRightNone {
        padding-right: 2px;
        padding-left: 0px;
    }
}
@media (min-width: 990px) {

    #imgFrontPhoto {
        width: 100%; 
    }

    #imgBackPhoto {
        width: 100%;
    }
}
@media (min-width: 1600px) {

    #imgFrontPhoto {
        width: 180px;
    }

    #imgBackPhoto {
        width: 180px;
    }
}
.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}


select.input-validation-error {
    border: 1px solid #b94a48;
}

body > .k-loading-mask {
    position: fixed;
    z-index: 9999;
}

.custom-editor-window .k-loading-mask {
    display: none;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.toggle {
    width: 103px;
    height: 20px;
}

.pagination {
    margin: 0px !important;
}

.full-width {
    width: 100% !important;
}

.k-loading-image {
    z-index: 1051 !important;
}

.padding-right-10 {
    padding-right: 10px;
}

.editbtn {
    background-color: #f39c12 !important;
    border-radius: 3px;
    border: 3px solid #f39c12;
}
.bookingbtn {
    background-color: #5bc0de !important;
    border-radius: 3px;
    border: 3px solid #5bc0de;
    color: white;
}
.printbtn {
    background-color: #5bc0de !important;
    border-radius: 3px;
    padding: 2px 5px;
    border: 3px solid #5bc0de;
}

.invoicebtn {
    background-color: #28a745 !important;
    border-radius: 3px;
    padding: 2px 5px;
    border: 3px solid #28a745;
}
.imagebtn {
    background-color: #9933ff !important;
    border-radius: 3px;
    padding: 2px 5px;
    border: 3px solid #9933ff;
}
.primarybtn {
    background-color: #007bff !important;
    border-radius: 3px;
    padding: 2px 5px;
    border: 3px solid #007bff;
}
.primarybtn > i {
        color: white;
    }
.continuebtn {
    background-color: #00c0ef !important;
    border-radius: 3px;
    border: 3px solid #00c0ef;
}

.continuebtn > i {
        color: white;
    }

.blueBtn {
    background-color: #DD2F2E !important;
    border-radius: 3px;
    border: 3px solid #DD2F2E;
}

.blueBtn > i {
        color: white;
    }

.prewhiteSpace {
    white-space: pre-wrap;
}

.deletebtn {
    background-color: red !important;
    border-radius: 3px;
    border: 3px solid red;
}

.margin-2 {
    margin: 2px;
}

.deletebtn > i {
    color: white;
}

.skipbtn {
    background-color: #28a745 !important;
    border-radius: 3px;
    border: 3px solid #28a745;
}

    .skipbtn > i {
        color: white;
    }

.editbtn > i {
    color: white;
}

.dataTables_wrapper {
    font-size: 12px;
}

.uk-timeline .uk-timeline-item .uk-card {
    max-height: 300px;
}

.uk-timeline .uk-timeline-item {
    display: flex;
    position: relative;
}

    .uk-timeline .uk-timeline-item::before {
        background: #dadee4 !important;
        content: "" !important;
        height: 100% !important;
        left: 19px !important;
        position: absolute !important;
        top: 20px !important;
        width: 2px !important;
        z-index: 0 !important;
    }


    .uk-timeline .uk-timeline-item .uk-timeline-icon .uk-badge {
        margin-top: 20px;
        width: 40px;
        height: 40px;
    }

    .uk-timeline .uk-timeline-item .uk-timeline-content {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0 0 0 1rem;
    }


.uk-timeline-icon {
    z-index: 1;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f6f6f6 !important;
}
.text-Decoration-line-through {
    text-decoration-line: line-through !important;
}
.tableHeaderFixed > thead th {
    position: sticky !important;
    top: 0;
    z-index: 1;
    background: white;
}
.k-loading-image {
    background-image: url(/img/loading.gif) !important;
}