body
{
	font-size: 14px;
}

.bg-cus-theme-poppins
{
    background-image: linear-gradient(135deg, #42C2FF 0%,#42C2FF 100%);
}

.cus-admin-login img
{
    width: 200px;
}

.cus-login-bg:before
{
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    background-image: url('../images/panel/login-bg.webp');
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(0px);
}

/*
    .cus-member-options a
    {
        border-bottom: 1px dashed #CCC !important;
    }
*/

.login-form
{
    width: 25rem;
}
.export-details
{
    margin-left: 69.8rem;
}

.display-hide
{
	display: none !important;
}

#loading-modal
{
	margin-top: calc(15%);
}

.input-group-prepend
{
	margin-right: 0px;
}

.input-group-prepend+input
{
	padding-left: 5px;
}

/*
.datatable-responsive .btn
{
	margin:	5px;
}
*/

table.table.datatable-basic tr td .btn-group-sm>.btn, .btn-sm
{
    padding: .375rem .675rem;
    margin: 2px;
}

table.table.dataTable tr td .dropdown .dropdown-menu
{
    padding: 0 10px;
}

table.table.dataTable tr td .dropdown .dropdown-menu .btn-sm
{
    margin: 5px 0px;
    width: 100%;
}

.table thead:first-child tr th:last-child
{
	width: 25%;
}

.select2-tokenize+.select2-container, .select2-multiple+.select2-container
{
	/*border-bottom: 1px solid #ddd;*/
    padding: 0px 0px 0px 5px;
}

.select2-selection--multiple .select2-selection__choice
{
	padding: .3rem 1rem;
	margin: .15rem;
}

.cus_trainer_slot_selection+.select2.select2-container
{
    border-bottom: 1px solid #ddd;
}

.select2-selection--multiple .select2-selection__rendered
{
    border-bottom: 1px solid #ddd;
}

#list-vendors .custom-action-badge
{
	margin-bottom: 5px;
}

.cus-b-b-danger-dashed
{
	border-bottom: 2px #EF5350 dashed;
}

.cus-input-group-append
{
    margin-left: 5px;
}

.cus-password-see-btn
{
    padding: 0px 15px;
    line-height: 2px;
    height: 40px;
}

.cus-dashbard-service-list
{
    border: unset;
}

.cus-dashbard-service-list .list-group-item
{
    padding: 5px 20px;
}

.payable-pricing-box
{
    box-shadow: 0px 0px 10px red;
}

.payable-pricing-box-inset
{
    box-shadow: 0px 0px 10px red inset;
}

.cus-case-pricing-box
{
    min-height: 115px;
}

.wizard>.steps>ul>li.current .number
{
    border-color: #D32F2F;
    color: #D32F2F;
    background-color: #fff;
}

.wizard>.steps>ul>li.done .number
{
    font-size: 0;
    background-color: #D32F2F;
    border-color: #D32F2F;
    color: #fff;
}

.wizard>.steps>ul>li:after, .wizard>.steps>ul>li:before, .wizard>.steps>ul>li.current:after
{
    background-color: #D32F2F;
}

a#guest-user-form-t-0, a#guest-user-form-t-1, a#guest-user-form-t-2
{
    color: #FFF;
}

.cus-bg-transparent
{
    background: transparent !important;
}

.cus-box-shadow-none
{
    box-shadow: unset !important;
}

.cus-border-radius-50
{
    border-radius: 50px !important;
}

.cus-border-radius-20
{
    border-radius: 20px !important;
}

.cus-border-white-2px
{
    border: 2px solid #FFF;
}

.fab-menu-btn.btn-float
{
    padding: 2.5rem;
}

.fab-menu-btn.btn-float>i
{
    position: absolute;
    top: 40%;
    left: 40%;
    margin-top: -.5rem;
    margin-left: -.5rem;
}

#site-module-form .form-group label
{
    cursor: move;
}

.cus-text-number-field
{

}

.selected_product_option_value
{
    border: 1px solid #ff6000 !important;
    background: #ff6000 !important;
}

#cus-form-status-form-btn
{
    color: #fff;
    font-weight: 600;
    background: #582f90;
    border-radius: 10px;
}

#cus-order-update-form-btn
{
    color: #fff;
    font-weight: 600;
    background: #582f90;
    border-radius: 10px;
}

.cus-admin-login
{
    color: #008ECC;
    font-size: 35px;
    font-weight: bold;
    line-height: 35px;
}

/* Chrome, Safari, Edge, Opera */
input.cus-text-number-field::-webkit-outer-spin-button,
input.cus-text-number-field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input.cus-duration-picker
{
    text-align: left;
}

.login-form .form-control.cus-login-form
{
    font-size: 16px;
}

.badge
{
    font-size: 100%;
}

.badge.badge-secondary
{
    font-size: 75%;
    padding-top: 5px;
    padding-bottom: 3px;
}

#cus-add-restaurant-type-form-btn
{
    color: #fff;
    font-weight: 600;
    background: #3f51b5;
    border-radius: 10px;
}

#cus-add-food-category-form-btn
{
    color: #fff;
    font-weight: 600;
    background: #3f51b5;
    border-radius: 10px;
}

#cus-add-cuisine-form-btn
{
    color: #fff;
    font-weight: 600;
    background: #3f51b5;
    border-radius: 10px;
}

#cus-add-rating-form-btn
{
    color: #fff;
    font-weight: 600;
    background: #3f51b5;
    border-radius: 10px;
}

.map-container
{
    height: 300px;
}

#loading-modal .bg-primary
{
    background-color: #2196F3 !important;
}

.form-control[readonly]
{
    background: #ddd;
    padding-left: 5px;
}

.cus-password .cus-password-see-btn
{
    position: absolute !important;
    right: -7px;
    bottom: -3px;
    padding: 0px 15px;
    line-height: 2px;
    height: 40px;
    z-index: 99;
}

.cus-login .cus-password-see-btn
{
    position: absolute !important;
    right: -2px;
    padding: 0px 15px;
    line-height: 2px;
    height: 40px;
    z-index: 99;
}

.dataTables_filter>label>span
{
    font-weight: bold;
}

.dataTables_length>label>span:first-child
{
    font-weight: bold;
}

.daterangepicker.dropdown-menu .calendars .available.off,
.daterangepicker.dropdown-menu .calendars .left .off.disabled
{
    visibility: hidden;
}

.center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.form-control
{
    font-size: 14px;
}

.datatable-footer>div:first-child, .datatable-header>div:first-child
{
    font-weight: bold;
}

.dataTable thead .sorting_asc:nth-child(1):after
{
    display: none;
}

.well
{
    border: 0;
    padding: 20px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.well
{
    min-height: 222px;
    padding: 19px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f1f4f7;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.static-info
{
    margin-bottom: 10px;
}

.static-info.align-reverse .name, .static-info.align-reverse .value
{
    text-align: right;
}

.static-info .name
{
    font-size: 14px;
}

.static-info .value
{
    font-size: 14px;
    font-weight: 600;
}

.cus-order-details-img
{
    width: 35px;
    height: 35px;
}

.cus-discount-banner-img
{
    width: 100%;
    height: 450px;
}

hr
{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.cus-note-txt
{
    color: #000 !important;
    margin-top: 10px;
}

.border-success
{
    border-color: #25b372!important;
}

.bg-success-100
{
    background-color: #d3f0e3!important;
}

.custom-control:last-child
{
    margin-top: 35px;
}

.cus-time-picker .form-control[readonly]
{
    background: #fff;
    padding-left: 5px;
}

#finance_details
{
    width: 100%;
}

.color-picker img
{
    height: 20px;
    display: none;
}

.color-picker .cus-color-picker
{
    width: 100px;
}

.cus-list-vehicles
{
    min-height: 187px;
}

.cus-list-vehicle-models img
{
    height: 156px;
}

#cus-add-stock-form .select2-container
{
    width: 100% !important;
}

#cus-edit-stock-form .select2-container
{
    width: 100% !important;
}

.cus-service-book-field
{
    padding: 10px 5px;
    border: 1px solid #90a4ae !important;
    text-align: center;
    border-radius: 5px;
}

.cus-vehicle-stock-checkbox
{
    width: 22px;
    height: 22px;
}

#cus-discount-form .select2-container
{
    width: 100% !important;
}

.form-control.cus-accessories-amount
{
    height: calc(1.5385em + 0rem + 2px);
    padding: 0;
}

.nav-sidebar .nav-link i
{
    width: 10px;
}

.cus-seperator
{
    margin: 10px 0;
    border-top: 1px solid #DDD;
    width: 100%;
}

#cus-payment-pending-form .select2-container
{
    width: 100% !important;
}

#cus-update-payment-form .select2-container
{
    width: 100% !important;
}

@media (max-width:767px)
{
	#loading-modal
	{
		margin-top: calc(40%);
	}

    .wizard>.steps>ul>li
    {
        width: 33%;
    }


    .cus-login-bg:before
    {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        z-index: -1;
        display: block;
        background-image: url('../images/website/login-bg.png');
        background-size: cover;
        background-position: bottom right;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        -webkit-filter: blur(0.5px);
        -moz-filter: blur(0.5px);
        -o-filter: blur(0.5px);
        -ms-filter: blur(0.5px);
        filter: blur(0.5px);
    }
}