/*
Template Name: Material Pro Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*
Template Name: Material Pro Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/*Theme Colors*/
/*bootstrap Color*/
a {
    color: #26c6da;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:hover {
        color: #00BCD4;
        text-decoration: underline
    }

/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff;
}

    .preloader .cssload-speeding-wheel {
        position: absolute;
        top: calc(50% - 3.5px);
        left: calc(50% - 3.5px);
    }

/*******************
/*Top bar
*******************/
.topbar {
    background: #263238;
}

.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(38, 198, 218, 1);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: #ffffff !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: rgba(255, 255, 255, 0.8) !important;
}

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
  color: #1e88e5 !important;
}

.bg-theme {
  background-color: #1e88e5 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #1e88e5;
  border-color: #1e88e5;
}

.right-sidebar .rpanel-title {
  background: #1e88e5;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #1e88e5;
}

.text-themecolor {
    color: #26c6da !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
    border-bottom: 2px solid #26c6da;
    color: #26c6da;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
    color: #80DEEA;
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #1e88e5;
  color: #ffffff;
  border: 1px solid #1e88e5;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: #1e88e5;
  opacity: 0.7;
  border: 1px solid #1e88e5;
}

.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
  background: #028ee1;
}

/*******************
/*sidebar navigation
*******************/


.left-sidebar {
    color: #ECEFF1;
}

.sidebar-nav {
    background: #263238;
}

    .sidebar-nav ul li a {
        color: #ECEFF1;
        background: rgba(0, 0, 0, 0.2);
    }

        .sidebar-nav ul li a.active {
            color: #26c6da;
            background: rgba(0, 0, 0, 0.5);
        }

        .sidebar-nav ul li a:hover {
            color: #26c6da;
            background: rgba(0, 0, 0, 0.1);
            text-decoration: none;
        }

.sidebar-nav ul li.nav-small-cap {
  color: #99abb4;
}

.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
  color: #26c6da;
}

.sidebar-nav > ul > li > a i {
  color: #99abb4;
}

.sidebar-nav > ul > li > a.active {
  font-weight: 400;
  background: #ffffff;
  color: #1e88e5;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
  color: #ffffff;
  background: #26c6da !important;
}

.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {
  color: #ffffff;
}

.sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after {
  border-color: #ffffff;
}

    .sidebar-nav > ul > li > ul > li {
        margin-bottom: 5px;
    }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid rgba(0,0,0,.15);
    -webkit-text-fill-color: #495057;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.input-group-addon {
    color: #67757c;
    background-color: #fff;
    padding: 6px 10px 2px 10px;
}

.addon-retail {
    border-bottom: 1px solid rgba(0,0,0,.15);
    border-right: 1px solid rgba(0,0,0,.15);
    border-top: 1px solid rgba(0,0,0,.15);
}

.addon-form-retail {
    border-bottom: 1px solid rgba(0,0,0,.15);
    border-left: 1px solid rgba(0,0,0,.15);
    border-top: 1px solid rgba(0,0,0,.15);
    border-right: 0px;
}

.cms-lang-bar {
    background-color: white;
    border: 0px;
    color: #00BCD4;
}

/* SCROLLBAR */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #ECEFF1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    /*background-image: linear-gradient(-131deg, rgb(128,222,234) 0%, rgb(38,50,56) 100%);*/
    background: #78909C;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        /*background-image: linear-gradient(-131deg, rgb(0,172,193) 0%, rgb(38,50,56) 100%);*/
        background: #455A64;
    }

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #26c6da;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2326c6da' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);
}

    .form-control.is-valid:focus, .was-validated :valid.form-control {
        border-color: #26c6da !important;
        background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2326c6da' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);
        box-shadow: inherit !important;
    }

/*******************
Cards
******************/

.card-holder {
    /*top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);*/
    box-sizing: border-box;
    overflow: hidden;
}

    .card-holder:before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.02) !important;
        transition: 0.2s;
        pointer-events: none;
    }

    .card-holder:hover:before {
        left: -50%;
        transform: skewX(-10deg);
    }

.card-link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.card-holder-indigo {
    border-color: #7986CB !important;
    -webkit-box-shadow: 0px 5px 20px rgba(40,53,147,0.05) !important;
    box-shadow: 0px 5px 20px rgba(40,53,147,0.05) !important;
}

.card-holder-red {
    border-color: #e57373 !important;
    -webkit-box-shadow: 0px 5px 20px rgba(198,40,40,0.05) !important;
    box-shadow: 0px 5px 20px rgba(198,40,40,0.05) !important;
}

.card-holder-teal {
    border-color: #4DB6AC !important;
    -webkit-box-shadow: 0px 5px 20px rgba(77,182,172,0.05) !important;
    box-shadow: 0px 5px 20px rgba(77,182,172,0.05) !important;
}

.card-holder-amber {
    border-color: #FFD54F !important;
    -webkit-box-shadow: 0px 5px 20px rgba(255,213,79,0.05) !important;
    box-shadow: 0px 5px 20px rgba(255,213,79,0.05) !important;
}

.card-holder-cyan {
    border-color: #4DD0E1 !important;
    -webkit-box-shadow: 0px 5px 20px rgba(77,208,225,0.05) !important;
    box-shadow: 0px 5px 20px rgba(77,208,225,0.05) !important;
}

.card-holder-orange {
    border-color: #FFB74D !important;
    -webkit-box-shadow: 0px 5px 20px rgba(255,183,77,0.05) !important;
    box-shadow: 0px 5px 20px rgba(255,183,77,0.05) !important;
}

.card-holder-dark-green {
    border-color: rgb(0,90,90) !important;
}

.card-holder-deep-purple {
    border-color: #9575CD !important;
    -webkit-box-shadow: 0px 5px 20px rgba(149,117,205,0.05) !important;
    box-shadow: 0px 5px 20px rgba(149,117,205,0.05) !important;
}

.card-holder-green {
    border-color: #81C784 !important;
    -webkit-box-shadow: 0px 5px 20px rgba(129,199,132,0.05) !important;
    box-shadow: 0px 5px 20px rgba(129,199,132,0.05) !important;
}

.card-holder-pink {
    border-color: #F06292 !important;
    -webkit-box-shadow: 0px 5px 20px rgba(240,98,146,0.05) !important;
    box-shadow: 0px 5px 20px rgba(240,98,146,0.05) !important;
}

.card-holder-purple {
    border-color: #BA68C8 !important;
    -webkit-box-shadow: 0px 5px 20px rgba(186,104,200,0.05) !important;
    box-shadow: 0px 5px 20px rgba(186,104,200,0.05) !important;
}


.card-holder-text-indigo {
    color: #7986CB;
}

.card-holder-text-red {
    color: #e57373;
}

.card-holder-text-teal {
    color: #4DB6AC;
}

.card-holder-text-amber {
    color: #FFD54F;
}

.card-holder-text-cyan {
    color: #4DD0E1;
}

.card-holder-text-orange {
    color: #FFB74D;
}

.card-holder-text-dark-green {
    color: rgb(0,90,90); 
}

.card-holder-text-deep-purple {
    color: #9575CD;
}

.card-holder-text-green {
    color: #81C784;
}

.card-holder-text-pink {
    color: #F06292;
}

.card-holder-text-purple {
    color: #BA68C8;
}

.topbar ul.dropdown-user {
    padding: 0px;
    width: 270px;
}

    .topbar ul.dropdown-user li {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .topbar ul.dropdown-user li.divider {
            height: 1px;
            margin: 0;
            overflow: hidden;
            background-color: rgba(120, 130, 140, 0.13);
        }

        .topbar ul.dropdown-user li .dw-user-box {
            padding: 5px 5px;
        }

            .topbar ul.dropdown-user li .dw-user-box .u-img {
                width: 50px;
                height: 50px;
                display: inline-block;
                vertical-align: top;
            }

                .topbar ul.dropdown-user li .dw-user-box .u-img img {
                    width: 100%;
                    height: 100%;
                    border-radius: 5px;
                }

            .topbar ul.dropdown-user li .dw-user-box .u-text {
                display: inline-block;
                padding-left: 10px;
            }

                .topbar ul.dropdown-user li .dw-user-box .u-text h4 {
                    margin: 0px;
                }

                .topbar ul.dropdown-user li .dw-user-box .u-text p {
                    margin-bottom: 2px;
                    font-size: 14px;
                }

                .topbar ul.dropdown-user li .dw-user-box .u-text .btn {
                    color: #ffffff;
                    padding: 5px 10px;
                    display: inline-block;
                }

                    .topbar ul.dropdown-user li .dw-user-box .u-text .btn:hover {
                        background: #e6294b;
                    }

        .topbar ul.dropdown-user li a {
            padding: 9px 15px;
            display: block;
            color: #67757c;
        }

            .topbar ul.dropdown-user li a:hover {
                background: #f2f4f8;
                color: #009efb;
                text-decoration: none;
            }

.border-success {
    border-color: #26c6da !important;
}

.text-default-label {
    border-bottom: 2px solid rgba(38, 198, 218, 1)
}