/*
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: calc(100% - 240px);
  height: 100%;
  top: 50px !important;
  left: 240px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}

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

@media only screen and (max-width: 575px) {
    .preloader {
        width: calc(100%);
        left: 0px;
    }
}

@media (max-width: 1199px) {
    .preloader {
        width: calc(100% - 60px);
        left: 60px;
    }
}


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

.topbar .navbar-header {
    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;
    }


.modal-header {
    border-bottom: 0px;
}

.modal-footer {
    border-top: 0px;
}

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

.list-group-item.active, .list-group .list-group-item.active:hover {
    background: #26c6da;
    border-color: #26c6da;
}

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

.c3-tooltip {
    display: none!important;
}

/* Transparent White Backgrounds */

.white-transp-20 {
    background: rgba(250,250,250,0.2);
}

/* TransparentBlack Backgrounds */

.black-transp-20 {
    background: rgba(0,0,0,0.2);
}

.form-control:focus {
    border-color: #ced4da !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 4px rgba(38, 198, 218, 0.5) !important;
}