/*
Template Name: Admin Pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/**
 * Table Of Content
 *
 *  1. Globals
 *  2. Headers
 *  3. Navigations
 *  4. Banners
 *  5. Footers
 *  6. app
 *  7. Widgets
 *  8. Custom Templates
 */
/*
Template Name: Admin Pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*
Template Name: Admin Pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/**
 * Table Of Content
 * 
 *  1. Globals
 *  2. Headers
 *  3. Navigations
 *  4. Banners
 *  5. Footers
 *  6. Posts
 *  7. Widgets
 *  8. Custom Templates
 */
 @import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
 /******************* 
 Global Styles 
 *******************/
 @import url(../scss/icons/font-awesome-pro/css/all.css);
 @import url(../scss/icons/simple-line-icons/css/simple-line-icons.css);
 @import url(../scss/icons/weather-icons/css/weather-icons.min.css);
 @import url(../scss/icons/iconmind/iconmind.css);
 @import url(../scss/icons/themify-icons/themify-icons.css);
 @import url(../scss/icons/flag-icon-css/flag-icon.min.css);
 @import url(../scss/icons/material-design-iconic-font/css/materialdesignicons.min.css);
 @import url(../css/spinners.css);
 @import url(../css/animate.css);
 * {
   outline: none; }
 
 body {
   background: #fff;
   font-family: "Montserrat", sans-serif;
   margin: 0;
   overflow-x: hidden;
   color: #67757c;
   font-weight: 300;
   font-size: 14px; }
  html.dark-mode body {
    color: #FFF;
  }
 
 html {
   position: relative;
   min-height: 100%;
   background: #ffffff;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
 
 a {
   color: var(--primary); }
 
 a:hover,
 a:focus {
   text-decoration: none; }
 
 a.link {
   color: #455a64; }
   a.link:hover, a.link:focus {
     color: var(--primary); }
 
 .img-responsive {
   width: 100%;
   height: auto;
   display: inline-block; }
 
 .img-rounded {
   border-radius: 4px; }
 
 html body .mdi:before,
 html body .mdi-set {
   line-height: initial; }
 
 /*******************
 Headings
 *******************/
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   color: #455a64;
   font-family: "Montserrat", sans-serif;
   font-weight: 400; }
 
 h1 {
   line-height: 40px;
   font-size: 36px; }
 
 h2 {
   line-height: 36px;
   font-size: 24px; }
 
 h3 {
   line-height: 30px;
   font-size: 21px; }
 
 h4 {
   line-height: 22px;
   font-size: 18px; }
 
 h5 {
   line-height: 18px;
   font-size: 16px;
   font-weight: 400; }
 
 h6 {
   line-height: 16px;
   font-size: 14px;
   font-weight: 400; }
 
 .display-5 {
   font-size: 3rem; }
 
 .display-6 {
   font-size: 36px; }
 
 .box {
   border-radius: 4px;
   padding: 10px; }
 
 html body .dl {
   display: inline-block; }
 
 html body .db {
   display: block; }
 
 .no-wrap td,
 .no-wrap th {
   white-space: nowrap; }
 
 /*******************
 Blockquote
 *******************/
 html body blockquote {
   border-left: 5px solid var(--primary);
   border: 1px solid rgba(120, 130, 140, 0.13);
   padding: 15px; }
 
 .clear {
   clear: both; }
 
 ol li {
   margin: 5px 0; }
 
 /*******************
 Paddings
 *******************/
 html body .p-0 {
   padding: 0px; }
 
 html body .p-10 {
   padding: 10px; }
 
 html body .p-20 {
   padding: 20px; }
 
 html body .p-30 {
   padding: 30px; }
 
 html body .p-l-0 {
   padding-left: 0px; }
 
 html body .p-l-10 {
   padding-left: 10px; }
 
 html body .p-l-20 {
   padding-left: 20px; }
 
 html body .p-r-0 {
   padding-right: 0px; }
 
 html body .p-r-10 {
   padding-right: 10px; }
 
 html body .p-r-20 {
   padding-right: 20px; }
 
 html body .p-r-30 {
   padding-right: 30px; }
 
 html body .p-r-40 {
   padding-right: 40px; }
 
 html body .p-t-0 {
   padding-top: 0px; }
 
 html body .p-t-10 {
   padding-top: 10px; }
 
 html body .p-t-20 {
   padding-top: 20px; }
 
 html body .p-t-30 {
   padding-top: 30px; }
 
 html body .p-b-0 {
   padding-bottom: 0px; }
 
 html body .p-b-5 {
   padding-bottom: 5px; }
 
 html body .p-b-10 {
   padding-bottom: 10px; }
 
 html body .p-b-20 {
   padding-bottom: 20px; }
 
 html body .p-b-30 {
   padding-bottom: 30px; }
 
 html body .p-b-40 {
   padding-bottom: 40px; }
 
 /*******************
 Margin
 *******************/
 html body .m-0 {
   margin: 0px; }
 
 html body .m-l-5 {
   margin-left: 5px; }
 
 html body .m-l-10 {
   margin-left: 10px; }
 
 html body .m-l-15 {
   margin-left: 15px; }
 
 html body .m-l-20 {
   margin-left: 20px; }
 
 html body .m-l-30 {
   margin-left: 30px; }
 
 html body .m-l-40 {
   margin-left: 40px; }
 
 html body .m-r-5 {
   margin-right: 5px; }
 
 html body .m-r-10 {
   margin-right: 10px; }
 
 html body .m-r-15 {
   margin-right: 15px; }
 
 html body .m-r-20 {
   margin-right: 20px; }
 
 html body .m-r-30 {
   margin-right: 30px; }
 
 html body .m-r-40 {
   margin-right: 40px; }
 
 html body .m-t-0 {
   margin-top: 0px; }
 
 html body .m-t-5 {
   margin-top: 5px; }
 
 html body .m-t-10 {
   margin-top: 10px; }
 
 html body .m-t-15 {
   margin-top: 15px; }
 
 html body .m-t-20 {
   margin-top: 20px; }
 
 html body .m-t-30 {
   margin-top: 30px; }
 
 html body .m-t-40 {
   margin-top: 40px; }
 
 html body .m-b-0 {
   margin-bottom: 0px; }
 
 html body .m-b-5 {
   margin-bottom: 5px; }
 
 html body .m-b-10 {
   margin-bottom: 10px; }
 
 html body .m-b-15 {
   margin-bottom: 15px; }
 
 html body .m-b-20 {
   margin-bottom: 20px; }
 
 html body .m-b-30 {
   margin-bottom: 30px; }
 
 html body .m-b-40 {
   margin-bottom: 40px; }
 
 /*******************
 vertical alignment
 *******************/
 html body .vt {
   vertical-align: top; }
 
 html body .vm {
   vertical-align: middle; }
 
 html body .vb {
   vertical-align: bottom; }
 
 /*******************
 Opacity
 *******************/
 .op-9 {
   opacity: 0.9; }
 .op-8 {
   opacity: 0.8; }
 .op-7 {
   opacity: 0.7; }
 .op-6 {
   opacity: 0.6; }
 .op-5 {
   opacity: 0.5; }
 .op-4 {
   opacity: 0.4; }
 .op-3 {
   opacity: 0.3; }
 .op-2 {
   opacity: 0.2; }
 .op-1 {
   opacity: 0.1; }
 
 /*******************
 font weight
 *******************/
 html body .font-bold {
   font-weight: 700; }
 
 html body .font-normal {
   font-weight: normal; }
 
 html body .font-light {
   font-weight: 300; }
 
 html body .font-medium {
   font-weight: 500; }
 
 html body .font-16 {
   font-size: 16px; }
 
 html body .font-12 {
   font-size: 12px; }
 
 html body .font-14 {
   font-size: 14px; }
 
 html body .font-10 {
   font-size: 10px; }
 
 html body .font-18 {
   font-size: 18px; }
 
 html body .font-20 {
   font-size: 20px; }
 
 /*******************
 Border
 *******************/
 html body .b-0 {
   border: none !important; }
 
 html body .b-r {
   border-right: 1px solid rgba(120, 130, 140, 0.13); }
 
 html body .b-l {
   border-left: 1px solid rgba(120, 130, 140, 0.13); }
 
 html body .b-b {
   border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
 
 html body .b-t {
   border-top: 1px solid rgba(120, 130, 140, 0.13); }
 
 html body .b-all {
   border: 1px solid rgba(120, 130, 140, 0.13) !important; }
 
 /*******************
 Thumb size
 *******************/
 .thumb-sm {
   height: 32px;
   width: 32px; }
 
 .thumb-md {
   height: 48px;
   width: 48px; }
 
 .thumb-lg {
   height: 88px;
   width: 88px; }
 
 .hide {
   display: none; }
 
 .img-circle {
   border-radius: 100%; }
 
 .radius {
   border-radius: 4px; }
 
 /*******************
 Text Colors
 *******************/
 .text-white {
   color: #ffffff !important; }
 
 .text-danger {
   color: #ff5c6c !important; }
 
 .text-muted {
   color: #bcc3d3 !important; }
 
 .text-warning {
   color: #ff9041 !important; }
 
 .text-success {
   color: #24d2b5 !important; }
 
 .text-info {
   color: var(--primary) !important; }
 
 .text-inverse {
   color: #2f3d4a !important; }
 
 html body .text-blue {
   color: #02bec9; }
 
 html body .text-purple {
   color: #7460ee; }
 
 html body .text-primary {
   color: var(--primary) !important; }
 
 html body .text-megna {
   color: #56c0d8; }
 
 html body .text-dark {
   color: #67757c; }
 
 html body .text-themecolor {
   color: var(--primary); }
 
 /*******************
 Background Colors
 *******************/
 .bg-primary {
   background-color: var(--primary) !important; }
 
 .bg-success {
   background-color: #24d2b5 !important; }
 
 .bg-info {
   background-color: var(--primary) !important; }
 
 .bg-warning {
   background-color: #ff9041 !important; }
 
 .bg-danger {
   background-color: #ff5c6c !important; }
 
 html body .bg-megna {
   background-color: #56c0d8; }
 
 html body .bg-theme {
   background-color: var(--primary); }
 
 html body .bg-inverse {
   background-color: #2f3d4a; }
 
 html body .bg-purple {
   background-color: #7460ee; }
 
 html body .bg-light-part {
   background-color: rgba(0, 0, 0, 0.02); }
 
 html body .bg-light-primary {
   background-color: #f1effd; }
 
 html body .bg-light-success {
   background-color: #e8fdeb; }
 
 html body .bg-light-info {
   background-color: #cfecfe; }
 
 html body .bg-light-extra {
   background-color: #ebf3f5; }
 
 html body .bg-light-warning {
   background-color: #fff8ec; }
 
 html body .bg-light-danger {
   background-color: #f9e7eb; }
 
 html body .bg-light-inverse {
   background-color: #f6f6f6; }
 
 html body .bg-light {
   background-color: #e9edf2; }
 
 html body .bg-white {
   background-color: #ffffff; }
 
 /*******************
 Rounds
 *******************/
 .round {
   line-height: 48px;
   color: #ffffff;
   width: 50px;
   height: 50px;
   display: inline-block;
   font-weight: 400;
   text-align: center;
   border-radius: 100%;
   background: var(--primary); }
   .round img {
     border-radius: 100%; }
 
 .round-lg {
   line-height: 65px;
   width: 60px;
   height: 60px;
   font-size: 30px; }
 
 .round.round-info {
   background: var(--primary); }
 
 .round.round-warning {
   background: #ff9041; }
 
 .round.round-danger {
   background: #ff5c6c; }
 
 .round.round-success {
   background: #24d2b5; }
 
 .round.round-primary {
   background: var(--primary); }
 
 /*******************
 Labels
 *******************/
 .label {
   padding: 3px 10px;
   line-height: 13px;
   color: #ffffff;
   font-weight: 400;
   border-radius: 4px;
   font-size: 75%; }
 
 .label-rounded {
   border-radius: 60px; }
 
 .label-custom {
   background-color: #56c0d8; }
 
 .label-success {
   background-color: #24d2b5; }
 
 .label-info {
   background-color: var(--primary); }
 
 .label-warning {
   background-color: #ff9041; }
 
 .label-danger {
   background-color: #ff5c6c; }
 
 .label-megna {
   background-color: #56c0d8; }
 
 .label-primary {
   background-color: var(--primary); }
 
 .label-purple {
   background-color: #7460ee; }
 
 .label-red {
   background-color: #fb3a3a; }
 
 .label-inverse {
   background-color: #2f3d4a; }
 
 .label-default {
   background-color: #e9edf2; }
 
 .label-white {
   background-color: #ffffff; }
 
 .label-light-success {
   background-color: #e8fdeb;
   color: #24d2b5; }
 
 .label-light-info {
   background-color: #cfecfe;
   color: var(--primary); }
 
 .label-light-warning {
   background-color: #fff8ec;
   color: #ff9041; }
 
 .label-light-danger {
   background-color: #f9e7eb;
   color: #ff5c6c; }
 
 .label-light-megna {
   background-color: #e0f2f4;
   color: #56c0d8; }
 
 .label-light-primary {
   background-color: #f1effd;
   color: var(--primary); }
 
 .label-light-inverse {
   background-color: #f6f6f6;
   color: #2f3d4a; }
 
 /*******************
  Badge
 ******************/
 .badge {
   font-weight: 400; }
 
 .badge-xs {
   font-size: 9px; }
 
 .badge-xs,
 .badge-sm {
   -webkit-transform: translate(0, -2px);
   -ms-transform: translate(0, -2px);
   -o-transform: translate(0, -2px);
   transform: translate(0, -2px); }
 
 .badge-success {
   background-color: #24d2b5; }
 
 .badge-info {
   background-color: var(--primary); }
 
 .badge-primary {
   background-color: var(--primary); }
 
 .badge-warning {
   background-color: #ff9041;
   color: #ffffff; }
 
 .badge-danger {
   background-color: #ff5c6c; }
 
 .badge-purple {
   background-color: #7460ee; }
 
 .badge-red {
   background-color: #fb3a3a; }
 
 .badge-inverse {
   background-color: #2f3d4a; }
 
 /*******************
 List-style-none
 ******************/
 ul.list-style-none {
   margin: 0px;
   padding: 0px; }
   ul.list-style-none li {
     list-style: none; }
     ul.list-style-none li a {
       color: #67757c;
       padding: 8px 0px;
       display: block;
       text-decoration: none; }
       ul.list-style-none li a:hover {
         color: var(--primary); }
 
 /*******************
 dropdown-item
 ******************/
 .dropdown-item {
   padding: 8px 1rem;
   color: #67757c; }
 
 /*******************
 Layouts
 ******************/
 .card-no-border .card {
   border: 0px;
   border-radius: 0px;
   box-shadow: none; }
 
 .card-no-border .shadow-none {
   box-shadow: none; }
 
 .card-outline-danger,
 .card-outline-info,
 .card-outline-warning,
 .card-outline-success,
 .card-outline-primary {
   background: #ffffff; }
 
 .card-fullscreen {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 9999;
   overflow: auto; }
 
 /*******************/
 /*single column*/
 /*******************/
 .single-column .left-sidebar {
   display: none; }
 
 .single-column .page-wrapper {
   margin-left: 0px; }
 
 .fix-width {
   width: 100%;
   max-width: 1170px;
   margin: 0 auto; }
 
 .progress {
   height: 4px; }
 
 .progress {
   height: auto; }
 
 .card-group {
   margin-bottom: 30px; }
 
 /*******************
 /*Image Cropper Page
 ******************/
 .docs-buttons .btn,
 .docs-toggles .btn-group,
 .docs-data .input-group {
   margin-bottom: 5px; }
 
 /*******************
 /*Form Typahead Page
 ******************/
 .twitter-typeahead {
   width: 100%; }
 
 .twitter-typeahead .tt-menu {
   width: 100%;
   background: #ffffff;
   border: 1px solid #bcc3d3;
   border-radius: 5px;
   padding: .75rem 0; }
 
 .twitter-typeahead .tt-menu .tt-suggestion {
   padding: .25rem .75rem;
   cursor: pointer; }
 
 .twitter-typeahead .tt-menu .tt-suggestion:hover {
   background-color: var(--primary);
   color: #ffffff; }
 
 .twitter-typeahead .empty-message {
   padding: 5px 10px;
   text-align: center; }
 
 .twitter-typeahead .rtl-typeahead .tt-menu {
   text-align: right; }
 
 .twitter-typeahead .league-name {
   margin: 0 10px 5px;
   padding: 7px 5px 10px;
   border-bottom: 1px solid #bcc3d3; }
 
 .scrollable-dropdown .twitter-typeahead .tt-menu {
   max-height: 80px;
   overflow-y: auto; }
 
 .bootstrap-maxlength {
   margin-top: .5rem; }
 
 .table-responsive > .table-bordered {
   border: 1px solid rgba(120, 130, 140, 0.13); }
 
 /*
 Template Name: Admin Pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*******************
 Main sidebar
 ******************/
 .left-sidebar {
   position: absolute;
   width: 260px;
   height: 100%;
   top: 0px;
   z-index: 20;
   padding-top: 60px;
   background: #fff;
   border-right: 1px solid rgba(120, 130, 140, 0.13);
   transition: .5s ease all;
   }
 
 .fix-sidebar .left-sidebar {
   position: fixed; }
 
 /*******************
 use profile section
 ******************/
 .sidebar-nav .user-profile > a img {
   width: 30px;
   border-radius: 100%;
   margin-right: 10px; }
 
 .sidebar-nav .user-profile > ul {
   padding-left: 40px; }
 
 /*******************
 sidebar navigation
 ******************/
 .scroll-sidebar {
   height: calc(100% - 20px);
   position: relative; }
   .scroll-sidebar .ps-scrollbar-y-rail {
     left: 2px !important; }
 
 .collapse.in {
   display: block; }
 
 .sidebar-nav {
   background: #fff;
   padding: 0; 
   transition: .5s ease all; }
   .sidebar-nav ul {
     margin: 0px;
     padding: 0px; }
     .sidebar-nav ul li {
       list-style: none; }
       .sidebar-nav ul li a {
         color: #8d97ad;
         padding: 6px 7px 6px 15px;
         display: block;
         font-size: 15px;
         font-weight: 400;
         }
         .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
           color: var(--primary); }
           .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
             color: var(--primary); }
         .sidebar-nav ul li a.active {
           font-weight: 500;
           color: #263238; }
       .sidebar-nav ul li ul {
         padding-left: 20px; }
         .sidebar-nav ul li ul li a {
           padding: 7px 7px 7px 10px;
           }
         .sidebar-nav ul li ul ul {
           padding-left: 10px;
           }
       .sidebar-nav ul li.nav-small-cap {
         font-size: 12px;
         margin-bottom: 0px;
         padding: 30px 14px 14px 0px;
         color: #bcc3d3;
         font-weight: 500; }
       .sidebar-nav ul li.nav-devider {
         height: 1px;
         background: rgba(120, 130, 140, 0.13);
         display: block;
         margin: 15px 0; }
   .sidebar-nav > ul > li > a {
     border-left: 3px solid transparent; }
     .sidebar-nav > ul > li > a i {
       width: 30px;
       font-size: 16px;
       display: inline-block;
       vertical-align: middle;
       color: #787f91;
       }
     .sidebar-nav > ul > li > a .label {
       float: right;
       margin-top: 2px; }
     .sidebar-nav > ul > li > a.active {
       font-weight: 400;
       background: #ffffff;
       color: #26c6da;
       border-left: 3px solid var(--primary);
       }
   .sidebar-nav > ul > li {
     margin-bottom: 8px;
     margin-top: 8px; 
     transition: .5s ease all; }
     .sidebar-nav > ul > li.active > a {
       color: var(--primary);
       font-weight: 500; }
       .sidebar-nav > ul > li.active > a i {
         color: var(--primary); }
   .sidebar-nav .waves-effect {
     transition: none;
     -webkit-transition: none;
     -o-transition: none; }
 
 .sidebar-nav .has-arrow {
   position: relative; }
   .sidebar-nav .has-arrow::after {
     position: absolute;
     content: '';
     width: 7px;
     height: 7px;
     border-width: 1px 0 0 1px;
     border-style: solid;
     border-color: #8d97ad;
     right: 20px;
     -webkit-transform: rotate(135deg) translate(0, -50%);
     -ms-transform: rotate(135deg) translate(0, -50%);
     -o-transform: rotate(135deg) translate(0, -50%);
     transform: rotate(135deg) translate(0, -50%);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     -o-transform-origin: top;
     transform-origin: top;
     top: 45%;
     -webkit-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
     transition: all .3s ease-out; }
 
 .sidebar-nav .active > .has-arrow::after,
 .sidebar-nav li > .has-arrow.active::after,
 .sidebar-nav .has-arrow[aria-expanded="true"]::after {
   -webkit-transform: rotate(-135deg) translate(0, -50%);
   -ms-transform: rotate(-135deg) translate(0, -50%);
   -o-transform: rotate(-135deg) translate(0, -50%);
   top: 42%;
   width: 7px;
   transform: rotate(-135deg) translate(0, -50%); }
 
 /****************
 When click on sidebar toggler and also for tablet
 *****************/
 @media (min-width: 768px) {
   .mailbox .message-center {
     max-height: 325px !important;
   }
   .mini-sidebar .sidebar-nav #sidebarnav li {
     position: relative; }
   .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
     position: absolute;
     left: 70px;
     top: 46px;
     width: 220px;
     padding-bottom: 10px;
     z-index: 1001;
     background: #edf0f5;
     display: none;
     padding-left: 1px; }
   .mini-sidebar .user-profile .profile-img {
     width: 45px; }
     .mini-sidebar .user-profile .profile-img .setpos {
       top: -35px; }
   .mini-sidebar.fix-sidebar .left-sidebar {
     position: fixed; }
   .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
     height: auto !important;
     overflow: auto; }
   .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
   .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
     display: block; }
   .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
     display: none; }
   .mini-sidebar .left-sidebar {
     width: 70px; }
   .mini-sidebar .sidebar-nav #sidebarnav .user-profile > a {
     padding: 12px 20px; }
   .mini-sidebar .scroll-sidebar {
     padding-bottom: 0px;
     position: absolute; }
   .mini-sidebar .hide-menu,
   .mini-sidebar .nav-small-cap,
   .mini-sidebar .sidebar-footer,
   .mini-sidebar .user-profile .profile-text,
   .mini-sidebar > .label {
     display: none; }
   .mini-sidebar .nav-devider {
     width: 70px; }
   .mini-sidebar .sidebar-nav {
     background: transparent; }
   .mini-sidebar .sidebar-nav #sidebarnav > li > a {
     padding: 12px 20px;
     width: 68px; }
   .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
     width: 290px;
     background: #edf0f5; }
     .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .hide-menu {
       display: inline; }
     .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .label {
       display: none; } }
 
 @media (max-width: 767px) {
   .mini-sidebar .left-sidebar {
     position: fixed; }
   .mini-sidebar .left-sidebar,
   .mini-sidebar .sidebar-footer {
     left: -260px; }
   .mini-sidebar.show-sidebar .left-sidebar,
   .mini-sidebar.show-sidebar .sidebar-footer {
     left: 0px; } }
 
 /*
 Template Name: Admin pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*
 Template Name: Admin Pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*Theme Colors*/
 /*bootstrap Color*/
 /*Light colors*/
 /*Normal Color*/
 /*Extra Variable*/
 /*============================================================== 
  For all pages 
  ============================================================== */
 #main-wrapper {
   width: 100%;
   overflow: hidden; }
 
 .boxed #main-wrapper {
   width: 100%;
   max-width: 1300px;
   margin: 0 auto;
   box-shadow: 0 0 60px rgba(0, 0, 0, 0.1); }
   .boxed #main-wrapper .sidebar-footer {
     position: absolute; }
   .boxed #main-wrapper .topbar {
     max-width: 1300px; }
   .boxed #main-wrapper .footer {
     display: none; }
 
 .page-wrapper {
   background: #f6f9fa;
   position: relative;
   transition: .5s ease all;
   }
 
 .container-fluid {
   padding: 25px 25px; }
 
 .card {
   margin-bottom: 30px; }
   .card .card-subtitle {
     font-weight: 300;
     margin-bottom: 15px;
     color: #bcc3d3; }
   .card .card-title {
     position: relative;
     font-weight: 500; }
 
 /*******************
  Topbar
 *******************/
 .fix-header .topbar {
   position: fixed;
   width: 100%; }
 
 .fix-header .page-wrapper {
   padding-top: 60px;
   }
 
 .fix-header .right-side-panel {
   top: 70px;
   height: calc(100% - 70px); }
 
 .topbar {
   position: relative;
   z-index: 50; }
   .topbar .navbar-collapse {
     padding: 0px;
     border-bottom: 1px solid rgb(238, 239, 240);
    }
   .topbar .top-navbar {
     min-height: 50px;
     padding: 0px;
     }
     .topbar .top-navbar .dropdown-toggle::after {
       display: none; }
     .topbar .top-navbar .navbar-header {
       line-height: 60px;
       text-align: center;
       border-right: 1px solid rgba(120, 130, 140, 0.13);
       transition: .5s ease all;
       }
       .topbar .top-navbar .navbar-header .navbar-brand {
         margin-right: 0px;
         padding-bottom: 0px;
         padding-top: 0px;
         line-height: 45px;
         }
         .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
           display: none; }
         .topbar .top-navbar .navbar-header .navbar-brand b {
           line-height: 45px;
           display: inline-block;
           }
     .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
       padding-left: 15px;
       padding-right: 15px;
       font-size: 20px;
       line-height: 41px;
       }
     .topbar .top-navbar .navbar-nav > .nav-item > span {
       line-height: 65px;
       font-size: 24px;
       font-weight: 500;
       color: #ffffff;
       padding: 0 10px; }
     .topbar .top-navbar .navbar-nav > .nav-item.show {
       background: rgba(0, 0, 0, 0.05); }
   .topbar .u-pro {
     margin-left: 10px; }
   .topbar .profile-pic {
     white-space: nowrap;
     padding-left: 15px;
     border-left: 1px solid rgba(120, 130, 140, 0.13); }
     .topbar .profile-pic img {
       width: 40px;
       height: 40px;
       object-fit: cover;
       border-radius: 100%; }
     .topbar .profile-pic span {
       font-size: 14px;
       white-space: nowrap; }
   .topbar .dropdown-menu {
     box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
     border-radius: 0;
     border-color: rgba(120, 130, 140, 0.13); }
     .topbar .dropdown-menu .dropdown-item {
       padding: 7px 1.5rem; }
   .topbar ul.dropdown-user {
     padding: 0px;
     min-width: 270px; }
     .topbar ul.dropdown-user li {
       list-style: none;
       padding: 0px;
       margin: 0px; }
       .topbar ul.dropdown-user li.divider {
         height: 1px;
         margin: 9px 0;
         overflow: hidden;
         background-color: rgba(120, 130, 140, 0.13); }
       .topbar ul.dropdown-user li .dw-user-box {
         padding: 10px 15px; }
         .topbar ul.dropdown-user li .dw-user-box .u-img {
           width: 70px;
           display: inline-block;
           vertical-align: top; }
           .topbar ul.dropdown-user li .dw-user-box .u-img img {
             width: 70px;
             height: 70px;
             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;
             font-size: 15px; }
           .topbar ul.dropdown-user li .dw-user-box .u-text p {
             margin-bottom: 2px;
             font-size: 12px; }
           .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: #e9edf2;
           color: var(--primary);
           text-decoration: none; }
 
 .search-box .app-search {
   position: absolute;
   margin: 0px;
   display: block;
   z-index: 110;
   width: 100%;
   top: -1px;
   box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
   display: none;
   left: 0px; }
   .search-box .app-search input {
     width: 100.5%;
     padding: 25px 40px 25px 20px;
     border-radius: 0px;
     font-size: 17px;
     transition: 0.5s ease-in;
     height: 77px; }
     .search-box .app-search input:focus {
       border-color: #ffffff; }
   .search-box .app-search .srh-btn {
     position: absolute;
     top: 23px;
     cursor: pointer;
     background: #ffffff;
     width: 15px;
     height: 15px;
     right: 20px;
     font-size: 14px; }
 
 .mini-sidebar .top-navbar .navbar-header {
   width: 70px;
   max-height: 71px;
   text-align: center;
   flex-shrink: 0;
   padding-left: 0px;
   }
 
 .logo-center .top-navbar .navbar-header {
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto; }
 
 /*******************
 Notify
 *******************/
 .notify {
   position: relative;
   top: -28px;
   right: -7px; }
   .notify .heartbit {
     position: absolute;
     top: -20px;
     right: -4px;
     height: 25px;
     width: 25px;
     z-index: 10;
     border: 5px solid #ff5c6c;
     border-radius: 70px;
     -moz-animation: heartbit 1s ease-out;
     -moz-animation-iteration-count: infinite;
     animation: heartbit 1s ease-out;
     animation-iteration-count: infinite;
     -webkit-animation: heartbit 1s ease-out;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite; }
   .notify .point {
     width: 6px;
     height: 6px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     background-color: #ff5c6c;
     position: absolute;
     right: 6px;
     top: -10px; }
 
 @-moz-keyframes heartbit {
   0% {
     -moz-transform: scale(0);
     opacity: 0.0; }
   25% {
     -moz-transform: scale(0.1);
     opacity: 0.1; }
   50% {
     -moz-transform: scale(0.5);
     opacity: 0.3; }
   75% {
     -moz-transform: scale(0.8);
     opacity: 0.5; }
   100% {
     -moz-transform: scale(1);
     opacity: 0.0; } }
 
 @-webkit-keyframes heartbit {
   0% {
     -webkit-transform: scale(0);
     opacity: 0.0; }
   25% {
     -webkit-transform: scale(0.1);
     opacity: 0.1; }
   50% {
     -webkit-transform: scale(0.5);
     opacity: 0.3; }
   75% {
     -webkit-transform: scale(0.8);
     opacity: 0.5; }
   100% {
     -webkit-transform: scale(1);
     opacity: 0.0; } }
 
 /*******************
  Horizontal-navabar
 *******************/
 .hdr-nav-bar .navbar {
   background: #ffffff;
   border-top: 1px solid rgba(120, 130, 140, 0.13);
   padding: 0 15px; }
   .hdr-nav-bar .navbar .navbar-nav > li {
     padding: 0 10px; }
     .hdr-nav-bar .navbar .navbar-nav > li > a {
       padding: 25px 5px;
       transition: 0.2s ease-in;
       border-bottom: 2px solid transparent; }
     .hdr-nav-bar .navbar .navbar-nav > li.active > a,
     .hdr-nav-bar .navbar .navbar-nav > li:hover > a,
     .hdr-nav-bar .navbar .navbar-nav > li > a:focus {
       border-color: var(--primary); }
   .hdr-nav-bar .navbar .navbar-nav .dropdown-toggle:after {
     display: none; }
   .hdr-nav-bar .navbar .navbar-brand {
     padding: 20px 5px; }
   .hdr-nav-bar .navbar .navbar-toggler {
     border: 0px;
     cursor: pointer; }
   .hdr-nav-bar .navbar .custom-select {
     border-radius: 60px;
     font-size: 14px;
     padding: .375rem 40px .375rem 18px; }
   .hdr-nav-bar .navbar .call-to-act {
     padding: 15px 0; }
 
 /*******************
  Breadcrumb and page title
 *******************/
 .page-titles {
   margin-bottom: 20px;
   padding: 0px; }
   .page-titles h3 {
     margin-bottom: 0px;
     margin-top: 0px; }
   .page-titles .breadcrumb {
     padding: 0px;
     margin-bottom: 0px;
     background: transparent;
     font-size: 12px; }
     .page-titles .breadcrumb li {
       margin-top: 5px;
       margin-bottom: 5px; }
       .page-titles .breadcrumb li a {
         color: #67757c; }
     .page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
       content: "\e649";
       font-family: themify;
       color: #a6b7bf;
       font-size: 11px; }
     .page-titles .breadcrumb .breadcrumb-item.active {
       color: #263238;
       font-weight: 500; }
 
 .p-relative {
   position: relative; }
 
 .lstick {
   width: 2px;
   background: var(--primary);
   height: 30px;
   margin-left: -20px;
   margin-right: 18px;
   display: inline-block;
   vertical-align: middle; }
 
 /*******************
  Right side toggle
 *******************/
 @-webkit-keyframes rotate {
   from {
     -webkit-transform: rotate(0deg); }
   to {
     -webkit-transform: rotate(360deg); } }
 
 @-moz-keyframes rotate {
   from {
     -moz-transform: rotate(0deg); }
   to {
     -moz-transform: rotate(360deg); } }
 
 @keyframes rotate {
   from {
     transform: rotate(0deg); }
   to {
     transform: rotate(360deg); } }
 
 .right-side-toggle {
   position: relative; }
 
 .right-side-toggle i {
   -webkit-transition-property: -webkit-transform;
   -webkit-transition-duration: 1s;
   -moz-transition-property: -moz-transform;
   -moz-transition-duration: 1s;
   transition-property: transform;
   transition-duration: 1s;
   -webkit-animation-name: rotate;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   -moz-animation-name: rotate;
   -moz-animation-duration: 2s;
   -moz-animation-iteration-count: infinite;
   -moz-animation-timing-function: linear;
   animation-name: rotate;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
   position: absolute;
   top: 18px;
   left: 18px; }
 
 .right-sidebar {
   position: fixed;
   right: -240px;
   width: 240px;
   display: none;
   z-index: 1100;
   background: #ffffff;
   top: 0px;
   padding-bottom: 20px;
   height: 100%;
   box-shadow: 5px 1px 20px rgba(0, 0, 0, 0.4);
   transition: all 0.3s ease;
   }
   .right-sidebar .rpanel-title {
     display: block;
     padding: 24px 20px;
     color: #ffffff;
     text-transform: uppercase;
     font-size: 15px;
     background: var(--primary); }
     .right-sidebar .rpanel-title span {
       float: right;
       cursor: pointer;
       font-size: 11px; }
       .right-sidebar .rpanel-title span:hover {
         color: #ffffff; }
   .right-sidebar .r-panel-body {
     padding: 20px; }
     .right-sidebar .r-panel-body ul {
       margin: 0px;
       padding: 0px; }
       .right-sidebar .r-panel-body ul li {
         list-style: none;
         padding: 5px 0; }
 
 .shw-rside {
   right: 0px;
   width: 450px;
   display: block;
   }
 
 .chatonline img {
   margin-right: 10px;
   float: left;
   width: 30px; }
 
 .chatonline li a {
   padding: 13px 0;
   float: left;
   width: 100%; }
   .chatonline li a span {
     color: #67757c; }
     .chatonline li a span small {
       display: block;
       font-size: 10px; }
 
 /*******************
  Right side toggle
 *******************/
 ul#themecolors {
   display: block; }
   ul#themecolors li {
     display: inline-block; }
     ul#themecolors li:first-child {
       display: block; }
     ul#themecolors li a {
       width: 50px;
       height: 50px;
       display: inline-block;
       margin: 5px;
       color: transparent;
       position: relative; }
       ul#themecolors li a.working:before {
         content: "\f00c";
         font-family: 'Font Awesome 5 Pro';
         font-weight: 900;
         font-size: 18px;
         line-height: 50px;
         width: 50px;
         height: 50px;
         position: absolute;
         top: 0;
         left: 0;
         color: #ffffff;
         text-align: center; }
 
 .default-theme {
   background: #bcc3d3; }
 
 .green-theme {
   background: #24d2b5; }
 
 .yellow-theme {
   background: #ff9041; }
 
 .red-theme {
   background: #ff5c6c; }
 
 .blue-theme {
   background: var(--primary); }
 
 .purple-theme {
   background: #7460ee; }
 
 .megna-theme {
   background: #56c0d8; }
 
 .default-dark-theme {
   background: #263238;
   /* Old browsers */
   background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #bcc3d3 23%, #bcc3d3 99%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #bcc3d3 23%, #bcc3d3 99%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #263238 0%, #263238 23%, #bcc3d3 23%, #bcc3d3 99%); }
 
 .green-dark-theme {
   background: #263238;
   /* Old browsers */
   background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #24d2b5 23%, #24d2b5 99%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #00c292 23%, #24d2b5 99%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #263238 0%, #263238 23%, #24d2b5 23%, #24d2b5 99%); }
 
 .yellow-dark-theme {
   background: #263238;
   /* Old browsers */
   background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #ff5c6c 23%, #ff5c6c 99%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #ff5c6c 23%, #ff5c6c 99%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #263238 0%, #263238 23%, #ff5c6c 23%, #ff5c6c 99%); }
 
 .blue-dark-theme {
   background: #263238;
   /* Old browsers */
   background: -moz-linear-gradient(left, #263238 0%, #263238 23%, var(--primary) 23%, var(--primary) 99%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, var(--primary) 23%, var(--primary) 99%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #263238 0%, #263238 23%, var(--primary) 23%, var(--primary) 99%); }
 
 .purple-dark-theme {
   background: #263238;
   /* Old browsers */
   background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%); }
 
 .megna-dark-theme {
   background: #263238;
   /* Old browsers */
   background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #56c0d8 23%, #56c0d8 99%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #56c0d8 23%, #56c0d8 99%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #263238 0%, #263238 23%, #56c0d8 23%, #56c0d8 99%); }
 
 .red-dark-theme {
   background: #263238;
   /* Old browsers */
   background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #ff5c6c 23%, #ff5c6c 99%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #ff5c6c 23%, #ff5c6c 99%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #263238 0%, #263238 23%, #ff5c6c 23%, #ff5c6c 99%); }
 
 /*******************
  Footer
 *******************/
 .footer {
   bottom: 0;
   color: #67757c;
   left: 0px;
   padding: 17px 15px;
   position: absolute;
   right: 0;
   border-top: 1px solid rgba(120, 130, 140, 0.13);
   background: #ffffff; }
 
 /*******************
  scrollbar
 *******************/
 .slimScrollBar {
   z-index: 10 !important; }
 
 /*******************
 Megamenu
 ******************/
 .mega-dropdown {
   position: static;
   width: 100%; }
   .mega-dropdown .dropdown-menu {
     width: 100%;
     padding: 30px;
     margin-top: 0px; }
   .mega-dropdown ul {
     padding: 0px; }
     .mega-dropdown ul li {
       list-style: none; }
   .mega-dropdown .carousel-item .container {
     padding: 0px; }
   .mega-dropdown .nav-accordion .card {
     margin-bottom: 1px; }
   .mega-dropdown .nav-accordion .card-header {
     background: #ffffff; }
     .mega-dropdown .nav-accordion .card-header h5 {
       margin: 0px; }
       .mega-dropdown .nav-accordion .card-header h5 a {
         text-decoration: none;
         color: #67757c; }
 
 /*******************
 Wave Effects
 *******************/
 .waves-effect {
   position: relative;
   cursor: pointer;
   display: inline-block;
   overflow: hidden;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
   vertical-align: middle;
   z-index: 1;
   will-change: opacity, transform;
   -webkit-transition: all 0.1s ease-out;
   -moz-transition: all 0.1s ease-out;
   -o-transition: all 0.1s ease-out;
   -ms-transition: all 0.1s ease-out;
   transition: all 0.1s ease-out; }
   .waves-effect .waves-ripple {
     position: absolute;
     border-radius: 50%;
     width: 20px;
     height: 20px;
     margin-top: -10px;
     margin-left: -10px;
     opacity: 0;
     background: rgba(0, 0, 0, 0.2);
     -webkit-transition: all 0.7s ease-out;
     -moz-transition: all 0.7s ease-out;
     -o-transition: all 0.7s ease-out;
     -ms-transition: all 0.7s ease-out;
     transition: all 0.7s ease-out;
     -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property: -moz-transform, opacity;
     -o-transition-property: -o-transform, opacity;
     transition-property: transform, opacity;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
     pointer-events: none; }
 
 .waves-effect.waves-light .waves-ripple {
   background-color: rgba(255, 255, 255, 0.45); }
 
 .waves-effect.waves-red .waves-ripple {
   background-color: rgba(244, 67, 54, 0.7); }
 
 .waves-effect.waves-yellow .waves-ripple {
   background-color: rgba(255, 235, 59, 0.7); }
 
 .waves-effect.waves-orange .waves-ripple {
   background-color: rgba(255, 152, 0, 0.7); }
 
 .waves-effect.waves-purple .waves-ripple {
   background-color: rgba(156, 39, 176, 0.7); }
 
 .waves-effect.waves-green .waves-ripple {
   background-color: rgba(76, 175, 80, 0.7); }
 
 .waves-effect.waves-teal .waves-ripple {
   background-color: rgba(0, 150, 136, 0.7); }
 
 html body .waves-notransition {
   -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   -ms-transition: none;
   transition: none; }
 
 .waves-circle {
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   text-align: center;
   width: 2.5em;
   height: 2.5em;
   line-height: 2.5em;
   border-radius: 50%;
   -webkit-mask-image: none; }
 
 .waves-input-wrapper {
   border-radius: 0.2em;
   vertical-align: bottom; }
   .waves-input-wrapper .waves-button-input {
     position: relative;
     top: 0;
     left: 0;
     z-index: 1; }
 
 .waves-block {
   display: block; }
 
 /*******************
 List inline
 *******************/
 ul.list-inline li {
   display: inline-block;
   padding: 0 8px; }
 
 /*******************
 Table td vertical middle
 *******************/
 .vm.table td,
 .vm.table th {
   vertical-align: middle; }
 
 .no-th-brd.table th {
   border: 0px; }
 
 .table.no-border tbody td {
   border: 0px; }
 
 /*******************
 Other comon js for all pages
 *******************/
 .calendar-events {
   padding: 8px 10px;
   border: 1px solid #ffffff;
   cursor: move; }
   .calendar-events:hover {
     border: 1px dashed rgba(120, 130, 140, 0.13); }
   .calendar-events i {
     margin-right: 8px; }
 
 .table-responsive {
   display: block;
   width: 100%;
   overflow-x: auto;
   -ms-overflow-style: -ms-autohiding-scrollbar; }
 
 .single-column .left-sidebar {
   display: none; }
 
 .single-column .page-wrapper {
   margin-left: 0px !important; }
 
 .profile-tab li a.nav-link,
 .customtab li a.nav-link {
   border: 0px;
   padding: 15px 20px;
   color: #67757c; }
   .profile-tab li a.nav-link.active,
   .customtab li a.nav-link.active {
     border-bottom: 2px solid var(--primary);
     color: var(--primary); }
   .profile-tab li a.nav-link:hover,
   .customtab li a.nav-link:hover {
     color: var(--primary); }
 
 html body .jqstooltip,
 html body .flotTip {
   width: auto !important;
   height: auto !important;
   background: #263238;
   color: #ffffff;
   padding: 5px 10px; }
 
 body .jqstooltip {
   border-color: transparent;
   border-radius: 60px; }
 
 /*******************
 Notification page Jquery toaster
 ******************/
 .jq-icon-info {
   background-color: var(--primary);
   color: #ffffff; }
 
 .jq-icon-success {
   background-color: #24d2b5;
   color: #ffffff; }
 
 .jq-icon-error {
   background-color: #ff5c6c;
   color: #ffffff; }
 
 .jq-icon-warning {
   background-color: #ff9041;
   color: #ffffff; }
 
 /*******************
 c3 chart global
 ******************/
 .c3 text {
   fill-opacity: 0.5; }
 
 .no-shrink {
   flex-shrink: 0; }
 
 .up-img {
   background-size: cover;
   background-position: center center;
   min-height: 340px; }
 
 /*******************
 form material page
 ******************/
 .form-control-line .form-control {
   box-shadow: none; }
 
 /*
 Template Name: Admin pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*
 Template Name: Admin Pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*Theme Colors*/
 /*bootstrap Color*/
 /*Light colors*/
 /*Normal Color*/
 /*Extra Variable*/
 /*******************
 Pagination
 *******************/
 .pagination > li:first-child > a,
 .pagination > li:first-child > span {
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px; }
 
 .pagination > li:last-child > a,
 .pagination > li:last-child > span {
   border-bottom-right-radius: 4px;
   border-top-right-radius: 4px; }
 
 .pagination > li > a,
 .pagination > li > span {
   color: #263238; }
 
 .pagination > li > a:hover,
 .pagination > li > span:hover,
 .pagination > li > a:focus,
 .pagination > li > span:focus {
   background-color: #e9edf2; }
 
 .pagination-split li {
   margin-left: 5px;
   display: inline-block;
   float: left; }
 
 .pagination-split li:first-child {
   margin-left: 0; }
 
 .pagination-split li a {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px; }
 
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
 .pagination > .active > span:hover,
 .pagination > .active > a:focus,
 .pagination > .active > span:focus {
   background-color: var(--primary);
   border-color: var(--primary); }
 
 .pager li > a,
 .pager li > span {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   color: #263238; }
 
 /*******************
 Pagination
 ******************/
 .pagination-circle li.active a {
   background: #24d2b5; }
 
 .pagination-circle li a {
   width: 40px;
   height: 40px;
   background: #e9edf2;
   border: 0px;
   text-align: center;
   border-radius: 100%; }
   .pagination-circle li a:first-child, .pagination-circle li a:last-child {
     border-radius: 100%; }
   .pagination-circle li a:hover {
     background: #24d2b5;
     color: #ffffff; }
 
 .pagination-circle li.disabled a {
   background: #e9edf2;
   color: rgba(120, 130, 140, 0.13); }
 
 /*
 Template Name: Admin pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*
 Template Name: Admin Pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*Theme Colors*/
 /*bootstrap Color*/
 /*Light colors*/
 /*Normal Color*/
 /*Extra Variable*/
 /*******************
 Buttons
 ******************/
 .btn {
   padding: 7px 12px;
   cursor: pointer; }
   .btn:hover {
     opacity: 0.8; }
   .btn:focus {
     box-shadow: none; }
 
 .btn-group label {
   /* color: #ffffff !important; */
   margin-bottom: 0px; }
   .btn-group label.btn-secondary {
     color: #67757c !important; }
 
 .btn-lg {
   padding: .75rem 1.5rem;
   font-size: 1.25rem; }
 
 .btn-md {
   padding: 12px 55px;
   font-size: 16px; }
 
 .btn-circle {
   border-radius: 100%;
   width: 40px;
   height: 40px;
   padding: 10px; }
 
 .btn-circle.btn-sm {
   width: 35px;
   height: 35px;
   padding: 8px 10px;
   font-size: 14px; }
 
 .btn-circle.btn-lg {
   width: 50px;
   height: 50px;
   padding: 14px 15px;
   font-size: 18px;
   line-height: 23px; }
 
 .btn-circle.btn-xl {
   width: 70px;
   height: 70px;
   padding: 14px 15px;
   font-size: 24px; }
 
 .btn-sm {
   min-width: 32px;
   padding: .25rem .5rem;
   font-size: 12px; }
 
 .btn-xs {
   padding: .25rem .5rem;
   font-size: 10px; }
 
 .button-list button,
 .button-list a {
   margin: 5px 12px 5px 0; }
 
 .btn-outline {
   color: inherit;
   background-color: transparent;
   transition: all .5s; }
 
 .btn-rounded {
   border-radius: 60px;
   padding: 7px 18px; }
   .btn-rounded.btn-lg {
     padding: .75rem 1.5rem; }
   .btn-rounded.btn-sm {
     padding: .25rem .5rem;
     font-size: 12px; }
   .btn-rounded.btn-xs {
     padding: .25rem .5rem;
     font-size: 10px; }
   .btn-rounded.btn-md {
     padding: 12px 35px;
     font-size: 16px; }
 
 .btn-secondary,
 .btn-secondary.disabled {
   box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
   transition: 0.2s ease-in;
   background-color: #5a6268;
   color: #ffffff;
   border-color: #cccccc;
   }
   .btn-secondary:hover,
   .btn-secondary.disabled:hover {
     box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
     color: #ffffff !important; }
   .btn-secondary.active, .btn-secondary:active, .btn-secondary:focus,
   .btn-secondary.disabled.active,
   .btn-secondary.disabled:active,
   .btn-secondary.disabled:focus {
     box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
     color: #ffffff !important;
     background: #263238;
     border-color: #263238; }
 
 .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active {
   color: #67757c !important;
   background-color: #ffffff;
   border-color: #cccccc;
   cursor: default; }
 
 .btn-primary,
 .btn-primary.disabled {
   background: var(--primary);
   border: 1px solid var(--primary);
   /*box-shadow: $primary-shadow;*/
   transition: 0.2s ease-in; }
   .btn-primary:not(:disabled):hover {
     background: var(--primary);
     box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
     border: 1px solid var(--primary); }
   .btn-primary.active, .btn-primary:active, .btn-primary:focus,
   .btn-primary.disabled.active,
   .btn-primary.disabled:active,
   .btn-primary.disabled:focus {
     background: #6352ce;
     /*box-shadow: $primary-shadow-hover;*/
     border-color: transparent; }
 
 .btn-themecolor,
 .btn-themecolor.disabled {
   background: var(--primary);
   color: #ffffff;
   border: 1px solid var(--primary); }
   .btn-themecolor:hover,
   .btn-themecolor.disabled:hover {
     background: var(--primary);
     opacity: 0.7;
     border: 1px solid var(--primary); }
   .btn-themecolor.active, .btn-themecolor:active, .btn-themecolor:focus,
   .btn-themecolor.disabled.active,
   .btn-themecolor.disabled:active,
   .btn-themecolor.disabled:focus {
     background: #028ee1; }
 
 .btn-success,
 .btn-success.disabled {
   background: #24d2b5;
   border: 1px solid #24d2b5;
   /*box-shadow: $success-shadow;*/
   transition: 0.2s ease-in; }
   .btn-success:hover,
   .btn-success.disabled:hover {
     background: #24d2b5;
     /*box-shadow: $success-shadow-hover;*/
     border: 1px solid #24d2b5; }
   .btn-success.active, .btn-success:active, .btn-success:focus,
   .btn-success.disabled.active,
   .btn-success.disabled:active,
   .btn-success.disabled:focus {
     background: #04b381;
     /*box-shadow: $success-shadow-hover;*/
     border-color: transparent; }
 
 .btn-info,
 .btn-info.disabled {
   background: var(--primary);
   border: 1px solid var(--primary);
   /*box-shadow: $info-shadow;*/
   transition: 0.2s ease-in; }
   .btn-info:hover,
   .btn-info.disabled:hover {
     background: var(--primary);
     border: 1px solid var(--primary);
     /*box-shadow: $info-shadow-hover;*/ }
   .btn-info.active, .btn-info:active, .btn-info:focus,
   .btn-info.disabled.active,
   .btn-info.disabled:active,
   .btn-info.disabled:focus {
     background: #1d96c3;
     /*box-shadow: $info-shadow-hover;*/
     border-color: transparent; }
 
 .btn-warning,
 .btn-warning.disabled {
   background: #ff9041;
   color: #ffffff;
   /*box-shadow: $warning-shadow;*/
   border: 1px solid #ff9041;
   transition: 0.2s ease-in; }
   .btn-warning:hover,
   .btn-warning.disabled:hover {
     background: #ff9041;
     color: #ffffff;
     /*box-shadow: $warning-shadow-hover;*/
     border: 1px solid #ff9041; }
   .btn-warning.active, .btn-warning:active, .btn-warning:focus,
   .btn-warning.disabled.active,
   .btn-warning.disabled:active,
   .btn-warning.disabled:focus {
     background: #e9ab2e;
     color: #ffffff;
     /*box-shadow: $warning-shadow-hover;*/
     border-color: transparent; }
 
 .btn-danger,
 .btn-danger.disabled {
   background: #ff5c6c;
   border: 1px solid #ff5c6c;
   /*box-shadow: $danger-shadow;*/
   transition: 0.2s ease-in; }
   .btn-danger:hover,
   .btn-danger.disabled:hover {
     background: #ff5c6c;
     /*box-shadow: $danger-shadow-hover;*/
     border: 1px solid #ff5c6c; }
   .btn-danger.active, .btn-danger:active, .btn-danger:focus,
   .btn-danger.disabled.active,
   .btn-danger.disabled:active,
   .btn-danger.disabled:focus {
     background: #e6294b;
     /*box-shadow: $danger-shadow-hover;*/
     border-color: transparent; }
 
 .btn-inverse,
 .btn-inverse.disabled {
   background: #2f3d4a;
   border: 1px solid #2f3d4a;
   color: #ffffff; }
   .btn-inverse:hover,
   .btn-inverse.disabled:hover {
     background: #2f3d4a;
     opacity: 0.7;
     color: #ffffff;
     border: 1px solid #2f3d4a; }
   .btn-inverse.active, .btn-inverse:active, .btn-inverse:focus,
   .btn-inverse.disabled.active,
   .btn-inverse.disabled:active,
   .btn-inverse.disabled:focus {
     background: #232a37;
     color: #ffffff; }
 
 .btn-red,
 .btn-red.disabled {
   background: #fb3a3a;
   border: 1px solid #fb3a3a;
   color: #ffffff; }
   .btn-red:hover,
   .btn-red.disabled:hover {
     opacity: 0.7;
     border: 1px solid #fb3a3a;
     background: #fb3a3a; }
   .btn-red.active, .btn-red:active, .btn-red:focus,
   .btn-red.disabled.active,
   .btn-red.disabled:active,
   .btn-red.disabled:focus {
     background: #e6294b; }
 
 .btn-outline-secondary {
   background-color: #ffffff;
   /*box-shadow: $default-shadow;*/
   transition: 0.2s ease-in;
   border-color: #cccccc; }
   .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus {
     /*box-shadow: $default-shadow-hover;*/ }
   .btn-outline-secondary.active, .btn-outline-secondary:active, .btn-outline-secondary:focus {
     /*box-shadow: $default-shadow-hover;*/ }
 
 .btn-outline-primary {
   color: var(--primary);
   background-color: #ffffff;
   border-color: var(--primary);
   /*box-shadow: $primary-shadow;*/
   transition: 0.2s ease-in; }
   .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus {
     background: var(--primary);
     /*box-shadow: $primary-shadow-hover;*/
     color: #ffffff;
     border-color: var(--primary); }
   .btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:focus {
     /*box-shadow: $primary-shadow-hover;*/
     background-color: #6352ce;
     border-color: #6352ce; }
 
 .btn-outline-success {
   color: #24d2b5;
   background-color: transparent;
   border-color: #24d2b5;
   /*box-shadow: $success-shadow;*/
   transition: 0.2s ease-in; }
   .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus {
     background: #24d2b5;
     border-color: #24d2b5;
     color: #ffffff;
     /*box-shadow: $success-shadow-hover;*/ }
   .btn-outline-success.active, .btn-outline-success:active, .btn-outline-success:focus {
     /*box-shadow: $success-shadow-hover;*/
     background-color: #04b381;
     border-color: #04b381; }
 
 .btn-outline-info {
   color: var(--primary);
   background-color: transparent;
   border-color: var(--primary);
   /*box-shadow: $info-shadow;*/
   transition: 0.2s ease-in; }
   .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus {
     background: var(--primary);
     border-color: var(--primary);
     color: #ffffff;
     /*box-shadow: $info-shadow-hover;*/ }
   .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:focus {
     /*box-shadow: $info-shadow-hover;*/
     background-color: #1d96c3;
     border-color: #1d96c3; }
 
 .btn-outline-warning {
   color: #ff9041;
   background-color: transparent;
   border-color: #ff9041;
   /*box-shadow: $warning-shadow;*/
   transition: 0.2s ease-in; }
   .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus {
     background: #ff9041;
     border-color: #ff9041;
     color: #ffffff;
     /*box-shadow: $warning-shadow-hover;*/ }
   .btn-outline-warning.active, .btn-outline-warning:active, .btn-outline-warning:focus {
     /*box-shadow: $warning-shadow-hover;*/
     background-color: #e9ab2e;
     border-color: #e9ab2e; }
 
 .btn-outline-danger {
   color: #ff5c6c;
   background-color: transparent;
   border-color: #ff5c6c;
   /*box-shadow: $danger-shadow;*/
   transition: 0.2s ease-in; }
   .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus {
     background: #ff5c6c;
     border-color: #ff5c6c;
     color: #ffffff;
     /*box-shadow: $danger-shadow-hover;*/ }
   .btn-outline-danger.active, .btn-outline-danger:active, .btn-outline-danger:focus {
     /*box-shadow: $danger-shadow-hover;*/
     background-color: #e6294b; }
 
 .btn-outline-red {
   color: #fb3a3a;
   background-color: transparent;
   border-color: #fb3a3a; }
   .btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red.focus {
     background: #fb3a3a;
     border-color: #fb3a3a;
     color: #ffffff;
     /*box-shadow: $danger-shadow-hover;*/ }
   .btn-outline-red.active, .btn-outline-red:active, .btn-outline-red:focus {
     /*box-shadow: $danger-shadow-hover;*/
     background-color: #d61f1f; }
 
 .btn-outline-inverse {
   color: #2f3d4a;
   background-color: transparent;
   border-color: #2f3d4a; }
   .btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse.focus {
     background: #2f3d4a;
     border-color: #2f3d4a;
     color: #ffffff; }
 
 .btn-primary.active.focus,
 .btn-primary.active:focus,
 .btn-primary.active:hover,
 .btn-primary.focus:active,
 .btn-primary:active:focus,
 .btn-primary:active:hover,
 .open > .dropdown-toggle.btn-primary.focus,
 .open > .dropdown-toggle.btn-primary:focus,
 .open > .dropdown-toggle.btn-primary:hover,
 .btn-primary.focus,
 .btn-primary:focus,
 .show > .btn-primary.dropdown-toggle {
   background-color: var(--primary);
   border: 1px solid var(--primary);
   }
 
 .btn-success.active.focus,
 .btn-success.active:focus,
 .btn-success.active:hover,
 .btn-success.focus:active,
 .btn-success:active:focus,
 .btn-success:active:hover,
 .open > .dropdown-toggle.btn-success.focus,
 .open > .dropdown-toggle.btn-success:focus,
 .open > .dropdown-toggle.btn-success:hover,
 .btn-success.focus,
 .btn-success:focus,
 .show > .btn-success.dropdown-toggle {
   background-color: #04b381;
   border: 1px solid #04b381; }
 
 .btn-info.active.focus,
 .btn-info.active:focus,
 .btn-info.active:hover,
 .btn-info.focus:active,
 .btn-info:active:focus,
 .btn-info:active:hover,
 .open > .dropdown-toggle.btn-info.focus,
 .open > .dropdown-toggle.btn-info:focus,
 .open > .dropdown-toggle.btn-info:hover,
 .btn-info.focus,
 .btn-info:focus,
 .show > .btn-info.dropdown-toggle {
   background-color: #1d96c3;
   border: 1px solid #1d96c3; }
 
 .btn-warning.active.focus,
 .btn-warning.active:focus,
 .btn-warning.active:hover,
 .btn-warning.focus:active,
 .btn-warning:active:focus,
 .btn-warning:active:hover,
 .open > .dropdown-toggle.btn-warning.focus,
 .open > .dropdown-toggle.btn-warning:focus,
 .open > .dropdown-toggle.btn-warning:hover,
 .btn-warning.focus,
 .btn-warning:focus,
 .show > .btn-warning.dropdown-toggle {
   background-color: #e9ab2e;
   border: 1px solid #e9ab2e; }
 
 .btn-danger.active.focus,
 .btn-danger.active:focus,
 .btn-danger.active:hover,
 .btn-danger.focus:active,
 .btn-danger:active:focus,
 .btn-danger:active:hover,
 .open > .dropdown-toggle.btn-danger.focus,
 .open > .dropdown-toggle.btn-danger:focus,
 .open > .dropdown-toggle.btn-danger:hover,
 .btn-danger.focus,
 .btn-danger:focus,
 .show > .btn-danger.dropdown-toggle {
   background-color: #e6294b;
   border: 1px solid #e6294b; }
 
 .btn-inverse:hover,
 .btn-inverse:focus,
 .btn-inverse:active,
 .btn-inverse.active,
 .btn-inverse.focus,
 .btn-inverse:active,
 .btn-inverse:focus,
 .btn-inverse:hover,
 .open > .dropdown-toggle.btn-inverse {
   background-color: #232a37;
   border: 1px solid #232a37; }
 
 .btn-secondary.active.focus,
 .btn-secondary.active:focus,
 .btn-secondary.active:hover,
 .btn-secondary.focus:active,
 .btn-secondary:active:focus,
 .btn-secondary:active:hover,
 .open > .dropdown-toggle.btn-secondary.focus,
 .open > .dropdown-toggle.btn-secondary:focus,
 .open > .dropdown-toggle.btn-secondary:hover,
 .btn-secondary.focus,
 .btn-secondary:focus,
 .show > .btn-secondary.dropdown-toggle {
   color: #ffffff; }
 
 .btn-red:hover,
 .btn-red:focus,
 .btn-red:active,
 .btn-red.active,
 .btn-red.focus,
 .btn-red:active,
 .btn-red:focus,
 .btn-red:hover,
 .open > .dropdown-toggle.btn-red {
   background-color: #d61f1f;
   border: 1px solid #d61f1f;
   color: #ffffff; }
 
 .button-box .btn {
   margin: 0 8px 8px 0px; }
 
 .btn-label {
   background: rgba(0, 0, 0, 0.05);
   display: inline-block;
   margin: -6px 12px -6px -14px;
   padding: 7px 15px; }
 
 .btn-facebook {
   color: #ffffff;
   background-color: #3b5998; }
   .btn-facebook:hover {
     color: #ffffff; }
 
 .btn-twitter {
   color: #ffffff;
   background-color: #55acee; }
   .btn-twitter:hover {
     color: #ffffff; }
 
 .btn-linkedin {
   color: #ffffff;
   background-color: #007bb6; }
   .btn-linkedin:hover {
     color: #ffffff; }
 
 .btn-dribbble {
   color: #ffffff;
   background-color: #ea4c89; }
   .btn-dribbble:hover {
     color: #ffffff; }
 
 .btn-googleplus {
   color: #ffffff;
   background-color: #dd4b39; }
   .btn-googleplus:hover {
     color: #ffffff; }
 
 .btn-instagram {
   color: #ffffff;
   background-color: #3f729b; }
 
 .btn-pinterest {
   color: #ffffff;
   background-color: #cb2027; }
 
 .btn-dropbox {
   color: #ffffff;
   background-color: #007ee5; }
 
 .btn-flickr {
   color: #ffffff;
   background-color: #ff0084; }
 
 .btn-tumblr {
   color: #ffffff;
   background-color: #32506d; }
 
 .btn-skype {
   color: #ffffff;
   background-color: #00aff0; }
 
 .btn-youtube {
   color: #ffffff;
   background-color: #bb0000; }
 
 .btn-github {
   color: #ffffff;
   background-color: #171515; }
 
 /*============================================================== 
  Buttons page
  ============================================================== */
 .button-group .btn {
   margin-bottom: 5px;
   margin-right: 5px; }
 
 .no-button-group .btn {
   margin-bottom: 5px;
   margin-right: 0px; }
 
 .btn .text-active {
   display: none; }
 
 .btn.active .text-active {
   display: inline-block; }
 
 .btn.active .text {
   display: none; }
 
 /*
 Template Name: Admin pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*
 Template Name: Admin Pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*Theme Colors*/
 /*bootstrap Color*/
 /*Light colors*/
 /*Normal Color*/
 /*Extra Variable*/
 /*******************
 Custom-select
 ******************/
 .custom-select {
   background: url(../../assets/images/custom-select.png) right 0.75rem center no-repeat; border-radius: 0; }
 
 /*******************
 textarea
 ******************/
 textarea {
   resize: none; }
 
 /*******************
 Form-control
 ******************/
 .form-control {
   color: #67757c;
   min-height: 38px;
   display: initial; 
   border-radius: 0; }
 
 .form-control-sm {
   min-height: 20px; }
 
 .form-control:disabled,
 .form-control[readonly] {
   opacity: 0.7; 
   pointer-events: none;
   cursor: not-allowed;
 }
 
 .custom-control-input:focus ~ .custom-control-indicator {
   box-shadow: none; }
 
 .custom-control-input:checked ~ .custom-control-indicator {
   background-color: #24d2b5; }
 
 form label {
   font-weight: 400; }
 
 .form-group {
   margin-bottom: 25px; }
 
 .form-horizontal label {
   margin-bottom: 0px; }
 
 .form-control-static {
   padding-top: 0px; }
 
 .form-bordered .form-group {
   border-bottom: 1px solid rgba(120, 130, 140, 0.13);
   padding-bottom: 20px; }
 
 /*******************
 Form Dropzone
 ******************/
 .dropzone {
   border: 1px dashed #b1b8bb; }
   .dropzone .dz-message {
     padding: 5% 0;
     margin: 0px; }
 
 /*******************
 Form Pickers
 ******************/
 .asColorPicker-dropdown {
   max-width: 260px; }
 
 .asColorPicker-trigger {
   position: absolute;
   top: 0;
   right: -35px;
   height: 38px;
   width: 37px;
   border: 0; }
 
 .asColorPicker-clear {
   display: none;
   position: absolute;
   top: 5px;
   right: 10px;
   text-decoration: none; }
 
 table th {
   font-weight: 400; }
 
 .daterangepicker td.active,
 .daterangepicker td.active:hover {
   background-color: var(--primary); }
 
 .datepicker table tr td.today,
 .datepicker table tr td.today.disabled,
 .datepicker table tr td.today.disabled:hover,
 .datepicker table tr td.today:hover {
   background: var(--primary);
   color: #ffffff; }
 
 .datepicker td,
 .datepicker th {
   padding: 5px 10px; }
 
 /*******************
 Form summernote
 ******************/
 .note-popover,
 .note-icon-caret {
   display: none; }
 
 .note-editor.note-frame {
   border: 1px solid #b1b8bb; }
   .note-editor.note-frame .panel-heading {
     padding: 6px 10px 10px;
     border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
 
 .label {
   display: inline-block; }
 
 /*============================================================== 
 Form addons page
 ============================================================== */
 /*Bootstrap select*/
 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
   width: 100%; }
 
 .bootstrap-select .dropdown-menu li a {
   display: block;
   padding: 7px 20px;
   clear: both;
   font-weight: 400;
   line-height: 1.42857143;
   color: #67757c;
   white-space: nowrap; }
   .bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus {
     color: var(--primary);
     background: #e9edf2; }
 
 .bootstrap-select .show > .dropdown-menu {
   display: block; }
 
 .select2-container--default .select2-selection--single {
   border-color: #b1b8bb;
   height: 38px; }
   .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 38px; }
   .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 33px; }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
   float: right;
   color: #ffffff;
   margin-right: 0px;
   margin-left: 4px; }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
   background: var(--primary);
   color: #ffffff;
   border-color: var(--primary); }
 
 .input-form .btn {
   padding: 8px 12px; }
 
 /*============================================================== 
 Form Material page
  ============================================================== */
 /*Material inputs*/
 .form-material .form-group {
   overflow: hidden; }
 
 .form-material .form-control {
   background-color: rgba(0, 0, 0, 0);
   background-position: center bottom, center calc(100% - 1px);
   background-repeat: no-repeat;
   background-size: 0 2px, 100% 1px;
   padding: 0;
   transition: background 0s ease-out 0s; }
 
 .form-material .form-control,
 .form-material .form-control.focus,
 .form-material .form-control:focus {
   background-image: linear-gradient(var(--primary), var(--primary)), linear-gradient(#e9edf2, #e9edf2);
   border: 0 none;
   border-radius: 0;
   box-shadow: none;
   float: none; }
 
 .form-material .form-control.focus,
 .form-material .form-control:focus {
   background-size: 100% 2px, 100% 1px;
   outline: 0 none;
   transition-duration: 0.3s; }
 
 .form-control-line .form-group {
   overflow: hidden; }
 
 .form-control-line .form-control {
   border: 0px;
   border-radius: 0px;
   padding-left: 0px;
   border-bottom: 1px solid #f6f9ff; }
   .form-control-line .form-control:focus {
     border-bottom: 1px solid var(--primary); }
 
 /*******************
 Form validation error 
 ******************/
 .error .help-block {
   color: #fb3a3a; }
 
 /*******************
 File Upload 
 ******************/
 .fileupload {
   overflow: hidden;
   position: relative; }
   .fileupload input.upload {
     cursor: pointer;
     filter: alpha(opacity=0);
     font-size: 20px;
     margin: 0;
     opacity: 0;
     padding: 0;
     position: absolute;
     right: 0;
     top: 0; }
 
 .scale-up {
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   -webkit-transform: scale(0);
   transform: scale(0);
   display: inline-block;
   transform-origin: right 0px; }
 
 .scale-up-left {
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   -webkit-transform: scale(0);
   transform: scale(0);
   display: inline-block;
   transform-origin: left 0px; }
 
 .show > .scale-up {
   transform: scale(1);
   transform-origin: right 0px; }
 
 .show > .scale-up-left {
   transform: scale(1);
   transform-origin: left 0px; }
 
 .page-titles .justify-content-end:last-child .d-flex {
   margin-right: 10px; }
 
 .btn-circle.right-side-toggle {
   position: fixed;
   bottom: 20px;
   right: 20px;
   padding: 25px;
   z-index: 10; }
 
 /*Form Validation*/
 .help-block ul {
   padding: 0px;
   margin: 0px; }
   .help-block ul li {
     list-style: none; }
 
 .error .form-control {
   border-color: #ff5c6c; }
 
 .validate .form-control {
   border-color: #24d2b5; }
 
 /*
 Template Name: Admin pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*
 Template Name: Admin Pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*Theme Colors*/
 /*bootstrap Color*/
 /*Light colors*/
 /*Normal Color*/
 /*Extra Variable*/
 /*******************
 Table Cell
 *******************/
 .table-box {
   display: table;
   width: 100%; }
 
 .table.no-border tbody td {
   border: 0px; }
 
 .cell {
   display: table-cell;
   vertical-align: middle; }
 
 .table td,
 .table th {
   border-color: #f3f1f1;
   vertical-align: middle;
   }
 
 .table thead th,
 .table th {
   font-weight: 500; }
 
 .table-hover tbody tr:hover {
   background: rgba(0, 0, 0, 0.02); }
 
 .nowrap {
   white-space: nowrap; }
 
 .lite-padding td {
   padding: 5px; }
 
 .v-middle td,
 .v-middle th {
   vertical-align: middle; }
 
 /*******************
 Table-Layout
 ******************/
 .table thead th,
 .table th {
   border: 0px; }
 
 .color-table.primary-table thead th {
   background-color: var(--primary);
   color: #ffffff; }
 
 .table-striped tbody tr:nth-of-type(odd) {
   background: #e9edf2; }
 
 .color-table.success-table thead th {
   background-color: #24d2b5;
   color: #ffffff; }
 
 .color-table.info-table thead th {
   background-color: var(--primary);
   color: #ffffff; }
 
 .color-table.warning-table thead th {
   background-color: #ff9041;
   color: #ffffff; }
 
 .color-table.danger-table thead th {
   background-color: #ff5c6c;
   color: #ffffff; }
 
 .color-table.inverse-table thead th {
   background-color: #2f3d4a;
   color: #ffffff; }
 
 .color-table.dark-table thead th {
   background-color: #263238;
   color: #ffffff; }
 
 .color-table.red-table thead th {
   background-color: #fb3a3a;
   color: #ffffff; }
 
 .color-table.purple-table thead th {
   background-color: #7460ee;
   color: #ffffff; }
 
 .color-table.muted-table thead th {
   background-color: #bcc3d3;
   color: #ffffff; }
 
 .color-bordered-table.primary-bordered-table {
   border: 2px solid var(--primary); }
   .color-bordered-table.primary-bordered-table thead th {
     background-color: var(--primary);
     color: #ffffff; }
 
 .color-bordered-table.success-bordered-table {
   border: 2px solid #24d2b5; }
   .color-bordered-table.success-bordered-table thead th {
     background-color: #24d2b5;
     color: #ffffff; }
 
 .color-bordered-table.info-bordered-table {
   border: 2px solid var(--primary); }
   .color-bordered-table.info-bordered-table thead th {
     background-color: var(--primary);
     color: #ffffff; }
 
 .color-bordered-table.warning-bordered-table {
   border: 2px solid #ff9041; }
   .color-bordered-table.warning-bordered-table thead th {
     background-color: #ff9041;
     color: #ffffff; }
 
 .color-bordered-table.danger-bordered-table {
   border: 2px solid #ff5c6c; }
   .color-bordered-table.danger-bordered-table thead th {
     background-color: #ff5c6c;
     color: #ffffff; }
 
 .color-bordered-table.inverse-bordered-table {
   border: 2px solid #2f3d4a; }
   .color-bordered-table.inverse-bordered-table thead th {
     background-color: #2f3d4a;
     color: #ffffff; }
 
 .color-bordered-table.dark-bordered-table {
   border: 2px solid #263238; }
   .color-bordered-table.dark-bordered-table thead th {
     background-color: #263238;
     color: #ffffff; }
 
 .color-bordered-table.red-bordered-table {
   border: 2px solid #fb3a3a; }
   .color-bordered-table.red-bordered-table thead th {
     background-color: #fb3a3a;
     color: #ffffff; }
 
 .color-bordered-table.purple-bordered-table {
   border: 2px solid #7460ee; }
   .color-bordered-table.purple-bordered-table thead th {
     background-color: #7460ee;
     color: #ffffff; }
 
 .color-bordered-table.muted-bordered-table {
   border: 2px solid #bcc3d3; }
   .color-bordered-table.muted-bordered-table thead th {
     background-color: #bcc3d3;
     color: #ffffff; }
 
 .full-color-table.full-primary-table {
   background-color: #f1effd; }
   .full-color-table.full-primary-table thead th {
     background-color: var(--primary);
     border: 0;
     color: #ffffff; }
   .full-color-table.full-primary-table tbody td {
     border: 0; }
   .full-color-table.full-primary-table tr:hover {
     background-color: var(--primary);
     color: #ffffff; }
 
 .full-color-table.full-success-table {
   background-color: #e8fdeb; }
   .full-color-table.full-success-table thead th {
     background-color: #24d2b5;
     border: 0;
     color: #ffffff; }
   .full-color-table.full-success-table tbody td {
     border: 0; }
   .full-color-table.full-success-table tr:hover {
     background-color: #24d2b5;
     color: #ffffff; }
 
 .full-color-table.full-info-table {
   background-color: #cfecfe; }
   .full-color-table.full-info-table thead th {
     background-color: var(--primary);
     border: 0;
     color: #ffffff; }
   .full-color-table.full-info-table tbody td {
     border: 0; }
   .full-color-table.full-info-table tr:hover {
     background-color: var(--primary);
     color: #ffffff; }
 
 .full-color-table.full-warning-table {
   background-color: #fff8ec; }
   .full-color-table.full-warning-table thead th {
     background-color: #ff9041;
     border: 0;
     color: #ffffff; }
   .full-color-table.full-warning-table tbody td {
     border: 0; }
   .full-color-table.full-warning-table tr:hover {
     background-color: #ff9041;
     color: #ffffff; }
 
 .full-color-table.full-danger-table {
   background-color: #f9e7eb; }
   .full-color-table.full-danger-table thead th {
     background-color: #ff5c6c;
     border: 0;
     color: #ffffff; }
   .full-color-table.full-danger-table tbody td {
     border: 0; }
   .full-color-table.full-danger-table tr:hover {
     background-color: #ff5c6c;
     color: #ffffff; }
 
 .full-color-table.full-inverse-table {
   background-color: #f6f6f6; }
   .full-color-table.full-inverse-table thead th {
     background-color: #2f3d4a;
     border: 0;
     color: #ffffff; }
   .full-color-table.full-inverse-table tbody td {
     border: 0; }
   .full-color-table.full-inverse-table tr:hover {
     background-color: #2f3d4a;
     color: #ffffff; }
 
 .full-color-table.full-dark-table {
   background-color: rgba(43, 43, 43, 0.8); }
   .full-color-table.full-dark-table thead th {
     background-color: #263238;
     border: 0;
     color: #ffffff; }
   .full-color-table.full-dark-table tbody td {
     border: 0;
     color: #ffffff; }
   .full-color-table.full-dark-table tr:hover {
     background-color: #263238;
     color: #ffffff; }
 
 .full-color-table.full-red-table {
   background-color: #f9e7eb; }
   .full-color-table.full-red-table thead th {
     background-color: #fb3a3a;
     border: 0;
     color: #ffffff; }
   .full-color-table.full-red-table tbody td {
     border: 0; }
   .full-color-table.full-red-table tr:hover {
     background-color: #fb3a3a;
     color: #ffffff; }
 
 .full-color-table.full-purple-table {
   background-color: #f1effd; }
   .full-color-table.full-purple-table thead th {
     background-color: #7460ee;
     border: 0;
     color: #ffffff; }
   .full-color-table.full-purple-table tbody td {
     border: 0; }
   .full-color-table.full-purple-table tr:hover {
     background-color: #7460ee;
     color: #ffffff; }
 
 .full-color-table.full-muted-table {
   background-color: rgba(152, 166, 173, 0.2); }
   .full-color-table.full-muted-table thead th {
     background-color: #bcc3d3;
     border: 0;
     color: #ffffff; }
   .full-color-table.full-muted-table tbody td {
     border: 0; }
   .full-color-table.full-muted-table tr:hover {
     background-color: #bcc3d3;
     color: #ffffff; }
 
 /*******************
 Table-Data Table
 ******************/
 .dataTables_wrapper {
   padding: 0;
   }
 
 .dt-buttons {
   display: inline-block;
   padding-top: 5px;
   margin-bottom: 15px; }
   .dt-buttons .dt-button {
     padding: 5px 15px;
     border-radius: 0px;
     background: var(--primary);
     color: #ffffff;
     margin-right: 3px; }
     .dt-buttons .dt-button:hover {
     cursor: pointer;
     text-decoration: none;
     outline: none !important;
     -webkit-transform: translate3d(0, -2px, 0) !important;
     transform: translate3d(0, -2px, 0) !important;
     -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.4);
     transition: .2s ease all; }
 
 .dataTables_info,
 .dataTables_length {
   display: inline-block; }
 
 .dataTables_length {
   margin-top: 10px; }
   .dataTables_length select {
     border: 0;
     background-image: linear-gradient(var(--primary), var(--primary)), linear-gradient(#b1b8bb, #b1b8bb);
     background-size: 0 2px, 100% 1px;
     background-repeat: no-repeat;
     background-position: center bottom, center calc(100% - 1px);
     background-color: transparent;
     transition: background 0s ease-out;
     padding-bottom: 5px; }
     .dataTables_length select:focus {
       outline: none;
       background-image: linear-gradient(var(--primary), var(--primary)), linear-gradient(#b1b8bb, #b1b8bb);
       background-size: 100% 2px, 100% 1px;
       box-shadow: none;
       transition-duration: 0.3s; }
 
 .dataTables_filter {
   float: right;
   margin-top: 10px; }
   .dataTables_filter input {
     border: 0;
     background-image: linear-gradient(var(--primary), var(--primary)), linear-gradient(#b1b8bb, #b1b8bb);
     background-size: 0 2px, 100% 1px;
     background-repeat: no-repeat;
     background-position: center bottom, center calc(100% - 1px);
     background-color: transparent;
     transition: background 0s ease-out;
     float: none;
     box-shadow: none;
     border-radius: 0;
     margin-left: 10px; }
     .dataTables_filter input:focus {
       outline: none;
       background-image: linear-gradient(var(--primary), var(--primary)), linear-gradient(#b1b8bb, #b1b8bb);
       background-size: 100% 2px, 100% 1px;
       box-shadow: none;
       transition-duration: 0.3s; }
 
 table.dataTable thead .sorting,
 table.dataTable thead .sorting_asc,
 table.dataTable thead .sorting_desc,
 table.dataTable thead .sorting_asc_disabled,
 table.dataTable thead .sorting_desc_disabled {
   background: transparent; }
 
 .dataTables_wrapper .dataTables_paginate {
   float: right;
   text-align: right;
   padding-top: 0.25em;
   width: 100%; }
 
 .dataTables_wrapper .dataTables_paginate .paginate_button {
   box-sizing: border-box;
   display: inline-block;
   min-width: 1.5em;
   padding: 0.5em 1em;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
   *cursor: hand;
   color: #67757c;
   border: 1px solid #ddd; }
 
 .dataTables_wrapper .dataTables_paginate .paginate_button.current,
 .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
   color: #ffffff !important;
   border: 1px solid var(--primary);
   background-color: var(--primary); }
 
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
   cursor: default;
   color: #67757c;
   border: 1px solid #ddd;
   background: transparent;
   box-shadow: none; }
 
 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
   color: white;
   border: 1px solid var(--primary); }
 
 .dataTables_wrapper .dataTables_paginate .paginate_button:active {
   outline: none; }
 
 .dataTables_wrapper .dataTables_paginate .ellipsis {
   padding: 0 1em; }
 
 /*******************
 Table- responsive
 ******************/
 .tablesaw-bar .btn-group label {
   color: #67757c !important; }
 
 /*******************
 Table- editable table
 ******************/
 .dt-bootstrap {
   display: block; }
 .paging_simple_numbers .pagination .paginate_button{
   padding: 0;
   border:  none !important;
 }
 .paging_simple_numbers .pagination .paginate_button a{
   border-radius: 0;
   padding: 5px 10px;
   color: #fff;
   background: var(--primary); }
   .paging_simple_numbers .pagination .paginate_button:not(.disabled) a{
     border-color: var(--primary);
   }
   .paging_simple_numbers .pagination .paginate_button.disabled a{
     border-color: var(--primary);
     pointer-events: none;
     background: var(--primary);
     opacity: .6; }
   .paging_simple_numbers .pagination .paginate_button:not(.disabled).active a,
   .paging_simple_numbers .pagination .paginate_button:not(.disabled):hover a {
     cursor: pointer;
     background: var(--primary);
     color: #ffffff; 
     border-radius: 0;
     text-decoration: none;
     outline: none !important;
     -webkit-transform: translate3d(0, -2px, 0);
     transform: translate3d(0, -2px, 0);
     -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.4);
     transition: .2s ease all; }
 
 .stylish-table tbody tr {
   border-left: 3px solid transparent; }
   .stylish-table tbody tr:hover, .stylish-table tbody tr.active {
     border-color: var(--primary); }
 
 /*******************
 Table-Jsgrid table
 ******************/
 .jsgrid-pager-page a,
 .jsgrid-pager-current-page,
 .jsgrid-pager-nav-button a {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: inline-block;
   min-width: 1.5em;
   padding: 0.5em 1em;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
   color: #67757c;
   border: 1px solid #ddd; }
 
 .jsgrid-pager-page a:hover,
 .jsgrid-pager-nav-button a:hover {
   background-color: var(--primary);
   color: #ffffff; }
 
 .jsgrid-pager-current-page {
   background-color: var(--primary);
   color: #ffffff; }
 
 .jsgrid-pager-page,
 .jsgrid-pager-nav-button {
   padding: 0; }
 
 .jsgrid-pager-page.jsgrid-pager-current-page {
   padding: 0.5em 1em !important; }
 
 /*
 Template Name: Admin pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*
 Template Name: Admin Pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*Theme Colors*/
 /*bootstrap Color*/
 /*Light colors*/
 /*Normal Color*/
 /*Extra Variable*/
 /* perfect-scrollbar v0.7.1 */
 .ps {
   -ms-touch-action: auto;
   touch-action: auto;
   overflow: hidden !important;
   -ms-overflow-style: none; }
 
 @supports (-ms-overflow-style: none) {
   .ps {
     overflow: auto !important; } }
 
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .ps {
     overflow: auto !important; } }
 
 .ps.ps--active-x > .ps__scrollbar-x-rail,
 .ps.ps--active-y > .ps__scrollbar-y-rail {
   display: block;
   background-color: transparent; }
 
 .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
   background-color: #eee;
   opacity: 0.9; }
 
 .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
   background-color: transparent;
   width: 8px; }
 
 .ps > .ps__scrollbar-x-rail {
   display: none;
   position: absolute;
   /* please don't change 'position' */
   opacity: 0;
   bottom: 0px;
   /* there must be 'bottom' for ps__scrollbar-x-rail */
   height: 6px; }
 
 .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
   position: absolute;
   /* please don't change 'position' */
   background-color: red;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   bottom: 2px;
   /* there must be 'bottom' for ps__scrollbar-x */
   height: 6px; }
 
 .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
 .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
   height: 6px; }
 
 .ps > .ps__scrollbar-y-rail {
   display: none;
   position: absolute;
   /* please don't change 'position' */
   opacity: 0;
   right: 0;
   /* there must be 'right' for ps__scrollbar-y-rail */
   width: 6px; }
 
 .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
   position: absolute;
   /* please don't change 'position' */
   background-color: rgba(0, 0, 0, 0.2);
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   right: 2px;
   /* there must be 'right' for ps__scrollbar-y */
   width: 6px; }
 
 .ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
 .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
   width: 6px; }
 
 .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
   background-color: rgba(0, 0, 0, 0.2);
   opacity: 0.9; }
 
 .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
   background-color: rgba(0, 0, 0, 0.2);
   height: 6px; }
 
 .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
   background-color: rgba(0, 0, 0, 0.2);
   width: 6px; }
 
 .ps:hover > .ps__scrollbar-x-rail,
 .ps:hover > .ps__scrollbar-y-rail {
   opacity: 0.6; }
 
 .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
   background-color: rgba(0, 0, 0, 0.2); }
 
 .ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
   background-color: rgba(0, 0, 0, 0.2); }
 
 #slimtest3.ps .ps__scrollbar-y-rail {
   left: 3px;
   right: auto; }
 
 #slimtest4.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
   background-color: var(--primary); }
 
 #slimtest4.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
   background-color: var(--primary); }
 
 #slimtest4.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
   background-color: var(--primary); }
 
 /*
 Template Name: Admin Pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*
 Template Name: Admin Pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*******************
 /*User mail widgets*/
 /*******************/
 .topbar .top-navbar .mailbox {
   width: 300px;
   padding: 0;
   }
   .topbar .top-navbar .mailbox ul {
     padding: 0px;
     height: 100%;
     }
     .topbar .top-navbar .mailbox ul li {
       list-style: none;
       height: 100%;
       }
 
 .mailbox ul li .drop-title {
   font-weight: 500;
   padding: 11px 20px 15px;
   border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
 
 .mailbox ul li .nav-link {
   border-top: 1px solid rgba(120, 130, 140, 0.13);
   padding-top: 15px; }
 
 .mailbox .message-center {
   max-height: 100%;
   overflow: auto;
   position: relative;
   }
   .mailbox .message-center a {
     border-bottom: 1px solid rgba(120, 130, 140, 0.13);
     display: block;
     text-decoration: none;
     padding: 5px 15px;
     }
     .mailbox .message-center a:hover {
       background: #e9edf2; }
     .mailbox .message-center a div {
       white-space: normal; }
     .mailbox .message-center a .user-img {
       width: 40px;
       position: relative;
       display: inline-block;
       margin: 0 10px 15px 0; }
       .mailbox .message-center a .user-img img {
         width: 100%; }
       .mailbox .message-center a .user-img .profile-status {
         border: 2px solid #ffffff;
         border-radius: 50%;
         display: inline-block;
         height: 10px;
         left: 30px;
         position: absolute;
         top: 1px;
         width: 10px; }
       .mailbox .message-center a .user-img .online {
         background: #24d2b5; }
       .mailbox .message-center a .user-img .busy {
         background: #ff5c6c; }
       .mailbox .message-center a .user-img .away {
         background: #ff9041; }
       .mailbox .message-center a .user-img .offline {
         background: #ff9041; }
     .mailbox .message-center a .mail-contnet {
       display: inline-block;
       padding-left: 10px;
       vertical-align: middle;
       width: calc(100% - 50px);
       }
       .mailbox .message-center a .mail-contnet h5 {
         margin: 5px 0px 0; }
       .mailbox .message-center a .mail-contnet .mail-desc,
       .mailbox .message-center a .mail-contnet .time {
         font-size: 12px;
         display: block;
         margin: 1px 0;
         /* overflow: hidden; */
         color: #67757c;
         }
 
 /*******************/
 /*Weather*/
 /*******************/
 .city-weather-days {
   margin: 0px; }
   .city-weather-days li {
     text-align: center;
     padding: 15px 0; }
     .city-weather-days li span {
       display: block;
       padding: 10px 0 0;
       color: #bcc3d3; }
     .city-weather-days li i {
       display: block;
       font-size: 20px;
       color: var(--primary); }
     .city-weather-days li h3 {
       font-weight: 300;
       margin-top: 5px; }
 
 /*Weather small*/
 .weather-small h1 {
   line-height: 30px; }
 
 .weather-small sup {
   font-size: 60%; }
 
 /*******************/
 /*Comment widgets*/
 /*******************/
 .comment-widgets {
   position: relative;
   margin-bottom: 10px; }
   .comment-widgets .comment-row {
     border-bottom: 1px solid transparent;
     padding: 15px; }
     .comment-widgets .comment-row:last-child {
       border-bottom: 0px; }
     .comment-widgets .comment-row:hover, .comment-widgets .comment-row.active {
       background: rgba(0, 0, 0, 0.02); }
 
 .comment-text {
   padding: 15px 15px 15px 20px;
   width: 80%; }
   .comment-text:hover .comment-footer .action-icons,
   .comment-text.active .comment-footer .action-icons {
     visibility: visible; }
   .comment-text p {
     max-height: 65px;
     width: 100%;
     overflow: hidden; }
 
 .comment-footer .action-icons {
   visibility: hidden; }
   .comment-footer .action-icons a {
     padding-left: 7px;
     vertical-align: middle;
     color: #bcc3d3; }
     .comment-footer .action-icons a:hover, .comment-footer .action-icons a.active {
       color: var(--primary); }
 
 /*******************/
 /*To do widgets*/
 /*******************/
 .todo-list li {
   border: 0px;
   margin-bottom: 0px;
   padding: 20px 15px 15px 0px; }
   .todo-list li .checkbox {
     width: 100%; }
     .todo-list li .checkbox label {
       font-weight: 400;
       padding-left: 30px;
       width: 100%; }
       .todo-list li .checkbox label span:first-child {
         width: 80%;
         display: inline-block;
         line-height: 25px; }
   .todo-list li:last-child {
     border-bottom: 0px; }
   .todo-list li .assignedto {
     padding: 0px 0 0 30px;
     margin: 0px; }
     .todo-list li .assignedto li {
       list-style: none;
       padding: 0px;
       display: inline-block;
       border: 0px;
       margin-right: 2px; }
       .todo-list li .assignedto li img {
         width: 30px;
         border-radius: 100%; }
   .todo-list li .item-date {
     padding-left: 30px;
     font-size: 12px;
     margin-top: 5px;
     display: inline-block; }
 
 .list-task .task-done span {
   text-decoration: line-through; }
 
 /*******************/
 /*Chat widget*/
 /*******************/
 .chat-list {
   margin: 0px;
   padding: 0px; }
   .chat-list li {
     list-style: none;
     padding: 7.5px 0;
     }
     .chat-list li .chat-img {
       display: inline-block;
       width: 30px;
       vertical-align: top;
       }
       .chat-list li .chat-img img {
         width: 30px;
         border-radius: 100%;
         }
     .chat-list li .chat-content {
       width: calc(100% - 140px);
       display: inline-block;
       padding-left: 0;
       }
       .chat-list li .chat-content h5 {
         color: #bcc3d3; }
       .chat-list li .chat-content .box {
         display: inline-block;
         margin-bottom: 10px;
         color: #263238; }
     .chat-list li .chat-time {
       display: inline-block;
       text-align: right;
       /* width: 100%; */
       font-size: 13px;
       color: #bcc3d3;
       }
     .chat-list li.odd .chat-content {
       text-align: right;
       width: calc(100% - 90px); }
     .chat-list li.odd .box {
       clear: both; }
     .chat-list li.odd + .odd {
       margin-top: 0px; }
     .chat-list li.reverse {
       text-align: right; }
       .chat-list li.reverse .chat-time {
         text-align: left; }
       .chat-list li.reverse .chat-content {
         padding-left: 15px;
         padding-right: 0;
         }
 
 /*******************/
 /*Chat widget*/
 /*******************/
 .message-box ul li .drop-title {
   font-weight: 500;
   padding: 11px 20px 15px;
   border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
 
 .message-box ul li .nav-link {
   border-top: 1px solid rgba(120, 130, 140, 0.13);
   padding-top: 15px; }
 
 .message-box .message-widget {
   position: relative; }
   .message-box .message-widget a {
     border-bottom: 1px solid rgba(120, 130, 140, 0.13);
     display: block;
     text-decoration: none;
     padding: 9px 15px; }
     .message-box .message-widget a:hover {
       background: #e9edf2; }
     .message-box .message-widget a:last-child {
       border-bottom: 0px; }
     .message-box .message-widget a div {
       white-space: normal; }
     .message-box .message-widget a .user-img {
       width: 45px;
       position: relative;
       display: inline-block;
       margin: 0 10px 15px 0; }
       .message-box .message-widget a .user-img img {
         width: 100%; }
       .message-box .message-widget a .user-img .profile-status {
         border: 2px solid #ffffff;
         border-radius: 50%;
         display: inline-block;
         height: 10px;
         left: 33px;
         position: absolute;
         top: -1px;
         width: 10px; }
       .message-box .message-widget a .user-img .online {
         background: #24d2b5; }
       .message-box .message-widget a .user-img .busy {
         background: #ff5c6c; }
       .message-box .message-widget a .user-img .away {
         background: #ff9041; }
       .message-box .message-widget a .user-img .offline {
         background: #ff9041; }
     .message-box .message-widget a .mail-contnet {
       display: inline-block;
       width: 70%;
       vertical-align: middle; }
       .message-box .message-widget a .mail-contnet h5 {
         margin: 5px 0px 0; }
       .message-box .message-widget a .mail-contnet .mail-desc,
       .message-box .message-widget a .mail-contnet .time {
         font-size: 12px;
         display: block;
         margin: 1px 0;
         text-overflow: ellipsis;
         overflow: hidden;
         color: #67757c;
         white-space: nowrap; }
 
 /*******************/
 /*Calendar widget*/
 /*******************/
 .calendar {
   float: left;
   margin-bottom: 0px; }
 
 .fc-view {
   margin-top: 30px; }
 
 .none-border .modal-footer {
   border-top: none; }
 
 .fc-toolbar {
   margin-bottom: 5px;
   margin-top: 15px; }
   .fc-toolbar h2 {
     font-size: 18px;
     font-weight: 500;
     line-height: 30px;
     text-transform: uppercase; }
 
 .fc-day {
   background: #ffffff; }
 
 .fc-toolbar .fc-state-active,
 .fc-toolbar .ui-state-active,
 .fc-toolbar button:focus,
 .fc-toolbar button:hover,
 .fc-toolbar .ui-state-hover {
   z-index: 0; }
 
 .fc-widget-header {
   border: 0px !important; }
 
 .fc-widget-content {
   border-color: rgba(120, 130, 140, 0.13) !important; }
 
 .fc th.fc-widget-header {
   color: #67757c;
   font-size: 13px;
   font-weight: 300;
   line-height: 20px;
   padding: 7px 0px;
   text-transform: uppercase; }
 
 .fc th.fc-sun,
 .fc th.fc-tue,
 .fc th.fc-thu,
 .fc th.fc-sat {
   background: #f2f7f8; }
 
 .fc th.fc-mon,
 .fc th.fc-wed,
 .fc th.fc-fri {
   background: #f2f7f8; }
 
 .fc-view {
   margin-top: 0px; }
 
 .fc-toolbar {
   margin: 0px;
   padding: 24px 0px; }
 
 .fc-button {
   background: #ffffff;
   border: 1px solid rgba(120, 130, 140, 0.13);
   color: #67757c;
   text-transform: capitalize; }
   .fc-button:hover {
     background: #e9edf2;
     opacity: 0.8; }
 
 .fc-text-arrow {
   font-family: inherit;
   font-size: 16px; }
 
 .fc-state-hover {
   background: #F5F5F5; }
 
 .fc-unthemed .fc-today {
   border: 1px solid #ff5c6c;
   background: #e9edf2 !important; }
 
 .fc-state-highlight {
   background: #f0f0f0; }
 
 .fc-cell-overlay {
   background: #f0f0f0; }
 
 .fc-unthemed .fc-today {
   background: #ffffff; }
 
 .fc-event {
   border-radius: 0px;
   border: none;
   cursor: move;
   color: #ffffff !important;
   font-size: 13px;
   margin: 1px -1px 0 -1px;
   padding: 5px 5px;
   text-align: center;
   background: var(--primary); }
 
 .calendar-event {
   cursor: move;
   margin: 10px 5px 0 0;
   padding: 6px 10px;
   display: inline-block;
   color: #ffffff;
   min-width: 140px;
   text-align: center;
   background: var(--primary); }
   .calendar-event a {
     float: right;
     opacity: 0.6;
     font-size: 10px;
     margin: 4px 0 0 10px;
     color: #ffffff; }
 
 .fc-basic-view td.fc-week-number span {
   padding-right: 5px; }
 
 .fc-basic-view .fc-day-number {
   padding: 10px 15px;
   display: inline-block; }
 
 /*******************/
 /*Steam line widget*/
 /*******************/
 .steamline {
   position: relative;
   border-left: 1px solid rgba(120, 130, 140, 0.13);
   margin-left: 20px; }
   .steamline .sl-left {
     float: left;
     margin-left: -20px;
     z-index: 1;
     width: 40px;
     line-height: 40px;
     text-align: center;
     height: 40px;
     border-radius: 100%;
     color: #ffffff;
     margin-right: 15px; }
     .steamline .sl-left img {
       max-width: 40px; }
 
 .steamline .sl-right {
   padding-left: 50px; }
   .steamline .sl-right .desc,
   .steamline .sl-right .inline-photos {
     margin-bottom: 30px; }
 
 .steamline .sl-item {
   border-bottom: 1px solid rgba(120, 130, 140, 0.13);
   margin: 20px 0; }
 
 .sl-date {
   font-size: 10px;
   color: #bcc3d3; }
 
 .time-item {
   border-color: rgba(120, 130, 140, 0.13);
   padding-bottom: 1px;
   position: relative; }
   .time-item:before {
     content: " ";
     display: table; }
   .time-item:after {
     background-color: #ffffff;
     border-color: rgba(120, 130, 140, 0.13);
     border-radius: 10px;
     border-style: solid;
     border-width: 2px;
     bottom: 0;
     content: '';
     height: 14px;
     left: 0;
     margin-left: -8px;
     position: absolute;
     top: 5px;
     width: 14px; }
 
 .time-item-item:after {
   content: " ";
   display: table; }
 
 .item-info {
   margin-bottom: 15px;
   margin-left: 15px; }
   .item-info p {
     margin-bottom: 10px !important; }
 
 /*******************/
 /*Feed widget*/
 /*******************/
 .feeds {
   margin: 0px;
   padding: 0px; }
   .feeds li {
     list-style: none;
     padding: 10px;
     display: block; }
     .feeds li:hover {
       background: rgba(0, 0, 0, 0.02); }
     .feeds li > div {
       width: 40px;
       height: 40px;
       margin-right: 5px;
       display: inline-block;
       text-align: center;
       vertical-align: middle;
       border-radius: 100%; }
       .feeds li > div i {
         line-height: 40px; }
     .feeds li span {
       float: right;
       width: auto;
       font-size: 12px; }
 
 /*******************/
 /*Vertical carousel*/
 /*******************/
 .vert .carousel-item-next.carousel-item-left,
 .vert .carousel-item-prev.carousel-item-right {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0); }
 
 .vert .carousel-item-next,
 .vert .active.carousel-item-right {
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100% 0); }
 
 .vert .carousel-item-prev,
 .vert .active.carousel-item-left {
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0); }
 
 /*******************/
 /*social-widgets*/
 /*******************/
 .social-widget .soc-header {
   padding: 15px;
   text-align: center;
   font-size: 36px;
   color: #fff; }
   .social-widget .soc-header.box-facebook {
     background: #3b5998; }
   .social-widget .soc-header.box-twitter {
     background: #00aced; }
   .social-widget .soc-header.box-google {
     background: #f86c6b; }
   .social-widget .soc-header.box-linkedin {
     background: #4875b4; }
 
 .social-widget .soc-content {
   display: flex;
   text-align: center; }
   .social-widget .soc-content div {
     padding: 10px; }
     .social-widget .soc-content div h3 {
       margin-bottom: 0px; }
 
 /*******************/
 /*social-profile-first*/
 /*******************/
 .social-profile-first {
   text-align: center;
   padding-top: 22%;
   margin-bottom: 96px; }
   .social-profile-first.bg-over {
     background: rgba(56, 83, 161, 0.7); }
   .social-profile-first .middle {
     vertical-align: middle; }
 
 /*******************/
 /*profile timeline widget*/
 /*******************/
 .profiletimeline {
   position: relative;
   padding-left: 40px;
   margin-right: 10px;
   border-left: 1px solid rgba(120, 130, 140, 0.13);
   margin-left: 30px; }
   .profiletimeline .sl-left {
     float: left;
     margin-left: -60px;
     z-index: 1;
     margin-right: 15px; }
     .profiletimeline .sl-left img {
       max-width: 40px; }
 
 .profiletimeline .sl-item {
   margin-top: 8px;
   margin-bottom: 30px; }
 
 .profiletimeline .sl-date {
   font-size: 12px;
   color: #bcc3d3; }
 
 .profiletimeline .time-item {
   border-color: rgba(120, 130, 140, 0.13);
   padding-bottom: 1px;
   position: relative; }
   .profiletimeline .time-item:before {
     content: " ";
     display: table; }
   .profiletimeline .time-item:after {
     background-color: #ffffff;
     border-color: rgba(120, 130, 140, 0.13);
     border-radius: 10px;
     border-style: solid;
     border-width: 2px;
     bottom: 0;
     content: '';
     height: 14px;
     left: 0;
     margin-left: -8px;
     position: absolute;
     top: 5px;
     width: 14px; }
 
 .profiletimeline .time-item-item:after {
   content: " ";
   display: table; }
 
 .profiletimeline .item-info {
   margin-bottom: 15px;
   margin-left: 15px; }
   .profiletimeline .item-info p {
     margin-bottom: 10px !important; }
 
 /*little-profile*/
 .little-profile .pro-img {
   margin-bottom: 20px; }
   .little-profile .pro-img img {
     width: 128px;
     height: 128px;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
     border-radius: 100%; }
 
 .little-profile .soc-pro a {
   color: #bcc3d3; }
   .little-profile .soc-pro a:hover {
     color: #263238; }
 
 /*******************
 /*States row*/
 /*******************/
 .stats-row {
   margin-bottom: 20px; }
   .stats-row .stat-item {
     display: inline-block;
     padding-right: 15px; }
     .stats-row .stat-item + .stat-item {
       padding-left: 15px;
       border-left: 1px solid rgba(120, 130, 140, 0.13); }
 
 /*******************/
 /*Guage chart*/
 /*******************/
 .gaugejs-box {
   position: relative;
   margin: 0 auto; }
 
 .gaugejs-box canvas.gaugejs {
   width: 100% !important;
   height: auto !important; }
 
 /*******************/
 /*country-state*/
 /*******************/
 .country-state {
   list-style: none;
   margin: 0;
   padding: 0 0 0 10px; }
   .country-state li {
     margin-top: 30px;
     margin-bottom: 10px; }
   .country-state h2 {
     margin-bottom: 0px;
     font-weight: 400; }
 
 /*contact widgets*/
 .contact-box {
   position: relative; }
   .contact-box .add-ct-btn {
     position: absolute;
     right: 4px;
     top: -46px; }
   .contact-box .contact-widget > a {
     padding: 15px 10px; }
     .contact-box .contact-widget > a .user-img {
       margin-bottom: 0px !important; }
 
 /*Blog widgets*/
 .blog-widget {
   margin-top: 30px; }
   .blog-widget .blog-image img {
     border-radius: 4px;
     margin-top: -45px;
     margin-bottom: 20px;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
 
 /*******************/
 /*Msg box*/
 /*******************/
 .msg-item {
   margin-bottom: 20px; }
 
 .msg-body {
   background: #ffffff;
   padding: 15px;
   font-size: 14px;
   position: relative; }
   .msg-body .dwn-aro {
     width: 0;
     position: absolute;
     bottom: -8px;
     height: 0;
     left: 10px;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid #ffffff; }
 
 .m-pic img {
   width: 40px;
   border-radius: 100%; }
 
 /*******************/
 /*Activity widgets*/
 /*******************/
 .activity-box .date-devider {
   border-top: 2px solid rgba(120, 130, 140, 0.13);
   position: relative; }
   .activity-box .date-devider span {
     background: #e9edf2;
     padding: 5px 15px;
     border-radius: 60px;
     font-size: 14px;
     top: -15px;
     position: relative;
     margin-left: 20px; }
 
 .activity-box .activity-item {
   display: flex;
   margin-bottom: 30px; }
   .activity-box .activity-item .image-list > a {
     margin-left: -15px;
     position: relative;
     vertical-align: middle; }
     .activity-box .activity-item .image-list > a:first-child, .activity-box .activity-item .image-list > a:last-child {
       margin-left: 0px; }
     .activity-box .activity-item .image-list > a:hover {
       z-index: 10; }
       .activity-box .activity-item .image-list > a:hover img {
         box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); }
 
 /*============================================================== 
 widget-chart-page product review
  ============================================================== */
 .product-review {
   margin: 0px;
   padding: 25px; }
   .product-review li {
     display: block;
     padding: 20px 0;
     list-style: none; }
     .product-review li .font,
     .product-review li span {
       display: inline-block;
       margin-left: 10px; }
 
 .social-profile {
   text-align: center;
   background: rgba(7, 10, 43, 0.8); }
 
 .profile-tab li a.nav-link, .customtab li a.nav-link {
   border: 0px;
   padding: 15px 20px;
   color: #67757c; }
   .profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
     border-bottom: 2px solid var(--primary);
     color: var(--primary); }
   .profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
     color: var(--primary); }
 
 .ps-container {
   -ms-touch-action: auto;
   touch-action: auto;
   overflow: hidden !important;
   -ms-overflow-style: none; }
 
 @supports (-ms-overflow-style: none) {
   .ps-container {
     overflow: auto !important; } }
 
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .ps-container {
     overflow: auto !important; } }
 
 .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
   display: block;
   background-color: transparent; }
 
 .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
   background-color: transparent;
   opacity: .9; }
 
 .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
   background-color: rgba(0, 0, 0, 0.2);
   height: 11px; }
 
 .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
   background-color: transparent;
   opacity: .9; }
 
 .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
   background-color: rgba(0, 0, 0, 0.2);
   width: 11px; }
 
 .ps-container > .ps-scrollbar-x-rail {
   display: none;
   position: absolute;
   opacity: 0;
   -webkit-transition: background-color .2s linear,opacity .2s linear;
   -o-transition: background-color .2s linear,opacity .2s linear;
   -moz-transition: background-color .2s linear,opacity .2s linear;
   transition: background-color .2s linear,opacity .2s linear;
   bottom: 0;
   height: 15px; }
 
 .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
   position: absolute;
   background-color: rgba(0, 0, 0, 0.2);
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
   transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
   -o-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
   -moz-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
   transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
   transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
   bottom: 2px;
   height: 6px; }
 
 .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
   height: 6px; }
 
 .ps-container > .ps-scrollbar-y-rail {
   display: none;
   position: absolute;
   opacity: 0;
   -webkit-transition: background-color .2s linear,opacity .2s linear;
   -o-transition: background-color .2s linear,opacity .2s linear;
   -moz-transition: background-color .2s linear,opacity .2s linear;
   transition: background-color .2s linear,opacity .2s linear;
   right: 0;
   width: 15px; }
 
 .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
   position: absolute;
   background-color: rgba(0, 0, 0, 0.2);
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
   transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
   -o-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
   -moz-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
   transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
   transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
   right: 2px;
   width: 6px; }
 
 .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
   width: 6px; }
 
 .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
   background-color: transparent;
   opacity: .9; }
 
 .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
   background-color: rgba(0, 0, 0, 0.2);
   height: 6px; }
 
 .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
   background-color: transparent;
   opacity: .9; }
 
 .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
   background-color: rgba(0, 0, 0, 0.2);
   width: 6px; }
 
 .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
   opacity: .6; }
 
 .ps-container:hover > .ps-scrollbar-x-rail:hover {
   background-color: transparent;
   opacity: .9; }
 
 .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
   background-color: rgba(0, 0, 0, 0.2); }
 
 .ps-container:hover > .ps-scrollbar-y-rail:hover {
   background-color: transparent;
   opacity: .9; }
 
 .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
   background-color: rgba(0, 0, 0, 0.2); }
 
 .ps-container .ps-scrollbar-y-rail {
   position: absolute;
   /* please don't change 'position' */
   right: 3px;
   /* there must be 'right' for ps-scrollbar-y-rail */
   width: 8px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   opacity: 0;
   filter: alpha(opacity=0);
   -o-transition: background-color .2s linear, opacity .2s linear;
   -webkit-transition: background-color .2s linear, opacity .2s linear;
   -moz-transition: background-color .2s linear, opacity .2s linear;
   transition: background-color .2s linear, opacity .2s linear; }
 
 /*
 Template Name: Admin Pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 @media (min-width: 1600px) {
   .col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9 {
     float: left; }
   .col-xlg-12 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 100%;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%; }
   .col-xlg-11 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 91.66666667%;
     -ms-flex: 0 0 91.66666667%;
     flex: 0 0 91.66666667%;
     max-width: 91.66666667%; }
   .col-xlg-10 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 83.33333333%;
     -ms-flex: 0 0 83.33333333%;
     flex: 0 0 83.33333333%;
     max-width: 83.33333333%; }
   .col-xlg-9 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 75%;
     -ms-flex: 0 0 75%;
     flex: 0 0 75%;
     max-width: 75%; }
   .col-xlg-8 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 66.66666667%;
     -ms-flex: 0 0 66.66666667%;
     flex: 0 0 66.66666667%;
     max-width: 66.66666667%; }
   .col-xlg-7 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 58.33333333%;
     -ms-flex: 0 0 58.33333333%;
     flex: 0 0 58.33333333%;
     max-width: 58.33333333%; }
   .col-xlg-6 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 50%;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%; }
   .col-xlg-5 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 41.66666667%;
     -ms-flex: 0 0 41.66666667%;
     flex: 0 0 41.66666667%;
     max-width: 41.66666667%; }
   .col-xlg-4 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 33.33333333%;
     -ms-flex: 0 0 33.33333333%;
     flex: 0 0 33.33333333%;
     max-width: 33.33333333%; }
   .col-xlg-3 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 25%;
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%; }
   .col-xlg-2 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 16.66666667%;
     -ms-flex: 0 0 16.66666667%;
     flex: 0 0 16.66666667%;
     max-width: 16.66666667%; }
   .col-xlg-1 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 8.33333333%;
     -ms-flex: 0 0 8.33333333%;
     flex: 0 0 8.33333333%;
     max-width: 8.33333333%; }
   .col-xlg-pull-12 {
     right: 100%; }
   .col-xlg-pull-11 {
     right: 91.66666667%; }
   .col-xlg-pull-10 {
     right: 83.33333333%; }
   .col-xlg-pull-9 {
     right: 75%; }
   .col-xlg-pull-8 {
     right: 66.66666667%; }
   .col-xlg-pull-7 {
     right: 58.33333333%; }
   .col-xlg-pull-6 {
     right: 50%; }
   .col-xlg-pull-5 {
     right: 41.66666667%; }
   .col-xlg-pull-4 {
     right: 33.33333333%; }
   .col-xlg-pull-3 {
     right: 25%; }
   .col-xlg-pull-2 {
     right: 16.66666667%; }
   .col-xlg-pull-1 {
     right: 8.33333333%; }
   .col-xlg-pull-0 {
     right: auto; }
   .col-xlg-push-12 {
     left: 100%; }
   .col-xlg-push-11 {
     left: 91.66666667%; }
   .col-xlg-push-10 {
     left: 83.33333333%; }
   .col-xlg-push-9 {
     left: 75%; }
   .col-xlg-push-8 {
     left: 66.66666667%; }
   .col-xlg-push-7 {
     left: 58.33333333%; }
   .col-xlg-push-6 {
     left: 50%; }
   .col-xlg-push-5 {
     left: 41.66666667%; }
   .col-xlg-push-4 {
     left: 33.33333333%; }
   .col-xlg-push-3 {
     left: 25%; }
   .col-xlg-push-2 {
     left: 16.66666667%; }
   .col-xlg-push-1 {
     left: 8.33333333%; }
   .col-xlg-push-0 {
     left: auto; }
   .offset-xlg-12 {
     margin-left: 100%; }
   .offset-xlg-11 {
     margin-left: 91.66666667%; }
   .offset-xlg-10 {
     margin-left: 83.33333333%; }
   .offset-xlg-9 {
     margin-left: 75%; }
   .offset-xlg-8 {
     margin-left: 66.66666667%; }
   .offset-xlg-7 {
     margin-left: 58.33333333%; }
   .offset-xlg-6 {
     margin-left: 50%; }
   .offset-xlg-5 {
     margin-left: 41.66666667%; }
   .offset-xlg-4 {
     margin-left: 33.33333333%; }
   .offset-xlg-3 {
     margin-left: 25%; }
   .offset-xlg-2 {
     margin-left: 16.66666667%; }
   .offset-xlg-1 {
     margin-left: 8.33333333%; }
   .offset-xlg-0 {
     margin-left: 0; } }
 
 .col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9 {
   position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px; }
 
 /*-------------------*/
 /*Bootstrap 4 hack*/
 /*-------------------*/
 .bootstrap-touchspin .input-group-btn {
   align-items: normal; }
 
 .form-control-danger, .form-control-success, .form-control-warning {
   padding-right: 2.25rem;
   background-repeat: no-repeat;
   background-position: center right .5625rem;
   -webkit-background-size: 1.125rem 1.125rem;
   background-size: 1.125rem 1.125rem; }
 
 .has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label {
   color: #24d2b5; }
 
 .has-success .form-control-success {
   background-image: url(../../assets/images/icon/success.svg); }
 
 .has-success .form-control {
   border-color: #24d2b5; }
 
 .has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label {
   color: #ff9041; }
 
 .has-warning .form-control-warning {
   background-image: url(../../assets/images/icon/warning.svg); }
 
 .has-warning .form-control {
   border-color: #ff9041; }
 
 .has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label {
   color: #ff5c6c; }
 
 .has-danger .form-control-danger {
   background-image: url(../../assets/images/icon/danger.svg); }
 
 .has-danger .form-control {
   border-color: #ff5c6c; }
 
 .input-group-addon [type="radio"]:not(:checked),
 .input-group-addon [type="radio"]:checked,
 .input-group-addon [type="checkbox"]:not(:checked),
 .input-group-addon [type="checkbox"]:checked {
   position: initial;
   opacity: 1; }
 
 .invisible {
   visibility: hidden !important; }
 
 .hidden-xs-up {
   display: none !important; }
 
 @media (max-width: 575px) {
   .hidden-xs-down {
     display: none !important; } }
 
 @media (min-width: 576px) {
   .hidden-sm-up {
     display: none !important; } }
 
 @media (max-width: 767px) {
   .hidden-sm-down {
     display: none !important; } }
 
 @media (min-width: 768px) {
   .hidden-md-up {
     display: none !important; } }
 
 @media (max-width: 991px) {
   .hidden-md-down {
     display: none !important; } }
 
 @media (min-width: 992px) {
   .hidden-lg-up {
     display: none !important; } }
 
 @media (max-width: 1199px) {
   .hidden-lg-down {
     display: none !important; } }
 
 @media (min-width: 1200px) {
   .hidden-xl-up {
     display: none !important; } }
 
 .hidden-xl-down {
   display: none !important; }
 
 .card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title {
   color: #ffffff; }
 
 /*
 Template Name: Admin Pro Admin
 Author: Wrappixel
 Email: niravjoshi87@gmail.com
 File: scss
 */
 /*============================================================== 
  For Laptop & above all (1650px) 
  ============================================================== */
 @media (min-width: 1650px) {
   .widget-app-columns {
     column-count: 3; }
   .website-visitor {
     height: 445px; }
   .auto-height {
     max-height: 315px; } }
 
 @media (max-width: 1600px) {
   .website-visitor {
     height: 333px; }
   .auto-height {
     min-height: 240px; } }
 
 /*============================================================== 
  For Laptop & above all (1370px) 
  ============================================================== */
 @media (max-width: 1370px) {
   .widget-app-columns {
     column-count: 2; }
   .website-visitor {
     height: 353px; }
   .auto-height {
     min-height: 186px; } }
 
 /*-- ============================================================== 
  Small Desktop & above all (1024px) 
  ============================================================== */
 @media (min-width: 1024px) {
   .page-wrapper {
     margin-left: 260px; } }
 
 @media (max-width: 1023px) {
   .page-wrapper {
     margin-left: 70px;
     transition: 0.2s ease-in; }
   .widget-app-columns {
     column-count: 1; }
   .inbox-center a {
     width: 200px; }
   .hdr-nav-bar .navbar .navbar-nav > li a {
     padding: 12px 15px;
     border-bottom: 0px solid transparent;
     border-left: 2px solid transparent; }
   .hdr-nav-bar .navbar .navbar-nav > li:hover a {
     padding: 12px 20px; }
   .hdr-nav-bar .call-to-act .custom-select {
     margin-bottom: 10px; }
   .d-flex {
     display: block !important; }
     .d-flex.no-block {
       display: flex !important; } }
 
 /*-- ============================================================== 
  Ipad & above all(768px) 
  ============================================================== */
 @media (min-width: 768px) {
   .navbar-header {
     width: 260px;
     flex-shrink: 0; }
     .navbar-header .navbar-brand {
       padding-top: 0px; }
   /*This is for the breeadcrumd*/
   .page-titles .breadcrumb {
     text-transform: uppercase; }
   .card-group .card:first-child,
   .card-group .card:not(:first-child):not(:last-child) {
     border-right: 1px solid rgba(0, 0, 0, 0.03); }
   .material-icon-list-demo .icons div {
     width: 33%;
     padding: 15px;
     display: inline-block;
     line-height: 40px; }
   .mini-sidebar .page-wrapper {
     margin-left: 70px; }
   .flex-wrap {
     flex-wrap: nowrap !important;
     -webkit-flex-wrap: nowrap !important; } }
 
 /*-- ============================================================== 
  Phone and below ipad(767px) 
  ============================================================== */
 @media (max-width: 767px) {
   .container-fluid {
     padding: 25px 15px 25px 15px; }
   /*Header*/
   .topbar {
     position: fixed;
     width: 100%; }
     .topbar .top-navbar {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       flex-wrap: nowrap;
       -webkit-align-items: center; }
       .topbar .top-navbar .navbar-collapse {
         display: flex;
         border-bottom: 3px solid #f6f9fa;
         width: 100%;
         }
       .topbar .top-navbar .navbar-nav {
         flex-direction: row; }
         .topbar .top-navbar .navbar-nav > .nav-item.show {
           position: static; }
           .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
             width: 100%;
             margin-top: 0px; }
         .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
           padding-left: 1rem;
           padding-right: 1rem;
           }
         .topbar .top-navbar .navbar-nav .dropdown-menu {
           position: absolute; }
   .mega-dropdown .dropdown-menu {
     height: 480px;
     overflow: auto; }
   /*Sidebar and wrapper*/
   .mini-sidebar .page-wrapper {
     margin-left: 0px;
     margin-top: 60px;
     padding-top: 0;
     padding-bottom: 80px;
     }
   .comment-text .comment-footer .action-icons {
     display: block;
     padding: 10px 0; }
   .vtabs .tabs-vertical {
     width: auto; }
   /*Footer*/
   .material-icon-list-demo .icons div {
     width: 100%; }
   .error-page .footer {
     position: fixed;
     bottom: 0px;
     z-index: 10; }
   .error-box {
     position: relative;
     padding-bottom: 60px; }
   .error-body {
     padding-top: 10%; }
     .error-body h1 {
       font-size: 100px !important;
       font-weight: 600 !important;
       line-height: 100px !important; }
   .login-register {
     position: relative;
     overflow: hidden; }
   .login-box {
     width: 90%; }
   .login-sidebar {
     padding: 10% 0; }
     .login-sidebar .login-box {
       position: relative; }
   /*This is for chat page*/
   .chat-main-box .chat-left-aside {
     left: -250px;
     position: absolute;
     transition: 0.5s ease-in;
     background: #ffffff; }
     .chat-main-box .chat-left-aside.open-pnl {
       left: 0px; }
     .chat-main-box .chat-left-aside .open-panel {
       display: block; }
   .chat-main-box .chat-right-aside {
     width: 100%; }
   /*Timeline*/
   ul.timeline:before {
     left: 40px; }
   ul.timeline > li > .timeline-panel {
     width: calc(100% - 90px); }
   ul.timeline > li > .timeline-badge {
     top: 16px;
     left: 15px;
     margin-left: 0; }
   ul.timeline > li > .timeline-panel {
     float: right; }
   ul.timeline > li > .timeline-panel:before {
     right: auto;
     left: -15px;
     border-right-width: 15px;
     border-left-width: 0; }
   ul.timeline > li > .timeline-panel:after {
     right: auto;
     left: -14px;
     border-right-width: 14px;
     border-left-width: 0; }
   /*Contact app page*/
   .left-aside {
     width: 100%;
     position: relative;
     border: 0px; }
   .right-aside {
     margin-left: 0px; }
   .flex-wrap {
     flex-wrap: wrap !important;
     -webkit-flex-wrap: wrap !important; }
   .chat-list li .chat-content {
     width: 100%;
     }
   .chat-list li.reverse .chat-content {
     width: 100% !important;
     }
   /*Calendar*/
   .fc-toolbar .fc-left, .fc-toolbar .fc-right, .fc-toolbar .fc-center {
     float: none;
     display: block;
     text-align: center;
     margin-top: 10px;
     overflow: hidden; }
   .dataTables_wrapper .dataTables_paginate {
     width: 100%; }
     .dataTables_wrapper .dataTables_paginate .paginate_button {
       padding: 0.5rem 0.6rem; } }
 .btn {
   font-size: .9rem;
 }
   .btn:not(.btn-circle){
     border-radius: 0;
   }
 table.disabled{
   opacity: .75;
 }
 @media (max-width: 767px){
   .mobile{
     display: none;
   }
   #tableClientes_wrapper{
     padding: 0;
   }
   #tableClientes_filter{
     float: left;
   }
   #tableFornecedores_wrapper{
     padding: 0;
   }
   #tableFornecedores_filter{
     float: left;
   }
   .login-sidebar .login-box{
     height: auto;
   }
   .login-body{
     height: 100vh;
   }
   form label{
     margin-bottom: .1rem;
     margin-top: .5rem;
   }
 }
 @media (min-width: 768px){
   .desktop{
     display: none;
   }
 }
 .preloader .loader{
   font-size: 30px;
 }
 .btn.disable-effect {
  cursor: default !important;
 }
 .btn:not(:disabled):not(.disable-effect):hover, .btn:not(:disabled):not(.disable-effect).active, .btn:not(:disabled):not(.disable-effect)[aria-expanded="true"]{
   opacity: 0.8;
   text-decoration: none;
   outline: none !important;
   -webkit-transform: translate3d(0, -2px, 0);
   transform: translate3d(0, -2px, 0);
   -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.4);
   box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.4);
   transition: .2s ease all;
 }
 .btn-primary:disabled{
   cursor: not-allowed;
   border-color: var(--primary);
   background: var(--primary);
   opacity: .6;
 }
 .btn-outline-secondary:disabled{
   cursor: not-allowed;
   border-color: #ced4da;
   background: #e9ecef;
   opacity: .6;
 }
 .btnInput:hover{
   text-decoration: none;
   outline: none !important;
   -webkit-transform: translate3d(0, -2px, 0);
   transform: translate3d(0, -2px, 0);
   -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.4);
   box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.4);
   transition: .2s ease all;
 }
 select.form-control{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none; 
 }
 .topbar .sidebartoggler {
   border-right: 1px solid rgba(120, 130, 140, 0.13);
 }
 
 input.error, select.error, .select2-selection.error{
   position: relative;
   border: 2px solid red !important;
   animation: shake 0.3s;
 }
 label.btn.error{
   position: relative;
   border: 2px solid red !important;
   animation: shake 0.3s;
 }
 .dropify-wrapper.error{
   position: relative;
   border: 2px solid red !important;
   animation: shake 0.3s;
 }
 
 
 input.errorLogin, select.errorLogin{
   position: relative;
   border-bottom: 2px solid red !important;
   animation: shake 0.3s;
 }
 
 input.look, select.look,.select2-selection.look{
   position: relative;
   border: 2px solid var(--primary) !important;
   animation: shake 0.3s;
 }
 
 input.success, select.success{
   position: relative;
   border: 2px solid var(--success) !important;
   animation: shake 0.3s;
 }
 @keyframes shake{
   0% , 100%{
     left: 0px;
   }
   20% , 80%{
     left: -15px;
   }
   40% , 60%{
     left: 15px;
   }
 }
 
 #date-picker{
   text-align: right;
 }
 .caret {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: 2px;
     vertical-align: middle;
     border-top: 4px dashed;
     border-top: 4px solid;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent;
 }
 .va-middle{
   vertical-align: middle;
 }
 table .badge{
   font-size: 14px;
   letter-spacing: 0px;
 }
 .formFilter .form-control, .formFilter .custom-select{
   border-left: none !important;
   border-top: none !important;
   border-right: none !important;
 }
 .formFilter .form-control:focus, .formFilter .custom-select:focus{
   outline: none;
   box-shadow: none;
 }
 
 .floating-labels .form-control:focus{
   outline: none;
   box-shadow: none;
 }
 .floating-labels .form-control{
   border-left: none !important;
   border-top: none !important;
   border-right: none !important;
 }
 select.form-control {
   background: url(../../assets/images/custom-select.png) right 0.75rem center no-repeat; border-radius: 0; 
 }
 .drop-info-login{
   padding-top: 5px;
   padding-left: calc(21px + .5rem);
 }
 .nav-item.disabled{
   opacity: .4;
   cursor: not-allowed;
   pointer-events: none;
   text-decoration: line-through;
 }
 .fa,.fas,.far{
   vertical-align: middle;
 }
 @media (min-width: 768px){
   .shw-rside.sidebarAvaliar{
     width: 35vw;
   }
   .right-sidebar.sidebarAvaliar:not(.shw-rside){
     width: -35vw;
   }
   .table-responsive {
     display: table;
   }
 }
 @media (max-width: 768px){
   .shw-rside.sidebarAvaliar{
     width: 100vw;
   }
   .right-sidebar.sidebarAvaliar:not(.shw-rside){
     width: -100vw;
   }
 }
 .nav {
   white-space: nowrap;
   flex-wrap: nowrap;
   max-width: 100%;
   overflow-x: scroll;
   overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
 }
 .nav::-webkit-scrollbar {
   display: none;
 }
 
 .nav li {
   display: inline-block
 }
 
 .carInfo label{
   font-weight: bold;
 }
 .carInfo .fas{
   font-size: 16px;
   color: #455a64;
 }
 .carInfo [data-toggle="collapse"][aria-expanded="true"] .fas:before{
   content: "\f078";
 }
 
 .carInfo [data-toggle="collapse"][aria-expanded="false"] .fas:before{
   content: "\f053";
 }
 
 .cursor-pointer{
   cursor: pointer;
 }
 
 .form-RealizarAvaliacao label.btn:not(.active){
   color: #fff;
   background-color: #8c8c8c !important;
   border-color: #8c8c8c;
 }
 .nav-item .nav-link.disabled{
   cursor: not-allowed;
   opacity: .5;
 }
 
 .floating-labels #date-picker .form-control:focus{
   border-bottom: 2px solid var(--primary);
 }
 
 .btn-group.disabled{
   pointer-events: none;
 }
 .btn-group.disabled:hover{
   cursor: not-allowed;
 }
 .prospect-owner img{
   max-width: 35px;
   max-height: 35px;
   z-index: 1;
   background-color: #DFE1E5;
   border: 1px solid #c1c7d0;
   padding: .5px;
 }
 .prospect-owner img:not(:first-child){
   margin-left: -10px;
 }
 .prospect-owner img:hover{
   cursor: pointer;
   background-color: #c1c7d0;
   z-index: 2;
   -webkit-transform:  scale(1.2);
   transform: scale(1.2);
   -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.4);
   box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.4);
   transition: .2s ease all;
 }
 @media (max-width: 767px){
   .navbar-header{
     display: none;
   }
   .u-pro{
     display: none;
   }
   .page-wrapper .container-fluid:first-child{
     padding: 5px;
   }
   .page-wrapper{
     /* background: white; */
   }
    .page-titles {
      margin: 10px 0;
    }
    .dataTables_wrapper{
      padding-top: 0 !important;
    }
    .dataTables_wrapper table.dataTable{
      margin-top: 0;
    }
    .dataTables_wrapper .row .col-12{
      padding: 0;
    }
    .divSearch .card .card-body{
      padding: 0px 10px 5px !important;
    }
    .dataTables_paginate.paging_simple_numbers .pagination{
      justify-content: center !important;
    }
    .dataTables_paginate.paging_simple_numbers .pagination li{
      padding: .5rem 0;
    }
    .dataTables_wrapper .dt-buttons{
      display: flex !important;
      justify-content: center !important;
    }
 }
 .dropMobileSearch{
   display: none;
 }
.collapseBAvaliacao [role="button"]:hover{
  cursor: pointer;
}
.collapseBAvaliacao [role="button"]:hover h4.card-title{
  color: var(--primary) !important;
}
.collapseBAvaliacao [role="button"]:hover h4.card-title .lstick{
  width: 5px;
  transition: .3s ease width;
}
.lstick[data-status="success"]{
  background: #24d2b5;
}
.lstick[data-status="warning"]{
  background: #ff9041;
}
.lstick[data-status="danger"]{
  background: #ff5c6c;
}
.collapseBAvaliacao [role="button"][aria-expanded="true"] h4.card-title{
  color: var(--primary) !important;
}
.collapseBAvaliacao [role="button"][aria-expanded="true"] .lstick{
  width: 5px;
}
.divSearch .mail-divUser{
  display: flex;
}
.divSearch .mail-divUser img{
  max-width: 50px;
  max-height: 50px;
}
#tablePermissoes td[data-name] i{
  margin-right: 10px;
}
#tablePermissoes .badge{
  letter-spacing: 0;
  font-weight: bold;
  border-radius: 2px;
}
#tablePermissoes td, #tablePermissoes th {
  border: 1px solid #dee2e6;
}
.showPwd {
  display: none;
}

.repetir {
  display: none;
}
.qtde_parcelas {
  display: none;
}

input[type="radio"].custom-radio {
  position: absolute;
  opacity: 0;
}
input[type="radio"].custom-radio + label:before {
  content: '';
  background: transparent;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.43em;
  height: 1.4em;
  position: relative;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
input[type="radio"].custom-radio:checked + label:before {
  background-color: var(--primary);
  box-shadow: inset 0 0 0 4px white;
}
input[type="radio"].custom-radio:focus + label:before {
  outline: none;
  border-color: var(--primary);
}
input[type="radio"].custom-radio:disabled + label:before {
  box-shadow: inset 0 0 0 4px white;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
input[type="radio"].custom-radio + label:empty:before {
  margin-right: 0;
}

.modalDevedor table tbody tr:hover{
  background-color: var(--primary);
  color: white;
  font-weight: bold;
  cursor: pointer;
}

.tableSearchDevedor{
  display: none;
}
.modalDevedor .modal-header{
  padding: .5rem 1rem;
}
.modalDevedor .modal-header h5{
  align-self: center;
  font-size: 20px;
}
.modalDevedor .modal-header .close{
  font-size: 2.5rem;
}

label i.question{
  vertical-align: middle;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-left: 5px;
}
label i.question:hover{
  cursor: pointer;
  transform: scale(1.1);
}
label i.question:before{
  content: "\f059";
}
i.info{
  vertical-align: middle;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-left: 5px;
}
i.info:hover{
  cursor: pointer;
  transform: scale(1.1);
}
i.info:before{
  content: "\f05a";
}
label span.required-mark{
  margin-left: 5px;
  color: red;
  font-weight: bold;
  font-size: 15px;
}

.sidebar-nav ul li ul li.disabled a {
  pointer-events: none;
  cursor: not-allowed;
  text-decoration: line-through;
  color: #cacaca;
}
@media (min-width: 768px){
  .sidebar-user{
    display: none;
  }
}
.sidebar-user .dw-user-box {
  padding: 10px 15px; 
  border-bottom: 1px solid rgba(0,0,0,.1); }
  .sidebar-user .dw-user-box .u-img {
    width: 70px;
    display: inline-block;
    vertical-align: top; }
    .sidebar-user .dw-user-box .u-img img {
      width: 70px;
      height: 70px;
      object-fit: cover;
      border-radius: 5px; }
      .sidebar-user .dw-user-box .u-text {
    display: inline-block;
    padding-left: 10px; }
    .sidebar-user .dw-user-box .u-text h4 {
      margin: 0px;
      font-size: 15px; }
      .sidebar-user .dw-user-box .u-text p {
      margin-bottom: 2px;
      font-size: 12px; }
    .sidebar-user .dw-user-box .u-text .btn {
      color: #ffffff;
      padding: 5px 10px;
      display: inline-block; }
      .sidebar-user .dw-user-box .u-text .btn:hover {
        background: #e6294b; }
    .sidebar-user .dw-user-box .u-edit{
      top: 0;
      right: 0;
      position: absolute; }
      .sidebar-user .dw-user-box .u-edit a{
      padding: 10px; }

.rowSelected {
  background-color: #c3c3cc !important;
  transition: all .3s;
}
.dropOptions{
  display: none;
}
.dropOptions .nav-link{
  padding: 8px 20px 13px;
  line-height: 35px !important;
}
table tr[data-color="primary"] th:first-child, table tr[data-color="primary"] td:first-child{
  border-left: 3px solid var(--primary);
}
table tr[data-color="secondary"] th:first-child, table tr[data-color="secondary"] td:first-child{
  border-left: 3px solid var(--secondary);
}
table tr[data-color="warning"] th:first-child, table tr[data-color="warning"] td:first-child{
  border-left: 3px solid var(--warning);
}
table tr[data-color="info"] th:first-child, table tr[data-color="info"] td:first-child{
  border-left: 3px solid var(--info);
}
table tr[data-color="danger"] th:first-child, table tr[data-color="danger"] td:first-child{
  border-left: 3px solid var(--danger);
}
table tr[data-color="success"] th:first-child, table tr[data-color="success"] td:first-child{
  border-left: 3px solid var(--success);
}
table tr.red, table th.red, table td.red{
  color: red;
}
table tr.green, table th.green, table td.green{
  color: green;
}

#tableFluxoCaixa tr[data-estornado="true"] td:not(:nth-child(6)){
  text-decoration: line-through;
  color: red;
}
tr.group, tr.group:hover {
    background-color: #ddd !important;
}
tr.group td, tr.group:hover td {
    color: black !important;
}

.form-RealizarAvaliacao .tab-content img{
  width: auto;
  max-height: 300px;
  height: auto;
  max-width: 100%;
}

select[readonly] + .select2-container {
  pointer-events: none;
  touch-action: none;
}

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

select[readonly] + .select2-container .select2-selection .select2-selection__arrow,
select[readonly] + .select2-container .select2-selection .select2-selection__clear {
  display: none;
}



select[disabled] + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[disabled] + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[disabled] + .select2-container .select2-selection .select2-selection__arrow,
select[disabled] + .select2-container .select2-selection .select2-selection__clear {
  display: none;
}
.card-body.card-border {
  border: 1px solid #eeeff0;
}
.div-blur:not(.blur-off) {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -ms-filter: blur(3px);
  -o-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  cursor: not-allowed !important;
  pointer-events: none !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
 
#dados-veiculo label.btn:not(.active){
  color: #fff;
  background-color: #8c8c8c !important;
  border-color: #8c8c8c;
}
.btn-sm{
  font-size: 12px;
  padding: 3px 5px;
}

.btn-trasparent {
  border: none !important;
}
.btn-trasparent:focus,
.btn-trasparent:hover {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.checkbox-image ul {
  list-style-type: none;
}

.checkbox-image li {
  display: inline-block;
}

.checkbox-image input[type="checkbox"][id^="cb"] {
  display: none;
}

.checkbox-image label {
  border: 1px solid #fff;
  padding: 0px;
  display: block;
  position: relative;
  margin: 10px;
  cursor: pointer;
  text-align: center;
  text-align: center;
  text-align: center;
  text-align: center;
  text-align: c;
}

.checkbox-image label:before {
  background-color: var(--primary);
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid var(--primary);
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

.checkbox-image label img {
  height: 300px;
  width: 300px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

.checkbox-image :checked + label {
  border-color: var(--primary);
}

.checkbox-image :checked + label:before {
  content: "✓";
  background-color: var(--primary);
  transform: scale(1);
  z-index: 9;
}

.checkbox-image :checked + label img {
  transform: scale(0.95);
  z-index: -1;
}
.modal-content{
  border-radius: 0 !important;
  border: none !important;
}
.modal-header{
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  background-color: var(--primary) !important;
}
.modal-title {
  color: white;
  font-weight: bold;
}
.close {
  color: #FFF;
  text-shadow: 0 1px 0 #000;
}

#tableFluxoCaixa .fa-receipt{
  margin-left: 5px;
}
#tableFluxoCaixa .fa-receipt:hover{
  cursor: pointer;
  transform: scale(1.1);
}

.dashWidget h2{
  font-size: 1.2em;
}

.dark-mode .topbar{
  background: #1e1f27;
}

.dark-mode .topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: #8d97ad !important;
}

.dark-mode .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .dark-mode .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: var(--primary) !important;
}

.dark-mode body, html.dark-mode  {
  background: #232630 !important;
}
.dark-mode .page-wrapper {
  background: #232630 !important;
}

.dark-mode .left-sidebar {
  background: #1e1f27 !important;
}
.dark-mode .sidebar-nav {
  background: #1f2028 !important;
}
.dark-mode .card {
  background-color: #1f2028;
}
.dark-mode .sidebar-nav > ul > li > a.active {
  background: #1f2028 !important;
  transition: .5s ease all;
}
.dark-mode .topbar .navbar-header {
  background: #1f2028 !important;
}
.dark-mode .floating-labels .focused label {
  color: #8d97ad !important;
}
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6 {
  color: #8d97ad;
}
.dark-mode .topbar .navbar-collapse {
  padding: 0px;
  border-bottom: 1px solid #8d97ad;
}
.dark-mode .topbar .sidebartoggler {
  border-right: 1px solid #8d97ad;
}
.dark-mode .topbar .profile-pic {
  border-left: 1px solid #8d97ad;
}
.dark-mode .topbar .top-navbar .navbar-header {
  border-right: 1px solid #8d97ad;
  border-bottom: 1px solid #8d97ad;
}
.dark-mode .dropdown-menu {
  background-color: #242630;
  color: #8d97ad;
}
.dark-mode .preloader {
  background: #232630 !important;
}
.dark-mode .topbar ul.dropdown-user li a:hover {
  background: #1f2028 !important;
}
.dark-mode .mailbox .message-center a:hover {
  background: #1f2028 !important;
}
.dark-mode .table {
  color: #FFF;
}
.dark-mode .daterangepicker {
  background-color: #202128;
  border: 1px solid var(--primary);
}
.dark-mode .daterangepicker .ranges li:hover {
  background-color: #232630;
  color: var(--primary);
}
.dark-mode .daterangepicker .ranges li.active {
  background-color: #232630;
  color: var(--primary) !important;
}
.dark-mode .floating-labels #date-picker .form-control:focus {
  border-bottom: 2px solid var(--primary);
  color: var(--primary);
}
.dark-mode .floating-labels .form-control:focus {
  color: var(--primary);
}
.dark-mode .form-control {
  color: white;
  background-color: #242630;
}
.dark-mode .table-striped tbody tr:nth-of-type(odd) {
  background: #31333c;
}
.dark-mode .table td, .dark-mode .table th {
  border-color: #1f2028;
}
.dark-mode .profile-tab li a.nav-link.active, .dark-mode .customtab li a.nav-link.active {
  color: #1b8136;
  border-bottom: 2px solid #1b8136;
  /* background-color: #242630; */
}
.dark-mode .nav-tabs {
  border-bottom: none;
}
.dark-mode .full-color-table.full-info-table {
  background-color: #31333c;
}
.dark-mode .select2-container--default .select2-selection--single,
.dark-mode .select2-container--default .select2-selection--multiple {
  background-color: #252630;
}
.dark-mode .select2-dropdown {
  background-color: #202128;
  color: white;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered,
.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  color: white;
}
html.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #202128;
  color: white;
}
.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #31333c;
}
.dark-mode .custom-control-label::before{
  background-color: #1f2028;
}
.dark-mode hr {
  border-top: 5px solid rgb(36, 38, 48);
}
.dark-mode .switchery>small {
  background: #242630;
}
.dark-mode .swal2-popup{
  background: #242630;
}
.dark-mode .swal2-icon.swal2-warning {
  border-color: #f58d33;
  color: #f58d33;
}
.dark-mode .swal2-popup .swal2-title{
  color: #fdfdfd;
}
.dark-mode .swal2-popup .swal2-content {
  color: #fdfdfd;
}
.dark-mode .swal2-popup .swal2-styled.swal2-cancel {
  background-color: #828282;
}
.sidebar-nav > ul > li > a.active{
  color: #0086eb;
  transition: .5s ease all;
}
.dark-mode .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
  background: #1f2028;
}
.dark-mode .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
  background: #1f2028;
}
.dark-mode .mini-sidebar .sidebar-nav {
  background: none !important;
}
.dark-mode .daterangepicker td.active, .dark-mode .daterangepicker td.active:hover {
  background-color: var(--primary);
  border-color: transparent;
  color: #fff;
}

.dark-mode .daterangepicker td.off, 
.dark-mode .daterangepicker td.off.in-range, 
.dark-mode .daterangepicker td.off.start-date, 
.dark-mode .daterangepicker td.off.end-date {
  background-color: #202128;
  border-color: transparent;
  color: #545766;
}
.dark-mode .daterangepicker .calendar-table .next span, 
.dark-mode .daterangepicker .calendar-table .prev span {
  color: #fff !important;
  border: solid white !important;
  border-width: 0 2px 2px 0 !important;
  border-radius: 0 !important;
  display: inline-block !important;
  padding: 3px !important;
}
.dark-mode .daterangepicker .calendar-table {
  border: 1px solid #202128;
  border-radius: 4px;
  background-color: #202128;
}
.dark-mode .daterangepicker td.in-range {
  background-color: var(--primary);
  color: #fff;
}
.dark-mode .daterangepicker td.available:hover, 
.dark-mode .daterangepicker th.available:hover {
  background-color: #505b62;
  border-color: transparent;
  color: white;
}
.dark-mode .daterangepicker {
  color: white;
}
.dark-mode .daterangepicker:before {
  border-bottom: 7px solid var(--primary);
}
.dark-mode .daterangepicker:after {
  border-bottom: 6px solid var(--primary);
}
.dark-mode .daterangepicker.show-ranges .calendar.left {
  border-left: none;
}
.dark-mode .daterangepicker.ltr .ranges {
  border-right: 1px solid white;
  margin-top: 0px;
}
.dark-mode select[readonly] + .select2-container--default .select2-selection--single {
  border: 1px solid #3b3b44;
}
.dark-mode select[readonly] + .select2-container .select2-selection {
  background: #24252e;
}
.dark-mode select[readonly] + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #9f9fb1;
}
.dark-mode select[readonly] + .select2-container--default:hover {
  cursor: not-allowed !important;
}
.u-img img {
  border-radius: 45px !important;
}
.dark-mode .form-control:disabled, .dark-mode .form-control[readonly] {
  border: 1px solid #3b3b44;
  background: #24252e;
  color: #9f9fb1;
  cursor: not-allowed !important;
}
.dark-mode .modal-header {
  background-color: #1e2028 !important;
  color: #8d97ad;
  border-bottom: 1px solid #8d97ad;
}
.dark-mode .modal-content {
  background-color: #232630 !important;
  color: #8d97ad;
}
.dark-mode .modal-footer {
  border-top: 1px solid #8d97ad;
}
.login-box .log-login {
  max-width: 35%;
}
.ck-editor__editable_inline {
  min-height: 200px;
}

@media (max-width: 768px){
  .modal {
    position: fixed;
    top: unset;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 95vh;
    overflow: hidden;
    outline: 0;
  }
  .modal-dialog {
    margin: 0px 0 0 0;
    width: 100%;
    position: fixed;
    height: 95vh;
  }
  .modal-header {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
  }
  .modal-content {
    position: absolute;
    bottom: 0;
    max-height: 95vh;
  }
  .modal-content {
    background-color: transparent !important;
    color: #67757B !important;
  }
  .dark-mode .modal-content {
    background-color: transparent !important;
    color: #8d97ad;
  }
  .modal-body {
    background-color: #fff !important;
  }
  .dark-mode .modal-body {
    background-color: #232630 !important;
    color: #8d97ad;
  }
  .dark-mode .modal-footer {
    background-color: #232630 !important;
    color: #8d97ad;
  }
  .modal-footer {
    background-color: #fff !important;
  }
  .modal.fade:not(.show) .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,10vh);
    transform: translate(0,10vh);
  }
  .modal.fade {
    transition: opacity .3s linear;
  }
  .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
    height: calc(100vh - 57px);
    padding: 10px 0;
  }
  .topbar .top-navbar .navbar-collapse {
    border-bottom: 3px solid #ffffff;
  }
  html.dark-mode .topbar .top-navbar .navbar-collapse {
    border-bottom: 3px solid #1e2027;
  }
  .profile-tab li a.nav-link, 
  .customtab li a.nav-link {
    background-color: white;
  }
  html.dark-mode .profile-tab li a.nav-link, 
  html.dark-mode .customtab li a.nav-link {
    background-color: #1e2027;
  }
  .nav-sm-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
  }
  .card-lesson .card-body {
    min-height: calc(20vh - 20px);
  }
  .exercicioDiv .card-lesson .card-body {
    min-height: calc(15vh - 40px);
  }
  .tabLesson {
    padding: 10px;
    width: 100%;
    display: block !important;
  }
  html.cliente .nav-tabs .nav-item.show .nav-link, 
  html.cliente .nav-tabs .nav-link.active {
    background-color: #FFF !important;
  }
  html.cliente.dark-mode .nav-tabs .nav-item.show .nav-link, 
  html.cliente.dark-mode .nav-tabs .nav-link.active {
    background-color: #1e2027 !important;
  }

  .tabView {
    background-color: white;
  }
  .dark-mode .tabView {
    background-color: #242730;
  }
  .nav-tabs .nav-link {
    border-radius: 0 !important;
  }
  .tabLesson {
    padding: 10px 20px 0;
    display: flex !important;
    justify-content: space-between;
    flex-flow: wrap;
  }
  .container-mobile {
    padding: 0 !important;
  }
  .row-mobile {
    margin: 0;
  }
  .col-mobile {
    padding: 0 !important;
  }
  .table-mobile thead{
    display: none;
  }
  .table-mobile {
    border: none;
  }
  .table-mobile tbody tr td:first-child{
    display: none;
  }
  .table-mobile tbody tr td:last-child{
    width: 100px;
  }
  .swal2-popup .swal2-title {
    font-size: 1.4em !important;
    line-height: 27px !important;
  }
  .swal2-popup .swal2-styled {
    padding: .525em 1.2em !important;
  }
}
@media (min-width: 768px){
  .dark-mode .profile-tab li a.nav-link.active, .dark-mode .customtab li a.nav-link.active {
    background-color: #1f2028 !important;
  }
  .dark-mode .nav-tabs {
    background-color: #232730;
  }
  .tabLesson {
    padding-top: 10px;
  }
  .select2 .selection{
      width: 100%;
  }
  .dark-mode .modal-content {
    background-color: #232630 !important;
    color: #8d97ad;
  }
  .card-lesson .card-body {
    min-height: calc(10vw - 20px);
  }
  .exercicioDiv .card-lesson .card-body {
    min-height: 5vh;
  }
  .tabLesson {
    width: 100%;
    display: flex !important;
    display: -ms-flexbox !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  html.cliente .nav-tabs .nav-item.show .nav-link, 
  html.cliente .nav-tabs .nav-link.active {
    background-color: #FFF !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-right: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    transition: all .2s ease-in;
  }
  html.cliente .nav-tabs {
    margin-bottom: 15px;
  }
  html.cliente.dark-mode .nav-tabs .nav-item.show .nav-link, 
  html.cliente.dark-mode .nav-tabs .nav-link.active {
    background-color: #242630 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-right: none;
    border-top: none;
    border-left: none;
    transition: all .2s ease-in;
  }
  .tab-pane[id="comments"] .exercicioDiv {
    display: flex !important;
  }

  .tab-pane[id="comments"] .exercicioDiv .card:first-child{
    display: table !important;
    width: 40% !important;
    margin-right: 15px;
  }
  .tab-pane[id="comments"] .exercicioDiv .card:first-child .chat-message {
    height: 20vh !important;
  }
}
.tabLesson .info-progress {
  float: left;
  margin-right: 6px;
}
.tabLesson .progress {
  height: 5px;
  margin-top: 5px;
}
.card-lesson .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 15px;
}
.space-progress {
  width: 100%;
  font-size: 10px;
}
.space-progress i {
  font-size: 12px;
}
.card-lesson .card-body .title-lesson {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
.card-lesson .card-body .subtitle-lesson {
  font-size: 13px;
  font-weight: 500;
}
.page-titles {
  margin-top: 15px;
}
.card-lesson {
  border-radius: 10px !important;
  box-shadow: 2px 4px 10px 0 rgba(0, 34, 51, 0.05), 2px 4px 10px 0 rgba(0, 34, 51, 0.05) !important;
  transition: all .1s ease-in;
  margin-bottom: 0;
}
#about .card {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.card-lesson:not(.disable-hover):hover {
  transform: scale(1.03);
  cursor: pointer;
}
.porcentagem-lesson span {
  font-size: 10px;
}
.porcentagem-lesson {
  padding-top: 5px;
}
html.cliente .btn:not(.btn-edit) {
  border-radius: 60px !important;
}
.lesson-status {
  position: absolute;
  right: 15px;
  top: 10px;
}
html {
  background-color: #f6f9fa !important;
}

.titleClass {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
.subtitleClass {
  font-size: 14px;
  font-weight: 500;
  background-color: var(--primary) !important;
  color: white !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
html.dark-mode .subtitleClass {
  background-color: #1f2129 !important;
  color: #788188 !important;
}


/* Play pause button */
.control {
  border-color: #62a165;
  border: 3.2px solid #62a165;
  background-color: #62a165;
  border-radius: 50%;
  margin: 0;
  padding: 15px;
  width: 25px;
  height: 25px;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
.control.pause {
  background-color: red;
  border-color: red;
}

.control,
.control .left,
.control .right,
.control:before {
  display: inline-block;
  vertical-align: middle;
  transition: all 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  position: relative;
}

.control:before {
  content: "";
  height: 70px;
}

.control.pause .left,
.control.pause .right {
  margin: 0;
  border-left: 5px solid #ffffff;
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
  height: 15px;
}

.control.pause .left {
  border-right: 3.4px solid transparent;
  position: absolute;
  top: 7px;
  left: 8px;
}
.relativeControl.control.pause .left {
  position: relative;
  top: -35px;
  left: -6px;
}
.control.pause .right {
  position: absolute;
  top: 7px;
  left: 17px;
}
.relativeControl.control.pause .right {
  position: relative;
  top: -35px;
  left: -7px;
}

.control.play .left {
  margin-left: 0;
  border-left: 12px solid #fff;
  border-top: 7.5px solid transparent;
  border-bottom: 7.5px solid transparent;
  border-right: 0px solid transparent;
  height: 15px;
  position: absolute;
  top: 7px;
  left: 10px;
}
.relativeControl.control.play .left {
  position: relative;
  top: -35px;
  left: -5px;
}

.control.play .right {
  display: none;
}

.control:hover .left,
.control:hover .right {
  border-left-color: #ffffff;
}

.questionTitle {
  color: black;
  font-weight: bold;
}
.btn-editQuestion {
  padding: 1px;
  height: 35px;
  width: 40px;
  line-height: 1;
  margin-left: auto;
  border: none;
}
html.dark-mode .btn-editQuestion{
  color: #788187;
}
.btn-editQuestion i {
  font-size: 14px;
}
.tab-pane[data-type] .card{
  margin-bottom: 0px;
}
.questionTitle p {
  margin-bottom: 1px;
}
.questionResposta p {
  margin-bottom: 1px;
}
.tab-pane[data-type] .card{
  margin-bottom: 0px;
  border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 5px 0 !important;
}
.tab-pane[data-type] .card-lesson:first-child {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.tab-pane[data-type] .card:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -45%;
  bottom: 0;
  width: 90%;
  border-bottom: 1px solid #e5e5e5;
}

html.dark-mode .tab-pane[data-type] .card:after {
  border-bottom: 1px solid #32353d;
}

.tab-pane[data-type] .card-lesson:last-child {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.tab-pane[data-type] .card:last-child:after {
  border-bottom: none;
}
.card-lesson .card-body.no-height{
  min-height: 1px !important;
}
.questionTitle {
  width: calc(100% - 30px - 45px);
}
.dark-mode .questionTitle {
  color: #788188;
}
.dark-mode .text-secondary {
  color: #788188 !important;
}
html.dark-mode .progress {
  background-color: #242730;
}
#modalResposta .respostaInput {
  width: 100%;
  min-height: 180px;
}
#modalResposta .divPerguntaShow{
  font-size: 16px;
}
#modalResposta .divPerguntaShow img {
  max-width: 100%;
}
.btnShowQuestion {
  position: absolute;
  top: 2em;
  left: 50%;
  transform: translate(-50%, 0);
}
.btnShowQuestion:hover {
  transform: translate(-50%, -.2em) !important;
  box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.4) !important;
  transition: all .2s ease-in !important;
}
.chat-content h5{
  font-size: 14px;
}
.dark-mode .chat-content .box {
  background-color: #242630 !important;
  color: white !important;
}
.chat-content .box {
  background-color: #fbfbfb;
  transition: all .2s !important;
}
html:not(dark-mode) .chat-content .box {
  border: 1px solid rgb(38, 50, 56, 0.3);
}
html:not(dark-mode) .reverse .chat-content .box {
  border: none !important;
}
.reverse .chat-content .box {
  background-color: var(--primary) !important;
  color: white !important;
}
.chat-message {
  width: 100%;
}
.chat-message textarea{
  border-radius: 8px !important;
}
.chat-icon-send {
  margin-top: 10px;
  display: none;
}
.chat-icon-send button {
  padding: 12px 20px;
  float: right;
  border-radius: 8px !important;
  border-radius: 8px !important;
}
.chat-list .reverse.show{
  display: none;
}
.chat-content.editComment .box {
  max-width: calc(100% - 43px);
}
.chat-content .btn {
  display: none;
}
.chat-content.editComment .btn {
  vertical-align: top;
  display: inline;
  transition: all .2s !important;
  box-shadow: none;
}
.descricaoClass p {
  margin-bottom: 1px;
}
.descricaoClass ol,
.descricaoClass ul {
  padding-left: 30px;
}

.ckeditor-css p {
  margin-bottom: 1px;
}
.ckeditor-css ol,
.ckeditor-css ul {
  padding-left: 30px;
}

.card[data-idpergunta].alert {
   border: 2px solid var(--primary) !important;
   animation: shake .5s;
   border-radius: 8px !important;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #ced4da;
  border-radius: 4px;
  color: #67757c;
  min-height: 38px;
  border-radius: 0;
  padding: .375rem .75rem;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #ced4da;
  border-radius: 0px !important;
  color: #67757c;
  min-height: 38px;
  border-radius: 0;
  padding: .375rem .45rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--primary) !important;
  margin-top: 0px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: white !important;
  margin-left: 10px !important;
  font-size: 18px !important;
}
.select2-selection.select2-selection--multiple {
  padding-bottom: 1px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  font-size: 16px !important;
  padding-top: 4px;
}
.card[data-idpergunta].review {
   border: 2px solid var(--warning) !important;
   animation: shake .5s;
   border-radius: 8px !important;
}

html:not(.dark-mode) .chat-message textarea {
  border: 1px solid var(--primary) !important;
  box-shadow: 2px 4px 10px 0 rgba(0, 34, 51, 0.05), 2px 4px 10px 0 rgba(0, 34, 51, 0.05) !important;
}
.font-weight-semibold {
  font-weight: 600;
}
.bottom-appbar {
	 height: 55px;
	 position: fixed;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 z-index: 1;
}
 .bottom-appbar .tabs {
	 display: flex;
	 flex-direction: row;
	 height: 100%;
}
 .bottom-appbar .tabs .tab {
	 background-color: #fff;
	 width: 33.4%;
	 height: 100%;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column;
	 border-top: 1px solid #eee;
	 box-shadow: 1x 1x 3px #ccc, -1px -1px 3px #ccc;
	 font-size: 24px;
}
 .bottom-appbar .tabs .tab--left {
	 width: 100%;
	 border-top-right-radius: 25px;
	 border-top: 1px solid rgba(167, 161, 161, 0.69);
	 box-shadow: 0px 4px 15px 0px rgba(23, 23, 23, 0.28);
}
 .bottom-appbar .tabs .tab--right {
	 width: 100%;
	 border-top-left-radius: 25px;
	 border-top: 1px solid rgba(167, 161, 161, 0.69);
	 box-shadow: 15px 4px 15px 0px rgba(23, 23, 23, 0.28);
}
 .bottom-appbar .tabs .tab--fab {
	 width: 200px;
	 height: 100%;
	 background: transparent;
	 border: none;
	 display: flex;
}
 .bottom-appbar .tabs .tab--fab .top {
	 width: 100%;
	 height: 50%;
	 border-bottom-left-radius: 100px;
	 border-bottom-right-radius: 100px;
	 background-color: transparent;
	 box-shadow: 0px 27px 0px 19px #fff;
	 border-bottom: 1px solid rgba(167, 161, 161, 0.69);
	 display: flex;
}
.bottom-appbar .tabs .tab a {
	line-height: 0;
  color: #788188 !important;
}
.bottom-appbar .tabs .tab.is-active a {
	height: 32px;
  font-weight: 600;
  color: var(--primary) !important;
}
html.dark-mode .bottom-appbar .tabs .tab a {
  color: #788188 !important;
}
.bottom-appbar .tabs .tab span {
	font-size: 12px;
  text-align: center;
}
.bottom-appbar .tabs .tab:not(.is-active) span.text {
  display: none;
}
.bottom-appbar .tabs .tab:not(.is-active) span.icon {
	font-size: 16px;
}
.bottom-appbar .tabs .tab.is-active span.icon {
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
}
.bottom-appbar .tabs .tab.is-active span.text {
	font-size: 14px;
}
.bottom-appbar .tabs .tab.is-active {
	color: var(--primary);
}
.bottom-appbar .tabs .fab {
	border-radius: 50%;
	background-color: var(--primary);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	position: relative;
	justify-content: center;
	transform: translate(10px, -65%);
}

html.dark-mode .bottom-appbar .tabs .tab--left {
  border-top: 1px solid rgb(36 39 48);
  background-color: #1e1f28;
}
html.dark-mode .bottom-appbar .tabs .tab--right {
  border-top: 1px solid rgb(36 39 48);
  background-color: #1e1f28;
}
html.dark-mode .bottom-appbar .tabs .tab--fab .top {
  box-shadow: 0px 27px 0px 19px #1e1f29;
  border-bottom: 1px solid rgb(36 39 48);
}
a:hover {
  color: var(--primary) !important;
}
.mobileStatusBar {
  width: 100%;
}
html.dark-mode .mobileStatusBar {
  background-color: #1e1f28;
}
.mobileStatusBar {
  background-color: #ffffff;
}

#modalCalendar .modal-body {
  min-height: 30vh;
}
#modalCalendar .divNotes ul {
  padding-left: 0;
}
#modalCalendar .divNotes ul li:first-child {
  padding-top: 0;
} 
#modalCalendar .divNotes ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
} 
#modalCalendar .divNotes ul li {
  list-style: none;
  padding: 1em 0;
  border-bottom: 1px solid #eeeeee;
}
#modalCalendar .divNotes ul .title-lesson {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
#modalCalendar .divNotes ul .title-lesson i {
  margin-right: 4px;
  font-size: 12px;
}
#modalCalendar .divNotes ul .subtitle-lesson {
  font-size: 13px;
  font-weight: 500;
}
#modalCalendar .nav-tabs {
  border-bottom: none;
}
#modalCalendar .nav-tabs li.nav-item .nav-link.active { 
  border: none;
  font-weight: bold;
  border-bottom: 2px solid #328739;
}
@media (min-width: 768px){
  .ckeditorHTML [data-oembed-url] {
    max-width: 55%;
    margin: 10px auto;
    height: 100%;
  }
}
@media (max-width: 768px){
  .ckeditorHTML [data-oembed-url] {
    max-width: 90%;
    margin: 10px auto;
    height: 100%;
  }
}
@media (max-width: 500px){
  .ckeditorHTML [data-oembed-url] {
    max-width: 100%;
    margin: 20px auto;
    height: 100%;
  }
}
.ckeditorHTML [data-oembed-url] iframe {
  max-height: (90% / 40vh);
}
.ckeditorHTML table {
  width: 100%;
}
.ckeditorHTML table td, .ckeditorHTML table th {
  border: 1px solid #dee2e6;
  padding: .75rem;
}
.ckeditorHTML p {
  margin-bottom: 0;
}
select[readonly] + .select2-container .select2-selection .select2-selection__choice__remove {
  display: none;
}
select[readonly] + .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  padding: 4px 8px 3px;
}
.container-mobile {
  padding-top: 0;
}
.input-transparent,
.input-transparent + .select2-container--default .select2-selection--single,
.input-transparent + .select2-container--default .select2-selection--multiple,
.input-transparent + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: transparent !important;
  opacity: 1 !important;
  color: #67757c !important;
  border: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.input-transparent + .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0;
}
html.dark-mode .input-transparent,
html.dark-mode .input-transparent + .select2-container--default .select2-selection--single,
html.dark-mode .input-transparent + .select2-container--default .select2-selection--multiple,
html.dark-mode .input-transparent + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: white !important;
}
html.dark-mode .cke_ltr {
  filter: invert(90%) hue-rotate(180deg);
}

html.dark-mode .cke_ltr .cke_button_icon {
  filter: invert(0) hue-rotate(185deg);
}
html.dark-mode .cke_ltr .cke_button__rightbutton_icon, 
html.dark-mode .cke_ltr .cke_button__warningbutton_icon, 
html.dark-mode .cke_ltr .cke_button__wrongbutton_icon {
  filter: invert(1) hue-rotate(185deg) !important;
}

html.dark-mode .cke_ltr .cke_editable span{
  filter: invert(1) hue-rotate(185deg);
}

html.dark-mode .cke_widget_wrapper{
  filter: invert(1) hue-rotate(185deg);
}

html.dark-mode .cke_panel_block {
  filter: invert(1) hue-rotate(185deg);
}
.select2-container--default .select2-selection--multiple {
  border: solid #ced4da 1px !important;
}
.disable-click:hover{
  cursor: default !important;
}
#modalActivities .chat-list li .chat-content {
  width: 100% !important;
  padding-left: 0;
}
#modalActivities .chat-list li .chat-content .box{
  width: 100% !important;
  text-align: left !important;
}
#modalActivities .chat-list li .chat-content .box p{
  margin-bottom: 0;
}
html.dark-mode .right-sidebar {
  background: #1f2128;
}

@media (max-width: 600px){
  .shw-rside {
    width: 100%;
  }
}

.dark-mode select[disabled] + .select2-container .select2-selection {
  background: #24252e;
}

.dark-mode select[disabled] + .select2-container--default .select2-selection--single {
    border: 1px solid #3b3b44;
}
.dark-mode select[disabled] + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #9f9fb1;
}
.dark-mode select[readonly] + .select2-container--default .select2-selection--single {
  border: 1px solid #3b3b44;
}
.dark-mode select[readonly] + .select2-container .select2-selection {
  background: #24252e;
}
.dark-mode select[readonly] + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #9f9fb1;
}
.dark-mode select[readonly] + .select2-container--default:hover {
  cursor: not-allowed !important;
}
select[readonly] + .select2-container {
  pointer-events: none;
  touch-action: none;
}

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

select[readonly] + .select2-container .select2-selection .select2-selection__arrow,
select[readonly] + .select2-container .select2-selection .select2-selection__clear {
  display: none;
}

select[disabled] + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[disabled] + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[disabled] + .select2-container .select2-selection .select2-selection__arrow,
select[disabled] + .select2-container .select2-selection .select2-selection__clear {
  display: none;
}

strong {
  font-weight: bold !important;
}

.btn {
  text-transform: uppercase;
  letter-spacing: .8px;
}

.questionTitle ol {
  padding-left: 15px;
}

.questionTitle ol + p {
  padding-left: 15px;
}

.tab-pane[data-type] .card-lesson:last-child:after {
  border-bottom: none !important;
}

body.cke_dialog_open .modal.show {
  display: none !important;
}