:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}




.navbar {
    /*padding: 15px 10px;
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 40px;*/
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.wrapper {
    width: 100%;
}

#sidebar {
    min-width: 270px;
    max-width: 270px;
    background: #fff;
    color: #333;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    #sidebar.active {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
    }

        #sidebar.active ul.components li {
            font-size: 14px;
        }

            #sidebar.active ul.components li a {
                padding: 10px 0;
            }

                #sidebar.active ul.components li a span {
                    margin-right: 0;
                    display: block;
                    font-size: 24px;
                }

        #sidebar.active .logo {
            padding: 10px 0;
        }

        #sidebar.active .footer {
            display: none;
        }

    #sidebar .logo {
        display: block;
        color: #333;
        font-weight: 900;
        padding: 10px 30px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

@media (prefers-reduced-motion: reduce) {
    #sidebar .logo {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

#sidebar ul.components {
    padding: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    #sidebar ul.components {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

#sidebar ul li {
    font-size: 16px;
}

    #sidebar ul li > ul {
        margin-left: 10px;
    }

        #sidebar ul li > ul li {
            font-size: 14px;
        }

    #sidebar ul li a {
        padding: 10px 30px;
        display: block;
        color: #333;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

        #sidebar ul li a span {
            margin-right: 15px;
        }

@media (max-width: 991.98px) {
    #sidebar ul li a span {
        display: block;
    }
}

#sidebar ul li a:hover {
    color: #44cc00;
}

#sidebar ul li.active > a {
    background: transparent;
    color: #44cc00;
}

@media (max-width: 991.98px) {
    #sidebar {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
        margin-left: -80px !important;
    }

        #sidebar.active {
            margin-left: 0 !important;
        }
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 991.98px) {
    #sidebarCollapse span {
        display: none;
    }
}

.footer {
    padding: 0 30px;
}

@media (max-width: 991.98px) {
    .footer {
        display: none;
    }
}

#content {
    width: 100%;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    min-height: 100vh;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #ddd;
}

.btn.btn-primary {
    background: #3e64ff;
    border-color: #3e64ff;
}

    .btn.btn-primary:hover, .btn.btn-primary:focus {
        background: #3e64ff !important;
        border-color: #3e64ff !important;
    }

#content-header {
    min-height: 100px;
}

.k-chart-tooltip-inverse {
    color: #fff !important;
}

.enc-dialog-content {
    display: block;
    overflow: auto;
}

/*.k-dialog {
    min-width: 800px;
    min-height: 300px;
    overflow: hidden;
    background-color: rgb(202, 202, 202) !important;
}*/

#dashboardDiv .well {
    background-color: #fff;
}

footer div ul li a i {
    color: #2b2b2b !important;
}

    footer .fa, footer .fab, footer .fad, footer .fal, footer .far, footer .fas {
    color: #00aaff !important;
}
    a .fa:hover, a .fab:hover, a .fad:hover, a .fal:hover, a .far:hover, a .fas:hover {
        color: #006699 !important;
    }
#reqs::-webkit-scrollbar {
    background-color: #eaeaea;
}
.k-window-titlebar {
    background: #F3904F; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #43cea2, #185a9d);
    background: linear-gradient(to right, #43cea2, #185a9d);
    color: #fff !important;
}
.k-button:hover:not(.k-primary):not(.k-danger):not(.k-window-action) {
    border-color: #44cc00 !important;
    color: #FFF !important;
    background-color: #536976;
    background-image: none !important;
    background: #536976 !important;
    background: -webkit-linear-gradient(110deg,#287A00 -44%,#7CDB4C 157%) !important;
    background: linear-gradient(110deg,#287A00 -44%,#7CDB4C 157%) !important;
    outline: none !important;
}
.connectedSortable:empty, #divEmail:empty{
    height: 200px;
    width: 100%;
    background-image: linear-gradient(whitesmoke, whitesmoke), linear-gradient(white, white), linear-gradient(whitesmoke, whitesmoke), linear-gradient(white, white), linear-gradient(whitesmoke, whitesmoke), linear-gradient(white, white), linear-gradient(#fff, #fff);
    background-size: 99% 30px, 99% 30px, 99% 30px, 99% 30px, 99% 30px, 99% 30px, 100% 100%;
    background-position: 5px 30px, 5px 60px, 5px 90px, 5px 120px, 5px 150px, 5px 180px, 0 0;
    background-repeat: no-repeat;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
    .connectedSortable:empty:after, #divEmail:empty:after {
        content: "";
        height: 6px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(to left, #92fe9d 0, #00c9ff);
        background-size: 200% 200%;
        animation: lightloading 3s infinite;
    }
    /*.connectedSortable:empty:after {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(to left, #919191 0, #fff );
        background-size: 200% 200%;
        opacity: .2;
        animation: loading 3s infinite;
    }*/

@keyframes lightloading {
    0% {
        background-position: 0 50%;
    }

    100% {
        background-position: -200% 0%;
    }
}

/*.k-card {
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.2) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,0.2) 100%) !important;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,0.2) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ) !important;
}*/

.addGeoBtn {
    border: 1px solid #e1e3e5;
    padding: 5px;
}

/*.k-switch-on .k-switch-container {
    color: #fff !important;
    background-color: #44cc00 !important;
}

.k-switch-off .k-switch-container {
    color: #fff !important;
    background-color: #e50000 !important;
}*/