/* ---------------------------------------------------
    Downloaded Font (from google)
----------------------------------------------------- */

/*@font-face {
    font-family: 'ITC Avant Garde Std Bk';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkObl.eot');
    src: local('ITC Avant Garde Gothic Std Book Oblique'), local('ITCAvantGardeStd-BkObl'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkObl.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkObl.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkObl.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkObl.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtCnObl.eot');
    src: local('ITC Avant Garde Gothic Std Extra Light Condensed Oblique'), local('ITCAvantGardeStd-XLtCnObl'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtCnObl.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtCnObl.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtCnObl.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtCnObl.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Bold Condensed';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BoldCn.eot');
    src: local('ITC Avant Garde Gothic Std Bold Condensed'), local('ITCAvantGardeStd-BoldCn'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BoldCn.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BoldCn.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BoldCn.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BoldCn.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Std Bk';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiObl.eot');
    src: local('ITC Avant Garde Gothic Std Demi Oblique'), local('ITCAvantGardeStd-DemiObl'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiObl.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiObl.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiObl.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiObl.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Std XLt';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtObl.eot');
    src: local('ITC Avant Garde Gothic Std Extra Light Oblique'), local('ITCAvantGardeStd-XLtObl'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtObl.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtObl.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtObl.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtObl.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Std XLt';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLt.eot');
    src: local('ITC Avant Garde Gothic Std Extra Light'), local('ITCAvantGardeStd-XLt'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLt.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLt.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLt.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLt.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Std Md';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BoldObl.eot');
    src: local('ITC Avant Garde Gothic Std Bold Oblique'), local('ITCAvantGardeStd-BoldObl'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BoldObl.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BoldObl.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BoldObl.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BoldObl.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Medium Condensed';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdCn.eot');
    src: local('ITC Avant Garde Gothic Std Medium Condensed'), local('ITCAvantGardeStd-MdCn'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdCn.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdCn.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdCn.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdCn.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Extra Light Condensed';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtCn.eot');
    src: local('ITC Avant Garde Gothic Std Extra Light Condensed'), local('ITCAvantGardeStd-XLtCn'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtCn.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtCn.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtCn.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLtCn.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Demi Condensed';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiCn.eot');
    src: local('ITC Avant Garde Gothic Std Demi Condensed'), local('ITCAvantGardeStd-DemiCn'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiCn.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiCn.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiCn.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiCn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkCnObl.eot');
    src: local('ITC Avant Garde Gothic Std Book Condensed Oblique'), local('ITCAvantGardeStd-BkCnObl'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkCnObl.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkCnObl.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkCnObl.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkCnObl.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Std Md';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Md.eot');
    src: local('ITC Avant Garde Gothic Std Medium'), local('ITCAvantGardeStd-Md'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Md.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Md.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Md.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Md.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Std Bk';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Demi.eot');
    src: local('ITC Avant Garde Gothic Std Demi'), local('ITCAvantGardeStd-Demi'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Demi.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Demi.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Demi.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Demi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Book Condensed';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkCn.eot');
    src: local('ITC Avant Garde Gothic Std Book Condensed'), local('ITCAvantGardeStd-BkCn'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkCn.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkCn.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkCn.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-BkCn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiCnObl.eot');
    src: local('ITC Avant Garde Gothic Std Demi Condensed Oblique'), local('ITCAvantGardeStd-DemiCnObl'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiCnObl.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiCnObl.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiCnObl.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-DemiCnObl.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdCnObl.eot');
    src: local('ITC Avant Garde Gothic Std Medium Condensed Oblique'), local('ITCAvantGardeStd-MdCnObl'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdCnObl.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdCnObl.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdCnObl.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdCnObl.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Std Md';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdObl.eot');
    src: local('ITC Avant Garde Gothic Std Medium Oblique'), local('ITCAvantGardeStd-MdObl'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdObl.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdObl.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdObl.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-MdObl.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'ITC Avant Garde Std Bk';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bk.eot');
    src: local('ITC Avant Garde Gothic Std Book'), local('ITCAvantGardeStd-Bk'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bk.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bk.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bk.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bk.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Std Md';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bold.eot');
    src: local('ITC Avant Garde Gothic Std Bold'), local('ITCAvantGardeStd-Bold'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bold.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bold.woff2') format('woff2'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bold.woff') format('woff'), url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}*/

/* ---------------------------------------------------
    Custom Font 
----------------------------------------------------- */

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Demi';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Demi.ttf') format('truetype');
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Medium';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Md.ttf') format('truetype');
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std Book';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bk.ttf') format('truetype');
}

@font-face {
    font-family: 'ITCAvantGardeStd-Bold';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'ITCAvantGardeStd-XLt';
    src: url('../font/ITCAvantGardeStd/ITCAvantGardeStd-XLt.ttf') format('truetype');
}

.font_demi {
    font-family: 'ITC Avant Garde Gothic Std Demi';
    font-size: 18px;
}

.font_medium {
    font-family: 'ITC Avant Garde Gothic Std Medium';
    font-size: 14px;
}

.font_book {
    font-family: 'ITC Avant Garde Gothic Std Book';
}

/* ---------------------------------------------------
    Custom Input Element
----------------------------------------------------- */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #AAAAAA !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #AAAAAA !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #AAAAAA !important;
}

/*input:focus, textarea:focus {
    outline: none !important;
    border: 1px solid lightgray !important;
    box-shadow: none !important;
    background-color: whitesmoke !important;
}*/

/* Change the white to any color */
/*input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}*/

/* ---------------------------------------------------
    Custom Modal 
----------------------------------------------------- */
.modal-backdrop {
    background-color: #000000 !important;
    opacity: 0.75 !important;
}

.modal {
    color: #5D5D5D;
    font-family: unset;
}

    .modal span {
        font-family: unset;
    }

    .modal .modal-dialog .modal-content .modal-header,
    .modal .modal-dialog .modal-content .modal-body,
    .modal .modal-dialog .modal-content .modal-footer {
        padding-left: 35px;
        padding-right: 35px;
        text-align: left;
    }

    .modal .modal-dialog .modal-content .modal-header {
        padding-top: 1.3rem;
    }

        .modal .modal-dialog .modal-content .modal-header .modal-title,
        .modal .modal-dialog .modal-content .modal-header .modal-title > div {
            font-family: 'ITC Avant Garde Gothic Std Demi' !important;
            font-size: 18px !important;
        }

    .modal .modal-dialog .modal-content .modal-body,
    .modal .modal-dialog .modal-content .modal-body > div {
        font-family: 'ITC Avant Garde Gothic Std Book' !important;
        font-size: 14px !important;
    }

    .modal .modal-dialog .modal-content .modal-footer {
        justify-content: flex-start
    }

/* ---------------------------------------------------
    Custom Checkbox
----------------------------------------------------- */
input [type=checkbox], input[type=checkbox]:checked {
    transform: scale(1.3);
}

    input[type=checkbox]:checked {
        filter: hue-rotate(135deg) brightness(1.7);
    }

/* ---------------------------------------------------
    Custom Theme
----------------------------------------------------- */
.theme_gradient {
    background-image: linear-gradient(to right, #e83b68, #e83b63, #e83b5f, #e83b5a, #e83b55, #e83d52, #e93f4e, #e9414b, #e94548, #ea4944, #ea4c41, #ea503e);
}

.theme_outline_only {
    border: 0.5px solid #E83B68;
    background: none;
    color: #E83B68;
}

/* ---------------------------------------------------
    Custom Theme Button
----------------------------------------------------- */
.theme_gradient_btn,
.theme_outline_only_btn,
.theme_colour_btn {
    font-family: 'ITC Avant Garde Gothic Std Demi';
    font-size: 14px !important;
    border-radius: 5px;
    opacity: 1 !important;
    padding: 6px 12px !important;
    height: 38px !important;
}

    .theme_gradient_btn,
    .theme_gradient_btn:hover {
        border: 0.5px solid #E83B68 !important;
        background: transparent linear-gradient(90deg, var(--unnamed-color-e83b68) 0%, var(--unnamed-color-e83c4f) 53%, var(--unnamed-color-ea503e) 100%) 0% 0% no-repeat padding-box !important;
        background: transparent linear-gradient(90deg, #E83B68 0%, #E83C4F 53%, #EA503E 100%) 0% 0% no-repeat padding-box !important;
        color: #FFFFFF !important;
    }

        .theme_gradient_btn > i {
            font-size: 14px !important;
            color: white !important;
            padding-right: 5px !important;
        }

    .theme_outline_only_btn,
    .theme_outline_only_btn:hover {
        border: 0.5px solid #E83B68 !important;
        background: none !important;
        color: #E83B68 !important;
    }

    .theme_colour_btn,
    .theme_colour_btn:hover {
        background-color: #E83B68 !important;
        color: white !important;
        border: 0.5px solid #E83B68 !important;
    }


/* ---------------------------------------------------
    Hightlight active / inactive status
----------------------------------------------------- */
span.status_active {
    padding: 5px;
    background-color: rgb(4, 174, 55, 0.1);
    color: rgb(4, 174, 55, 1);
}

span.status_inactive {
    padding: 5px;
    background-color: rgb(255, 0, 0, 0.1);
    color: rgb(255, 0, 0, 1);
}

span.status_pending {
    padding: 5px;
    background-color: rgb(255, 200, 0, 0.1);
    color: rgb(255, 200, 0, 1);
}

/* ---------------------------------------------------
    Custom Search Bar
----------------------------------------------------- */

.searchInputGroup {
    width: 350px;
}

    .searchInputGroup .searchButton {
        color: white;
        background-color: #E83B68;
    }


.k-button {
    border: 0.5px solid #E83B68 !important;
    background: none !important;
    color: #E83B68 !important;
}

.k-grid {
    text-align: center;
}

.k-grid-table {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}