/* Minification failed. Returning unminified contents.
(91,25): run-time error CSS1030: Expected identifier, found ';'
(342,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(448,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(453,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(458,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(466,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(470,21): run-time error CSS1039: Token not allowed after unary operator: '-success'
(474,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(481,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(482,35): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(486,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(487,34): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(491,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(492,35): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(599,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
 */
/*override body color Start*/
.swal2-apply {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #308515;
    color: #fff;
    font-size: 1.0625em;
    width: 90%;
    padding: 0.3em;
}
::-webkit-scrollbar {
    width: 9px !important;
    min-height:9px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #5d78ff !important;
}

/*Make Styled File Browser Work Start*/
.custom-file-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 37%;
}
/*Make Styled File Browser Work End*/
body, .kt-footer .kt-footer__copyright, body .kt-widget1 .kt-widget1__item .kt-widget1__info .kt-widget1__title, .swal2-content {
    color: black !important;
    font-weight:400;
}

    body .form-group label {
        font-weight: 600 !important;
    }

.kt-footer, #LayoutClock {
    font-weight: bold !important;
}
/*override body color End*/
/*toastr Styling Start*/
#toast-container .toast-title {
    color: white !important;
}
/*toastr Styling End*/
/*KTfooter styling Start*/
@media only screen and (min-width: 1025px) {
    .kt-wrapper {
        padding-top: 96px !important;
    }

    .kt-subheader {
        top: 46px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        height: 50px !important;
    }

    .kt-header {
        /*z-index: 100;*/
        padding-top: 7px;
        padding-bottom: 7px;
        height: 46px;
    }
}

@media only screen and (min-width: 769px) {
    .kt-footer {
        z-index: 300;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        height: 30px !important;
    }
}

@media only screen and (max-width: 769px) {
    .kt-footer {
        z-index: 300;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        height: 50px !important;
        color: #FDC830; /* fallback for old browsers */
        color: -webkit-linear-gradient(to right, #F37335, #FDC830); /* Chrome 10-25, Safari 5.1-6 */
        color: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        background-color: #1a1a27
    }

    #kt-footer__menu .LogoColor {
        color: #FDC830 !; /* fallback for old browsers */
        color: -webkit-linear-gradient(to right, #F37335, #FDC830); /* Chrome 10-25, Safari 5.1-6 */
        color: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

    #DeveloperCompany {
        color: white;
        text-align: right;
    }

    #OnlineStatusIcon, #OnlineStatus {
        display: none
    }
}
/*KTfooter styling End*/
/*Button Fix Start*/
.btn-outline-brand.btn-success, .btn-outline-brand.btn-info {
    color: white
}
/*Button Fix End*/
/*Disabled Day Start*/
.disabled.day, .off.disabled {
    background-color: #e6e6e6 !important;
    background-image: linear-gradient(0deg, #f3f1f1 0%, #ffffff 51%, #f9f9f9 75%) !important;
    color: #e4e2e2 !important;
    text-decoration: line-through;
}
/*Disabled Day End*/
/*Block UI Background Start*/
/*body .blockUI.blockOverlay {
    background-image: url(@APP.BasePath/Content/images/Backgrounds/Loader.svg);
    opacity: 0.07 !important;
}*/
/* Shine */
body .blockUI.blockOverlay:after, .ApplicationLogoURL::after, .BrandLogo::after {
    content: '';
    /* top: 0; */
    transform: translateX(100%);
    width: 100%;
    height: 100%;
    position: inherit;
    z-index: 2000;
    animation: slide 1s infinite 3s;
    /*CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/*/
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

body .blockUI.blockOverlay {
    overflow: scroll;
    z-index:2000 !important;
}
.blockUI.blockPage {
    z-index: 2000 !important;
}
/* animation */
@keyframes slide {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}
/*Block UI Background End*/

.required {
    border-color: #2196F3 !important;
    color: #000 !important;
    background-color: #f55182 !important;
    padding: 0.01em 2px;
}

.has-success .required {
    border-color: #2196F3 !important;
    color: #000 !important;
    background-color: #6ed1bd !important;
    padding: 0.01em 2px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Prominent Number Start*/
td.ProminentNumber {
    font-size: 1.3rem;
    font-weight: 500;
}
/*Prominent Number End*/
/*Login Action Link WhiteBG Start*/
.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu > a.WhiteBG:hover:after {
    border-bottom: 1px solid #777777;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #777777;
    opacity: 0.3;
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu > .WhiteBG.kt-link {
    color: #777777;
}

    .kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu > .WhiteBG.kt-link:hover {
        color: black;
    }
/*Login Action Link Black End*/
/*Portlet Shadow Start*/
.kt-portlet {
    -moz-box-shadow: 5px 10px 18px #888888;
    -webkit-box-shadow: 5px 10px 18px #888888;
    box-shadow: 5px 10px 18px #888888;
    /*box-shadow: inset 0px 1px 7px #888888;*/
}
/*Portlet Shadow End*/
.input-group .select2-container--default.select2-container--below {
    /*width: 99%;*/
}

.input-group .input-group-prepend.required {
    width: 3px;
}
/*Select2 PlaceHolder Color Start*/
/*Select2 PlaceHolder Color End*/
/*DataTable Text Align Start*/
td.dt-body-right {
    text-align: right;
    font-weight: 400;
}

/*DataTable Text Align End*/
/*Hide Templates Start*/
#PageTemplates {
    display: none
}
/*Hide Templates End*/
/*InputGroupText Start*/
.InputGroupText {
    font-weight: 600;
    font-size: 100%;
    color: royalblue;
}
/*InputGroupText End*/

/*text-transform Start*/
.upper-case {
    text-transform: uppercase;
}

.lower-case {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}
/*text-transform Start*/
/*ellipses Start*/
.ellipses {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.break-word {
    word-wrap: break-word;
    white-space: normal;
}
/*ellipses End*/
/*Standardize Font Start*/
.kt-form .form-control-label, .kt-form label {
    font-weight: 600
}

.kt-form input.form-control, .kt-form textarea.form-control, .select2 .select2-selection__placeholder {
    font-family: sans-serif,Arial;
    font-size: 13px;
    font-weight: 400;
}

     .kt-form textarea.form-control::placeholder, .kt-form input.form-control::placeholder, .bs-placeholder .filter-option-inner-inner, .select2-container--default .select2-selection--multiple .select2-selection__placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder, .ui.search > .results .result .description, .select2-selection__rendered, .select2-selection__choice {
         color: #666666 !important;
    }
/*Standardize Font End*/
/*Menu Item Selecttion Start*/
.kt-menu__item--active .kt-menu__link-text {
    color: black !important;
}

.kt-menu__item--active i > span {
    background-color: black !important;
}

.kt-aside-menu.kt-aside-menu--skin-dark .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu.kt-aside-menu--skin-dark .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link.kt-menu__item--active .kt-menu__link-icon {
    color: black !important;
}

#kt_header .kt-menu__item--active {
    background: linear-gradient(270deg, #ffffff, #e5f7f2) !important;
    background-size: 400% 400%;
    animation: GradientSuccess 1s ease infinite;
}

@media only screen and (min-width: 1025px) {
    #kt_header .kt-menu__submenu {
        max-height: 700px;
        overflow-y: auto;
    }
}

.kt-menu__item--active {
    background: linear-gradient(270deg, #f2f3f8, #2c2e3e) !important;
    background-size: 400% 400%;
    animation: GradientSuccess 1s ease infinite;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading.kt-menu__item--active .kt-menu__link-icon svg g [fill],
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link.kt-menu__item--active .kt-menu__link-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #5d78ffcf;
}
/*Menu Item Selecttion End*/
/*Select2 style fixing Start*/
.input-group .select2-selection.select2-selection--single {
    height: 32px !important
}
/*Select2 style fixing End*/
/*Select2 ReadOnly Start*/
select[readonly].select2-hidden-accessible ~ .select2-container {
    pointer-events: none;
    touch-action: none;
}

    select[readonly].select2-hidden-accessible ~ .select2-container .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    select[readonly].select2-hidden-accessible ~ .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible ~ .select2-container .select2-selection__clear {
        display: none;
    }


/*Select2 ReadOnly End*/
/*Select2 sm small styling Start*/
[data-select2-id$="-Other"]:not(.select2-results__option--highlighted) {
    background-color: var(--cyan) !important;
    color: white !important;
    background: linear-gradient(270deg, #17a2b8, #20c997) !important;
    background-size: 400% 400%;
    animation: GradientSuccess 7s ease infinite;
}

@keyframes GradientSuccess {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

select.kt-select2.form-control-sm ~ .select2.select2-container .select2-selection.select2-selection--single, select.mg-select2.form-control-sm ~ .select2.select2-container .select2-selection.select2-selection--single {
    height: 30.7px
}

select.kt-select2.form-control-sm ~ .select2.select2-container .select2-selection__rendered, select.mg-select2.form-control-sm ~ .select2.select2-container .select2-selection__rendered {
    padding: 7px;
    width: 95%
}

.input-group-prepend .select2-selection {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    margin-right: 0.9px;
}

.input-group-append .select2-selection, .input-group-prepend.required + .input-group-prepend .select2-selection {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

/*Select2 sm small styling End*/
/*Focus HighLight Start*/
label.kt-radio {
    border: 0.5px solid white;
    border-radius: 10px;
    padding-right: 7px;
}

    label.kt-checkbox:focus-within, label.kt-radio:focus-within {
        border: 0.5px solid;
        border-radius: 7px;
        animation: circularDottedFocus 700ms infinite,ColorFocusOnLight 700ms infinite;
        /* Safari and Chrome */
        padding-left: 23px;
        padding-right: 3px;
        padding-bottom: 2px;
    }

.kt-checkbox > span {
    left: 3px
}

label.kt-checkbox {
    line-height: 22px
}

label.kt-radio {
    border: 0.5px solid white;
    border-radius: 10px;
    padding-right: 7px;
}

input:focus, textarea:focus, select:focus {
    border: 0.5px solid;
    animation: circularDottedFocus 700ms infinite;
    /*-webkit-animation: circularDottedFocus 3s infinite;*/
    color: inherit
    /* Safari and Chrome */
}
/*.kt-form input + .form-control-label { Siblings Not Working
    
    animation: ColorFocusOnLight 700ms infinite;
}*/
a:focus, .select2-results__option--highlighted, /*li.kt-nav__item:focus-within, li.kt-menu__item:focus-within,*/
button.dropdown-toggle:focus-within, .select2-container--focus .select2-selection {
    /*border: 0.5px solid;
    animation: circularDottedFocus 700ms infinite,ColorFocusOnLight 700ms infinite;*/
    /*-webkit-animation: circularDottedFocus 3s infinite;*/
    /*color: inherit*/
    /* Safari and Chrome */
}

input.btn:focus-within, button:focus-within {
    border: 0.5px solid;
    color: white;
    animation: circularDottedFocus 700ms infinite,ColorFocusOnDark 700ms infinite;
    /*-webkit-animation: circularDottedFocus 3s infinite;*/
    /* Safari and Chrome */
}



@keyframes ColorFocusOnLight /* Chrome And Saffari */
{
    0% {
        color: var(--primary);
        /*text-shadow: var(--secondary) 1px 0 10px;*/
    }

    50% {
        color: var(--secondary);
        /*text-shadow: var(--primary) 1px 0 10px;*/
    }

    100% {
        color: var(--primary);
        /*text-shadow: var(--secondary) 1px 0 10px;*/
    }
}

@keyframes ColorFocusOnDark /* Chrome And Saffari */
{
    0% {
        color: var(--light);
    }

    50% {
        color: var(--success);
    }

    100% {
        color: var(--light);
    }
}

@keyframes circularDottedFocus /* Chrome And Saffari */
{
    0% {
        border-color: var(--primary);
        box-shadow: 0 0 -5px var(--blue);
    }

    50% {
        border-color: var(--blue);
        box-shadow: 0 0 5px var(--blue);
    }

    100% {
        border-color: var(--primary);
        box-shadow: 0 0 -5px var(--blue);
    }
}
/*Focus HighLight End*/
/*Give Secondary Color To Disabled Fields Start*/
.form-control[readonly] {
    background-color: #e9ecef;
}
/*Give Secondary Color To Disabled Fields End*/
/*Installing Application Start*/

.installed {
    -webkit-animation: fadein 3s forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3s forwards; /* Firefox < 16 */
    -ms-animation: fadein 3s forwards; /* Internet Explorer */
    -o-animation: fadein 3s forwards; /* Opera < 12.1 */
    animation: fadein 3s forwards;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
/*@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}*/

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*Installing Application End*/
/*media Queries for Modal Start*/
.modal-lg {
    max-width: 90%;
}

.modal-body {
    overflow: auto
}
/*media Queries for Modal End*/



.bootbox-close-button, .bootbox-close-button {
    /*color: white !important;*/
    padding-top: 0px !important;
}

.modal .modal-content .modal-header .close:before {
    color: white;
}
/*portlet Header Style End*/
/*Fix nav Sticky Right Start*/
.kt-nav-sticky > .kt-nav-sticky__item > a {
    cursor: pointer;
}
/*Fix nav Sticky Right end*/
/*Bootstrap Dropdown Fixes Start*/
.dropdown-menu a.dropdown-item {
    cursor: pointer;
}

    .dropdown-menu a.dropdown-item.active:hover {
        cursor: pointer;
        color: var(--secondary);
    }
/*Bootstrap Dropdown Fixes End*/
/*On Menu Active Start*/
.kt-aside-menu.kt-aside-menu--skin-dark .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--expanded):not(.kt-menu__item--active):active {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.kt-aside-menu.kt-aside-menu--skin-dark .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--expanded):not(.kt-menu__item--active):active {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #292b3a;
}

.kt-aside-menu.kt-aside-menu--skin-dark .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--expanded):not(.kt-menu__item--active):focus-within {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #292b3a;
}

.kt-aside-menu.kt-aside-menu--skin-dark .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--expanded):not(.kt-menu__item--active):focus-within {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #21222d;
}
/*On Menu Active End*/
/*Bootbox close button Fix for Bootstrap 4 Start*/
.modal-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 500;
    font-family: Roboto;
    margin: 0;
    padding: 0;
}

.bootbox .modal-header {
    display: block;
}
/*Bootbox close button Fix for Bootstrap 4 End*/
/*DataTable Styling Start*/
.dataTables_wrapper .dataTable td {
    color: black ;
    font-weight: 400;
}

.dataTables_wrapper .dataTable th {
    color: black;
    font-weight: 600;
}

.kt-portlet__body .dataTables_wrapper {
    margin: 10px;
}

.DataTableFormGroup .form-group {
    padding-top: unset;
    padding-bottom: unset;
}

.dataTables_scrollHead {
    border-bottom: 1px solid !important
}

div.dataTables_length .bootstrap-select {
    width: 70px
}

/*table.dataTable thead {
    background-color: var(--secondary)
}*/
/*DataTable Styling End*/
/*Border Fix select picker Start*/
.bootstrap-select.kt-input--pill > .dropdown-toggle {
    border-radius: 0.50rem !important
}

.bootstrap-select.form-control-sm .btn.dropdown-toggle {
    line-height: 2.0
}

/*Border Fix select picker End*/
/*Border rounded fix start*/

/*Border rounded fix end*/
/*<Required Fields Start>*/
.required > .input-group-text {
    background-color: #f55182 !important;
    border-color: #f55182 !important;
    padding: 2.3px !important;
    height: auto !important;
}

.has-success .required > .input-group-text {
    background-color: #6ed1bd !important;
    border-color: #6ed1bd !important;
    padding: 2.3px !important;
    height: auto !important;
}

.required {
    border-radius: 25px;
    width: 1px;
}

.input-group-required input {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important
}

/*<Required Fields End>*/


/* ===========================================
        SmoothState styling Start
        =========================================== */
.kt-scene .scene-main {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.kt-scene .scene-main--fadein {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.kt-scene.is-exiting .scene-main {
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
}

.kt-scene .scene-nav {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: width;
    animation-name: width;
}

.kt-scene.is-exiting .scene-nav {
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes width {
    0% {
        width: 300px;
    }

    100% {
        width: 50vw;
    }
}

@keyframes width {
    0% {
        width: 300px;
    }

    100% {
        width: 50vw;
    }
}

/* Flash class and keyframe animation */
.flashit {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 5s infinite;
}


/* Cursor no drop for invalid date(bootstrap datepicker) */

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    cursor: no-drop;
}

/* Cursor no drop for invalid date(bootstrap datepicker) */

/* Display non */

.dont-show {
    display: none;
}

/* Display non */


/* Type Head start */

.twitter-typeahead {
    width: 96%
}

.title {
    margin: 20px 0 0 0;
    font-size: 64px;
}

.example {
    padding: 30px 0;
}

.example-name {
    margin: 20px 0;
    font-size: 32px;
}

.demo {
    position: relative;
    *z-index: 1;
    margin: 50px 0;
}

.typeahead, .tt-query, .typeahead {
    background-color: #fff;
}

    .typeahead:focus {
        border: 2px solid #0097cf;
    }

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {
    width: 100%;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 14px;
    line-height: 24px;
}

    .tt-suggestion:hover {
        cursor: pointer;
        /*color: #fff;*/
        background-color: #ebedf2;
    }

    .tt-suggestion.tt-cursor {
        /*color: #fff;*/
        background-color: #ebedf2;
    }

    .tt-suggestion p {
        margin: 0;
    }

.gist {
    font-size: 14px;
}

.custom-templates .empty-message {
    padding: 5px 10px;
    text-align: center;
}

#multiple-datasets .league-name {
    margin: 0 20px 5px 20px;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-menu {
    max-height: 150px;
    overflow-y: auto;
}

#rtl-support .tt-menu {
    text-align: right;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: black;
    font-weight:400;
    line-height:1.2;
}
.form-control {
    color:black;
    
}

 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #666666 !important;
     opacity: 1; /* Firefox */
     /*font-weight: 600;*/
    
}

 /*.form-control {
     border-color: #C0C0C0 !important;
    
}*/

/* Type Head end */


 body, .kt-footer .kt-footer__copyright, body .kt-widget1 .kt-widget1__item .kt-widget1__info .kt-widget1__title, .swal2-content, kt-portlet__body {
     color: black !important;
     font-weight: 400;
    
}

    
     body .form-group label {
         font-weight: 600 !important;
        
    }


 #toast-container .toast-title {
     color: white !important;
    
}


    .dataTables_wrapper .dataTable td {
     color: black;
     font-weight: 400;
    
}



 .dataTables_wrapper .dataTable th {
     color: black;
     font-weight: 600;
    
}

 .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: black !important;
     font-weight:500;
     line-height:1.2;
    
}

.form-control {
    color: black;
    font-weight: 500 !important;
    border: 1px solid #ccc !important;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.08) !important;
}

 /*.select2-container {
     border-color: #C0C0C0 !important;
     border: 1px solid;
    
}*/
.select2-container, .input-group-prepend, .input-group-append {
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.08);
}
.input-group-prepend .select2-container {
    box-shadow:unset;
}
 .input-group-align-items-center .input-group {
     align-items: center !important;
    
}

 .input-group input {
     height:auto !Important;
    
}


 .kt-checkbox > span {
     border-color: #666666 !important;
     border: 1px solid;
    
}
.kt-widget1 .kt-widget1__item .kt-widget1__number {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    color: gray !important;
}
.kt-widget1 .kt-widget1__item .kt-widget1__info .kt-widget1__desc {
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: gray !important;
}

.form-group .invalid-feedback, .form-group .valid-feedback {
    font-weight: 500 !important;
    font-size: 1rem !important;
}

.kt-switch input:empty ~ span:after {
    color: white;
    background-color: #5d78ff;
}
.kt-switch.kt-switch--sm input:empty ~ span:after, .kt-switch.kt-switch--sm input:empty ~ span:before {
    border: 1px solid #5d78ff;
}
.kt-checkbox > input:checked ~ span:after{
    border-color:black;
}

.select2-results__option--highlighted {
    color: #5d78ff !important;
    font-weight: bold !important;
}


.select2-container--default .select2-results__option[aria-selected=true] {
    color: black !important;
    font-weight: bold !important;
}


.select2-selection--multiple .select2-selection__rendered {
    margin-left: 0px !important;
    padding-left: 13px !important;
}

.select2-selection--multiple .select2-selection__rendered li input{
    padding-left: 5px !important;
}
/*input.form-control {
    min-height:34px;
}*/

.select2-search__field::-webkit-input-placeholder,
.select2-search__field::placeholder {
    color: #666666 !important;
    opacity:1 !important;
}

/*.select2-selection {
    height: calc(1.5em + 1.3rem + 2px) !important;
    padding: 0.40rem 0.2rem !important;
}*/

.select2-selection.select2-selection--single, .select2-selection.select2-selection--multiple {
    border: 1px solid #ccc !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
    
    margin:0 !important;
}
#mainloginform #LocationIdDiv .select2-container, 
#mainloginform #LocationIdDiv .select2-selection, 
#mainloginform #LocationIdDiv .select2-selection__rendered {
    height:38px !important;
}

#mainloginform #LocationIdDiv .select2-selection__rendered {
    line-height: 1.8 !important;
}


.custom-file-label {
    line-height:1.0 !important;
    height:32px !important;
}
    .custom-file-label::after {
        line-height: 1.0 !important;
        height: 32px !important;
    }

.display-inline-flex {
    display: inline-flex;
}

.swal2-content {
    overflow-y:scroll;
    max-height:300px;
    overflow-x:hidden;
}