﻿/*==================Loader==========================*/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader.gif) center no-repeat rgba(255, 255, 255, 0.7);
}

.loader-whitebk {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader.gif) center no-repeat rgba(255, 255, 255, 1.0);
}
/*============================================*/

/*===================== Custom Color Classes=====================*/
.field-required {
    color: red;
    font-size: 10px;
}
/*========================================================*/

/*=====================Mouse Pointers=====================*/
.ban-pointer:hover {
    cursor: not-allowed;
}
/*========================================================*/

/*================Kendo Grid==================*/
/*Row Height*/
/*.k-grid tbody tr {
    height: 90px !important;
}*/

/*Column header text Adjust*/
.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}
/*=======================================================*/

/*===============NO Print===============*/
@media print {
    .no-print {
        display: none;
    }
}
/*======================================*/

/*=========================================*/
.fieldlist {
    margin: 0 0 -1em;
    padding: 0;
}

    .fieldlist li {
        list-style: none;
        padding-bottom: 1em;
    }

/*=========================================*/
.k-radio-label::before {
    width: 16px;
    height: 16px;
}

.k-checkbox-label::before {
    width: 16px;
    height: 16px;
}

/*=========================================*/
.k-tooltip-validation {
    border-color: #ff0000 !important;
    color: #ff0000 !important;
    background-color: #fef2f1 !important;
    margin: .5rem 0 0 !important;
    padding: 2px 8px 2px 8px !important;
    position: static !important;
    border-width: 0 !important;
    font-size: small !important;
}

.k-invalid-msg > .k-icon {
    color: #ff0000 !important;
}
/*=========================================*/

/*===================Colors================*/
.color-orange {
    color: orange !important;
}

.color-green {
    color: green !important;
}

.color-red {
    color: red !important;
}

.color-blue {
    color: blue !important;
}

.color-yellow {
    color: yellow !important;
}

.color-black {
    color: black !important;
}

.color-brown {
    color: brown !important;
}

.color-gold {
    color: gold !important;
}

.color-theme {
    /*color:#4611a7;*/
    color: #8B0000 !important;
}

.t-bold {
    font-weight: 700 !important;
}

.t-bold-1x {
    font-weight: 800 !important;
}

.t-bold-2x {
    font-weight: 900 !important;
}

.t-italic {
    font-style: italic !important;
}

.t-rx-sm {
    font-size: 2vw !important;
}

.t-size-s {
    font-size: small !important;
}

.t-rx-md {
    font-size: 4vw !important;
}

.t-size-m {
    font-size: medium !important;
}

.t-rx-lg {
    font-size: 8vw !important;
}

.t-size-l {
    font-size: xx-large !important;
}
/*=========================================*/

.rating-size-m > .stars > figure {
    font-size: 16px !important;
}

.rating-size-m > .reviews {
    font-size: 16px !important;
}

.rating-size-m > .label {
    font-size: 12px !important;
}

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

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

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

:root {
  --rating-star-color-1: #e23744;
  --rating-star-color-2: #FF7800;
  --rating-star-color-3: #CDD614;
  --rating-star-color-4: #5BA829;
  --rating-star-color-5: #305D02;
}

.rating-bg-color-1 {
    background-color:var(--rating-star-color-1) !important;
}

.rating-bg-color-2 {
    background-color:var(--rating-star-color-2) !important;
}

.rating-bg-color-3 {
    background-color:var(--rating-star-color-3) !important;
}

.rating-bg-color-4 {
    background-color:var(--rating-star-color-4) !important;
}

.rating-bg-color-5 {
    background-color:var(--rating-star-color-5) !important;
}

/*--------------------------------------*/

.rating-txt-color-1 {
    color:var(--rating-star-color-1) !important;
}

.rating-txt-color-2 {
    color:var(--rating-star-color-2) !important;
}

.rating-txt-color-3 {
    color:var(--rating-star-color-3) !important;
}

.rating-txt-color-4 {
    color:var(--rating-star-color-4) !important;
}

.rating-txt-color-5 {
    color:var(--rating-star-color-5) !important;
}

/*--------------------------------------*/

.rating-badge-1 {
    color:var(--rating-star-color-1) !important;
    border: solid 1px var(--rating-star-color-1) !important;
    background-color:rgba(226,55,68,.2) !important;
    border-radius:5px;
    padding: 2px 4px 2px 4px;
}

.rating-badge-2 {
    color:var(--rating-star-color-2) !important;
    border: solid 1px var(--rating-star-color-2) !important;
    background-color: rgba(251,193,4,.2) !important;
    border-radius:5px;
    padding: 2px 4px 2px 4px;
}

.rating-badge-3 {
    color:var(--rating-star-color-3) !important;
    border: solid 1px var(--rating-star-color-3) !important;
    background-color: rgba(126,193,65,.2) !important;
    border-radius:5px;
    padding: 2px 4px 2px 4px;
}

.rating-badge-4 {
    color:var(--rating-star-color-4) !important;
    border: solid 1px var(--rating-star-color-4) !important;
    background-color:rgba(10,163,20,.2) !important;
    border-radius:5px;
    padding: 2px 4px 2px 4px;
}

.rating-badge-5 {
    color:var(--rating-star-color-5) !important;
    border: solid 1px var(--rating-star-color-5) !important;
    background-color:rgba(10,128,15,.2) !important;
    border-radius:5px;
    padding: 2px 4px 2px 4px;
}