/*#region CSS Overide By Ronald Maghilum */
body {
    background-color: #7fc4f0 20%;
    background-image: url(../Content/images/bg-pattern.svg), radial-gradient(farthest-side ellipse at 10% 0, #7dd1ec 20%, #137abb);
    background-image: url(../Content/images/bg-pattern.svg), -webkit-radial-gradient(10% 0, farthest-side ellipse, #7dd1ec 20%, #137abb);
    background-image: url(../Content/images/bg-pattern.svg), -moz-radial-gradient(10% 0, farthest-side ellipse, #7dd1ec 20%, #137abb);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

* {
    font-family: 'Google Sans','Noto Sans Myanmar UI',Roboto,arial,sans-serif;
}

#navigation {
    background: rgba(255, 255, 255, 0.75);
}

#wrapper {
    background: transparent;
    border-left: none;
}

.rm-table-responsive .k-grid-header th.k-header > .k-link {
    font-weight: 700;
    font-size: 10pt;
    text-align: center;
}

.rm-table-responsive .k-grid-content {
    min-height: 30px;
    height: 100% !important;
    overflow-y: hidden !important;
}

/*.rm-table-responsive .k-grid-content tr:not(.k-no-data):hover {
    background-color: #b3ddf8 !important;
}*/

.rm-table-responsive .k-grid-content-locked {
    height: 100% !important;
}

.rm-table-responsive .k-grid-header {
    padding-right: 0px !important;
    margin-right: 0px !important;
}

.rm-table-responsive .k-grid-header-locked + .k-grid-header-wrap {
    border-right: none !important;
}

.panel-body:not(.no-padding) .rm-table-responsive .k-grid-header-wrap {
    border-bottom: 1px solid #dadada;
}

.rm-table-responsive .k-header.k-grid-toolbar.k-grid-top {
    text-align: right;
}

.modal-header {
    padding: 5px 30px;
    background: #f7f9fa;
}

.modal-footer {
    padding: 8px;
}

.k-textbox, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    border-width: 1px !important;
    border-color: #e4e5e7 !important;
    height: 27px !important;
}

    .k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
        height: 1.65em !important;
        line-height: 1.65em !important;
        padding: .177em 0 !important;
        text-indent: .33em !important;
        border: 0 !important;
        margin: 0 !important;
    }

    .k-picker-wrap .k-icon {
        margin-top: 4px !important;
    }

.k-tooltip-validation .k-warning {
    margin-top: 1px !important;
    margin-left: 1px !important;
}

.alert ul {
    padding-left: 20px;
    padding-right: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.alert li {
    margin-left: 3px;
    margin-right: 5px;
    list-style: none;
    text-align: left;
}

    .alert li:before {
        content: "";
        font-family: FontAwesome;
        position: absolute;
        margin-left: -18px;
    }

.alert {
    margin: 4px;
    margin: 0;
    padding: 0;
    box-sizing: content-box;
}

.alert {
    margin-bottom: 20px;
    margin-top: 0;
    color: #675100;
    border-width: 0;
    border-left-width: 5px;
    padding: 8px;
    border-radius: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.k-widget.k-tooltip-validation {
    width: auto !important;
}

.k-numeric-wrap {
    padding-bottom: 1px;
}

    .k-numeric-wrap .k-tooltip-validation {
        margin-left: -6px;
    }

    .k-numeric-wrap .k-input {
        margin-top: 0px !important;
        font-size: 11pt;
        line-height: 10pt;
    }

    .k-numeric-wrap .k-select span {
        background-color: transparent;
        margin-top: 1px;
    }

.k-datepicker.form-control, .k-dropdown.form-control, .k-combobox.form-control {
    border: none !important;
}

.k-calendar .k-nav-fast {
    background-color: transparent !important;
}

    .k-calendar .k-nav-fast:hover {
        background-color: #3498db;
    }

.arrow {
    position: absolute !important;
    right: 8px !important;
    top: 35% !important;
}

.k-pager-wrap .k-icon:not(.k-i-refresh) {
    margin-top: -4px;
}

.k-pager-wrap .k-link::after {
    top: 43% !important;
}

.k-combobox .k-icon {
    margin-top: 4px;
}

.k-multiselect.k-header {
    border-radius: 4px !important;
    border-color: #e4e5e7 !important;
    min-height: 34px;
}

.k-multiselect .k-multiselect-wrap {
    border-radius: 2px !important;
}

.k-multiselect-wrap .k-input {
    height: 28px;
}

.k-multiselect {
    background-color: transparent !important;
}

.k-multiselect-wrap li {
    line-height: 1.9em;
    border-radius: 4px;
    background-color: #3498db;
    border-color: #3498db;
}

    .k-multiselect-wrap li.k-state-hover {
        margin-left: 1px !important;
        padding-left: 5px !important;
        margin-right: 0px !important;
        background-color: #777;
        border-color: #666;
    }

.k-list li.k-state-hover {
    margin-left: 1px !important;
    padding-left: 5px !important;
    margin-right: 0px !important;
}

.k-state-selected, .k-state-selected:hover {
    background-color: rgba(120, 196, 246, 0.49) !important;
}

.k-multiselect .k-loading {
    bottom: 9px;
}

.k-autocomplete, .k-picker-wrap, .k-numeric-wrap, .k-dropdown-wrap, .k-multiselect.k-header {
    background-image: none !important;
}

    .k-autocomplete.k-state-disabled, .k-picker-wrap.k-state-disabled, .k-numeric-wrap.k-state-disabled, .k-dropdown-wrap.k-state-disabled, .k-multiselect.k-header.k-state-disabled {
        background-image: none !important;
        background-color: #eee;
    }

span.k-datepicker, span.k-timepicker, span.k-datetimepicker, span.k-colorpicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown, .k-toolbar .k-split-button {
    background: none;
}
/*#endregion */

.table {
    margin-bottom: 0px;
}

.form-label-required::after {
    content: " *" !important;
    color: #f54c53 !important;
    font-size: 15px;
    line-height: 13px;
    font-weight: 700;
}

.form-label-required-before::before {
    content: "* " !important;
    color: #f54c53 !important;
    font-size: 15px;
    font-weight: 700;
}

/*#region Log-in */

.login-logo {
    width: 45% !important;
    height: auto !important;
}

/*#endregion */


/*#region wizard 1 */

.bootstrapWizard {
    display: flex;
    justify-content: start;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}

    .bootstrapWizard a:active, .bootstrapWizard a:focus, .bootstrapWizard a:hover {
        text-decoration: none;
    }

    .bootstrapWizard li {
        display: inline-block;
        width: 25%;
        text-align: center;
        padding-left: 0;
    }

        .bootstrapWizard li:before {
            border-top: 3px solid #55606E;
            content: "";
            display: block;
            font-size: 0;
            overflow: hidden;
            position: relative;
            top: 11px;
            left: -50%;
            width: 100%;
            z-index: 1;
        }

        .bootstrapWizard li.passed:before, .bootstrapWizard li.active:before {
            border-top: 3px solid #468847;
            content: "";
            display: block;
            font-size: 0;
            overflow: hidden;
            position: relative;
            top: 11px;
            left: -50%;
            width: 100%;
            z-index: 1;
        }

        .bootstrapWizard li.hide-line:before {
            display: none;
        }

        .bootstrapWizard li:first-child:before {
            left: 50%;
            max-width: 50%;
        }

        .bootstrapWizard li:last-child:before {
            max-width: 100%;
            width: 100%;
        }

        .bootstrapWizard li.complete .step {
            background: #0aa66e;
            padding: 1px 6px;
            border: 3px solid #55606E;
        }

        .bootstrapWizard li .step i {
            font-size: 10px;
            font-weight: 400;
            position: relative;
            top: -1.5px;
        }

        .bootstrapWizard li .step {
            background: #B2B5B9;
            color: #B2B5B9;
            display: inline;
            font-size: 15px;
            font-weight: 700;
            padding: 0px 10px;
            border: 0px solid transparent;
            border-radius: 50%;
            line-height: 20px;
            position: absolute;
            text-align: center;
            z-index: 2;
            transition: all .1s linear 0s;
            top: 1px;
            width: 20px;
            height: 20px;
            margin-left: -1px;
        }

        .bootstrapWizard li.passed .step {
            background: #468847;
            color: #468847;
            font-weight: 700;
            padding: 0px 6px;
            font-size: 15px;
            border-radius: 50%;
            border: 0px solid #468847;
        }

        .bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
            background: #f6f6f6;
            color: #468847;
            font-weight: 700;
            padding: 0px 0px;
            font-size: 15px;
            border-radius: 50%;
            border: 3px solid #468847;
            height: 25px;
            width: 25px;
            top: 0px;
        }

            .bootstrapWizard li.active .step.danger, .bootstrapWizard li.active.complete .step.danger {
                border: 3px solid #b94a48;
            }

        .bootstrapWizard li.active .title, .bootstrapWizard li.complete .title {
            color: #2B3D53;
        }

        .bootstrapWizard li .title {
            color: #bfbfbf;
            display: block;
            font-size: 13px;
            line-height: 15px;
            max-width: 100%;
            position: relative;
            table-layout: fixed;
            text-align: center;
            word-wrap: break-word;
            z-index: 104;
            padding: 0px 3px;
            margin-top: 30px;
            margin-left: 19px;
        }

.wizard-actions {
    display: block;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%;
}

    .wizard-actions li {
        display: inline;
    }

/*#endregion */

/*#region wizard 2 */

.fuelux .wizard {
    position: relative;
    overflow: hidden;
    background-color: #f9f9f9;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}

    .fuelux .wizard:after, .fuelux .wizard:before {
        display: table;
        line-height: 0;
        content: "";
    }

    .fuelux .wizard:after {
        clear: both;
    }

    .fuelux .wizard ul {
        width: 4000px;
        padding: 0;
        margin: 0;
        list-style: none outside none;
    }

        .fuelux .wizard ul.previous-disabled li.complete {
            cursor: default;
        }

            .fuelux .wizard ul.previous-disabled li.complete:hover {
                color: #356e35;
                cursor: default;
                background: #f3f4f5;
            }

                .fuelux .wizard ul.previous-disabled li.complete:hover .chevron:before {
                    border-left-color: #f3f4f5;
                }

        .fuelux .wizard ul li {
            position: relative;
            float: left;
            height: 46px;
            padding: 0 20px 0 30px;
            margin: 0;
            font-size: 16px;
            line-height: 46px;
            color: #999;
            cursor: default;
            background: #ededed;
        }

            .fuelux .wizard ul li .chevron {
                position: absolute;
                top: 0;
                right: -14px;
                z-index: 1;
                display: block;
                border: 24px solid transparent;
                border-right: 0;
                border-left: 14px solid #d4d4d4;
            }

                .fuelux .wizard ul li .chevron:before {
                    position: absolute;
                    top: -24px;
                    right: 1px;
                    display: block;
                    border: 24px solid transparent;
                    border-right: 0;
                    border-left: 14px solid #ededed;
                    content: "";
                }

            .fuelux .wizard ul li.complete {
                color: #468847;
                background: #f3f4f5;
            }

                .fuelux .wizard ul li.complete:hover {
                    cursor: pointer;
                    background: #e7eff8;
                }

                    .fuelux .wizard ul li.complete:hover .chevron:before {
                        border-left: 14px solid #e7eff8;
                    }

                .fuelux .wizard ul li.complete .chevron:before {
                    border-left: 14px solid #f3f4f5;
                }

            .fuelux .wizard ul li.active {
                color: #3a87ad;
                background: #f1f6fc;
            }

                .fuelux .wizard ul li.active .chevron:before {
                    border-left: 14px solid #f1f6fc;
                }

            .fuelux .wizard ul li .badge {
                margin-right: 8px;
            }

            .fuelux .wizard ul li:first-child {
                padding-left: 20px;
                border-radius: 4px 0 0 4px;
            }

    .fuelux .wizard .actions {
        position: absolute;
        right: 0;
        z-index: 2;
        float: right;
        padding-right: 15px;
        padding-left: 15px;
        line-height: 46px;
        vertical-align: middle;
        background-color: #eee;
        border-left: 1px solid #d4d4d4;
    }

        .fuelux .wizard .actions a {
            margin-right: 8px;
            font-size: 12px;
            line-height: 45px;
        }

        .fuelux .wizard .actions .btn-prev i {
            margin-right: 5px;
        }

        .fuelux .wizard .actions .btn-next i {
            margin-left: 5px;
        }

.fuelux .step-content .step-pane {
    display: none;
}

.fuelux .step-content .active {
    display: block;
}

    .fuelux .step-content .active .btn-group .active {
        display: inline-block;
    }

/*#endregion */

.item-employee {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 4px;
    border: 1px solid #fff;
    border-radius: 4px;
}

    .item-employee:hover {
        background: #efefef !important;
        border: 1px solid #5bb4f5;
        box-sizing: border-box;
    }

.employee-profile-image {
    width: 76px;
    height: 76px;
    border: 1px solid silver;
}

.input-group .form-control {
    height: 34px;
}

.form-control {
    font-size: 11pt;
}

div.form-control {
    background: rgba(255, 255, 255, 0.50);
}

/*::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

::-webkit-scrollbar-track {
    border-radius: 0 !important;
}*/

/*::-webkit-scrollbar:hover {
    max-width: 20px;
    transition: width 0.15s ease-out;
    height: 20px;
}

::-webkit-scrollbar-thumb:hover {
    max-width: 20px;
    transition: width 0.15s ease-out;
    height: 20px;
}

::-webkit-scrollbar-track:hover {
    max-width: 20px;
    transition: width 0.15s ease-out;
    height: 20px;
}*/

.bootbox .modal-header {
    padding: 15px;
}

    .bootbox .modal-header .bootbox-close-button {
        margin-top: 0px !important;
    }

    .bootbox .modal-header .modal-title {
        color: #000;
        font-weight: 400;
        font-size: 18px;
    }

.sweet-alert .la-ball-fall {
    top: 68% !important;
}

.sweet-alert {
    /*z-index: 1000000;*/
    z-index: 9999999;
}

    .sweet-alert .sa-icon {
        margin-bottom: 30px;
        background: transparent !important;
    }

    .sweet-alert .sa-icon.sa-success::before, 
    .sweet-alert .sa-icon.sa-success::after,
    .sweet-alert .sa-icon.sa-success .sa-fix {
        background: transparent !important;
    }

.content {
    padding-bottom: 170px;
}

#wrapper {
    margin: 0 0 0 250px !important;
}

/*#menu {
    width: 205px !important;
}

#menu:hover {
    width: 196px !important;
}

.arrow {
    transition: right 0.15s ease-out;
}

#menu:hover .arrow {
    right: 3px !important;
}

#side-menu li a,.profile-picture {
    transition: padding-right 0.5s ease-out;
}

#menu:hover #side-menu li a {
    padding-right: 3px;
}

#menu:hover .profile-picture {
    padding-right: 13px;
}*/

body.page-small #wrapper {
    margin-left: 0 !important;
}

body.hide-sidebar #wrapper {
    margin-left: 0 !important;
}

body.page-small.show-sidebar #wrapper {
    margin-left: 195px !important;
}

#logo {
    width: 259px;
    padding: 0;
    display: flex;
    justify-content: start;
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-track {
    border: 0.5px solid rgba(0,0,0,.065);
    background: #ededed;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(180, 182, 185, 0.67);
}

.btn-circle.btn-lg {
    padding: 13px 16px;
}

.btn.btn-float {
    margin-bottom: -69px;
    float: right;
}

.btn.btn-rotate-hover {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}

/*#region Loading */
.with-loading {
    height: 50px;
    position: relative;
}

    .with-loading .control {
        position: absolute;
        right: 10px;
    }

    .with-loading .la-ball-fall {
        display: none !important;
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
        position: absolute;
        top: 7px;
        right: 3px;
    }

        .with-loading .la-ball-fall > div:nth-child(1) {
            -webkit-animation-delay: -200ms;
            -moz-animation-delay: -200ms;
            -o-animation-delay: -200ms;
            animation-delay: -200ms;
        }

        .with-loading .la-ball-fall > div:nth-child(2) {
            -webkit-animation-delay: -100ms;
            -moz-animation-delay: -100ms;
            -o-animation-delay: -100ms;
            animation-delay: -100ms;
        }

        .with-loading .la-ball-fall > div:nth-child(3) {
            -webkit-animation-delay: 0ms;
            -moz-animation-delay: 0ms;
            -o-animation-delay: 0ms;
            animation-delay: 0ms;
        }

        .with-loading .la-ball-fall > div {
            width: 10px;
            height: 10px;
            margin: 4px;
            border-radius: 100%;
            opacity: 0;
            -webkit-animation: ball-fall 1s ease-in-out infinite;
            -moz-animation: ball-fall 1s ease-in-out infinite;
            -o-animation: ball-fall 1s ease-in-out infinite;
            animation: ball-fall 1s ease-in-out infinite;
        }

        .with-loading .la-ball-fall > div {
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background-color: #8d8f92;
        }

    .with-loading .control.checking .la-ball-fall {
        display: block !important;
    }

/*#endregion */

/*#region theme v2 */
.hpanel {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

    .hpanel .panel-body {
        border: 1px solid rgba(255, 255, 255, 0);
        background: rgba(255, 255, 255, 0.85);
    }

    .hpanel .panel-heading {
        background: rgba(255, 255, 255, 0.90);
    }

.normalheader .hpanel .panel-body, .hpanel .panel-section {
    background: rgba(255, 255, 255, 0.85);
}

.nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    border-bottom: 0px;
}

.nav-tabs > li > a {
    height: 40px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
    background: rgba(255, 255, 255, 0.85);
    color: #3498db;
}

.panel-footer, .panel-section {
    background: rgba(255, 255, 255, 0.9) !important;
}

/*.panel-body.no-padding + .panel-footer {
    background: rgba(255, 255, 255, 0.95) !important;
}*/

.hpanel.panel-collapse > .panel-heading, .hpanel .hbuilt {
    border: none;
    background: rgba(255, 255, 255, 0.95);
}

.hbreadcrumb {
    background: transparent;
}

    .hbreadcrumb > .active {
        color: #7a7a7a;
    }

#header {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: none;
}

.clip-header {
    background: rgba(255, 255, 255, 0.70);
}

.header-link {
    padding: 18px 20.5px 17px 20.5px !important;
}

.header-link, #logo.light-version {
    background: transparent;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

#side-menu {
    background: transparent;
}

.footer {
    background: rgba(255, 255, 255, 0.85);
    border: none;
}

.forum-box .panel-heading {
    background: rgba(255, 255, 255, 0.70);
}

.hpanel.fullscreen {
    background: rgba(255, 255, 255, 0.82);
}

#side-menu li.active {
    background: rgba(255, 255, 255, 0.62);
}

#side-menu li a:hover {
    background: rgba(255, 255, 255, 0.52) !important;
}

#side-menu li.active li.active {
    background: transparent;
}

#side-menu li .nav-second-level li.active a {
    background: rgba(255, 255, 255, 0.4) !important;
}

#side-menu li .nav-third-level li a {
    background: rgba(255, 255, 255, 0.4) !important;
}

#side-menu li .nav-third-level li a:hover {
    background: rgba(255, 255, 255, 1) !important;
}

#side-menu li .nav-third-level li.active a {
    background: rgba(255, 255, 255, 0.8) !important;
}

#side-menu li .nav-third-level li.active a:hover {
    background: rgba(255, 255, 255, 1) !important;
}

.filter-item .panel-body:hover {
    background: rgba(255, 255, 255, 0.75);
}

.dropdown-menu {
    background: rgba(255, 255, 255, 0.95);
}

.bg-light {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

#side-menu li:first-child {
    border-top: none;
}

#side-menu li {
    border-bottom: none;
}

#menu {
    background: rgba(255, 255, 255, 0.9) !important;
}

.nicescroll-cursors {
    border: none !important;
}

.table:not(.table-striped) tbody tr:not(.dtr-danger):not(.dtr-success):not(.dtr-warning):not(.dtr-info):hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.table-striped tr, .table-striped tr:hover {
    background: rgba(255, 255, 255, 0.12) !important;
}

.table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr:nth-of-type(odd):hover {
    background: rgba(255, 255, 255, 0.33) !important;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid rgba(184, 184, 184, 0.30);
}

.table-bordered {
    border: 1px solid rgba(184, 184, 184, 0.30);
}

.normalheader.small-header .hpanel {
    box-shadow: none;
}
/*#endregion */
body.hide-sidebar #menu {
    margin-left: -250px;
}

body.page-small #menu {
    margin-left: -250px;
}

.label {
    padding: .2em .6em .2em;
}

@media (min-width: 992px) {
    .pull-right-md {
        float: right;
    }
}

.k-loading-image {
    background-image: url(../Content/images/Spinner-1s-200px.svg);
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.panel-body.no-padding .k-grid.rm-table-responsive, .panel-body.no-padding .k-grid.rm-table-responsive table {
    background: transparent;
    border: none;
}

/*.panel-body.p-0 .k-grid.rm-table-responsive, .panel-body.p-0 .k-grid.rm-table-responsive table {
    background: transparent;
    border: none;
}*/

    .k-grid.rm-table-responsive .k-grid.rm-table-responsive, .k-grid.rm-table-responsive .k-grid.rm-table-responsive table {
        background: rgba(255, 255, 255, 0.30);
    }

    .k-grid.rm-table-responsive .k-grid.rm-table-responsive {
        background: transparent;
        border: none;
    }

.rm-table-responsive.k-widget {
    background-color: transparent !important;
}

.k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell, .k-grouping-row td, td.k-group-cell, .k-resize-handle-inner {
    background: transparent;
}

.rm-table-responsive .k-grid-header {
    border: none;
    background: transparent;
}

.rm-table-responsive .k-grid-content {
    background: rgba(255, 255, 255, 0.2);
}

.rm-table-responsive .k-header.k-grid-toolbar.k-grid-top {
    background: rgba(255, 255, 255, 0.5);
}

.k-grid.rm-table-responsive .k-alt {
    background: rgba(255, 255, 255, 0.18);
}

.k-grid.rm-table-responsive .k-grid-pager {
    background: rgba(255, 255, 255, 0.5);
}

.k-grid.rm-table-responsive .k-hover {
    background: rgba(255, 255, 255, 0.8);
}

.k-grid.rm-table-responsive tbody tr:not(.dtr-danger):not(.dtr-success):not(.dtr-warning):not(.dtr-info):not(.label-success):not(.k-state-selected), 
.k-grid.rm-table-responsive tbody tr:not(.dtr-danger):not(.dtr-success):not(.dtr-warning):not(.dtr-info):not(.label-success):not(.k-state-selected):hover td {
    background: rgba(255, 255, 255, 0.2) !important;
}

.hpanel .panel-body .panel-body {
    background: rgba(255, 255, 255, 0.3);
}

.panel-body .nav-tabs > li.active > a, .panel-body .nav-tabs > li.active > a:hover, .panel-body .nav-tabs > li.active > a:focus {
    background: rgba(255, 255, 255, 0.3);
}

.panel-body .panel {
    background: rgba(255, 255, 255, 0.2); 
}

.panel-default > .panel-heading {
    background: rgba(255, 255, 255, 0.6) !important;
}

.dtr-default, tbody tr.dtr-default:hover {
    background: transparent !important;
}

/*.table thead tr, .table thead tr:hover {
    background: rgba(255, 255, 255, 0.6) !important;
}*/

.panel .table thead tr, .table thead tr:hover {
    background: rgba(255, 255, 255, 0.3) !important;
}

.rm-table-responsive .k-grid-content tbody tr.k-state-selected, .rm-table-responsive .k-grid-content tbody tr.k-state-selected:hover, 
.k-grid.rm-table-responsive tbody .k-state-selected, .k-grid.rm-table-responsive tbody .k-alt.k-state-selected, .rm-table-responsive tbody .k-grid-edit-row,
.k-grid.rm-table-responsive tbody .k-state-selected:hover, .k-grid.rm-table-responsive tbody .k-alt.k-state-selected:hover, .rm-table-responsive tbody .k-grid-edit-row:hover,
.k-grid.rm-table-responsive tbody .k-state-selected:hover td, .k-grid.rm-table-responsive tbody .k-alt.k-state-selected:hover td, .rm-table-responsive tbody .k-grid-edit-row:hover td {
    background-color: rgba(120, 196, 246, 0.69) !important;
    color: #787878 !important;
}

.popover {
    background: transparent;
}

    .popover .popover-content {
        background: rgba(255, 255, 255, 0.6) !important;
    }

    .popover .hpanel .panel-body {
        background: transparent;
    }

        .popover .hpanel .panel-body:hover {
            background: rgba(255, 255, 255, 0.5) !important;
        }

    .popover #divRaw {
        margin-top: -9px;
        margin-bottom: -14px;
    }

    .popover .hpanel, .popover .panel-body {
        box-shadow: none !important;
    }

    .popover .panel-body {
        border: none;
    }

.navbar-nav > li a:hover {
    background: rgba(255, 255, 255, 0.5) !important;
}

/*.table-striped thead tr, .table-striped thead tr:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}*/

/*.sweet-alert .sa-button-container {
    text-align: right;
}*/

.modal-header, .modal-footer {
    background: rgba(247, 249, 250, 0.18);
}

.dtr-legend {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-top: 10px;
    border: 1px solid #808080;
}

.dtr-legend-label {
    display: inline-block;
    line-height: 5pt;
    position: relative;
    top: -2px;
    margin-top: -1px;
}

.dtr-legend-item {
    display: inline-block;
}

.dtr-danger, tbody tr.dtr-danger:hover {
    background: rgba(252, 198, 198, 0.30) !important;
}

.dtr-success, tbody tr.dtr-success:hover {
    background: rgba(186, 246, 194, 0.30) !important;
}

.dtr-warning, tbody tr.dtr-warning:hover {
    background: rgba(255, 250, 184, 0.30) !important;
}

.dtr-info, tbody tr.dtr-info:hover {
    background: rgba(183, 223, 249, 0.30) !important;
}

.fixed-sidebar #menu {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15), 0 0 3px 0 rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.rm-table-responsive .k-grid-header tr:hover {
    background: transparent !important;
}

.rm-table-responsive .k-grid-header th, .rm-table-responsive .k-grid-header tr:hover th  {
    background: rgba(255, 255, 255, 0.5) !important;
}

.rm-table-responsive tbody tr.label-success, 
.rm-table-responsive tbody tr.label-success:hover {
    background: rgba(98, 203, 49, 0.35) !important;
}

.k-combobox .form-control[disabled], .k-combobox .form-control[readonly], fieldset[disabled] .k-combobox .form-control {
    background: #eee;
}

.radio label::after, .radio label::before, .checkbox label::after, .checkbox label::before {
    outline: none !important;
}

.radio label::after {
    width: 11px;
    height: 11px;
}

.tab-content .panel-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.vertical-timeline-content, .vertical-timeline-icon {
    background: rgba(255, 255, 255, 0.75);
}

.vertical-timeline-content:after {
    border-right-color: rgba(255, 255, 255, 0.75);
}

.k-popup .k-item, .k-list-optionlabel, .k-calendar-container .k-calendar, .k-calendar-container .k-calendar *:not(.k-state-selected) {
    background-color: transparent !important;
}

.sweet-alert:focus, .sweet-alert .btn:focus, .sweet-overlay:focus, .k-pager-wrap .k-link:focus {
    outline: none;
}

/*.nav-tabs {
    position: relative;
    border-bottom: 0px;
    background-color: rgba(255, 255, 255, 0.45);
}*/

.nav-tabs > li {
    margin-bottom: 0px;
}

.k-detail-row .row {
    margin-right: 0;
}

.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.k-pager-input > .k-textbox {
    padding: 2px 5px 5px 5px !important;
}

.k-webkit .k-pager-numbers .k-current-page .k-link:hover, .k-ff .k-pager-numbers .k-current-page .k-link:hover, 
.k-ie11 .k-pager-numbers .k-current-page .k-link:hover, .k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover, 
.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover, .k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover {
    background-color: transparent;
}

.chat-panel .c-head {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.k-button.btn:focus:not(.k-state-disabled):not([disabled]) {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #34495e;
}

.rm-table-responsive tr.k-state-selected td, .rm-table-responsive tr.k-state-selected:hover td {
    background: transparent !important;
}

.fixed-navbar #header {
    z-index: 900;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}