:root {--primary-color: #424242;--secondary-color: #343434; --accent-color: #17a2b8; --primary-shadow: 0 2px 4px rgba(0,0,0,.1);}
.maroon {--primary-color: #a52744;--secondary-color: #941b37;}
.mars {--primary-color: #f96332;--secondary-color: #e04511;}
.sky {--primary-color: #2748a5;--secondary-color: #1a388b;}
.sea {--primary-color: #27a582;--secondary-color: #148b6a;}
.ferrari {--primary-color: #d32f2f;--secondary-color: #b71c1c;}
.grape {--primary-color: #9C27B0;--secondary-color: #7B1FA2;}
.sea-gray {--primary-color: #455a64;--secondary-color: #37474f;}
.sea-gray-light {--primary-color: #607d8b;--secondary-color: #546e7a;}
.asopalav {--primary-color: #43A047;--secondary-color: #388E3C;}



/* Backgrounds  */
.bg-gradient-primary { background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important }
.bg-gradient-secondary { background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important }
.bg-gradient-success { background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important }
.bg-gradient-info { background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important }
.bg-gradient-warning { background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important }
.bg-gradient-danger { background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important }
.bg-gradient-light { background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important }
.bg-gradient-dark { background: linear-gradient(87deg, #212529 0, #212229 100%) !important }
.bg-gradient-default { background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important }
.bg-gradient-white { background: linear-gradient(87deg, #fff 0, #fff 100%) !important }
.bg-gradient-neutral { background: linear-gradient(87deg, #fff 0, #fff 100%) !important }
.bg-gradient-darker { background: linear-gradient(87deg, #000 0, #000 100%) !important }


.bg-theme {background-color: var(--primary-color)!important;}
.bg-accent {background-color: var(--accent-color)!important;}
.text-theme {color: var(--primary-color)!important;}
.text-lighter {color: rgba(255, 255, 255, 0.6)!important;}


/* * {} */
html, body {font-family:  'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 14px;}
body {background: #fafafa;}
body.login-page {background: var(--primary-color);}
.fixed-footer {position: fixed; bottom: 20px; width: 250px; height: 40px; right: 0; bottom: 0; padding: 0 15px;background: #fff;}
.link-unstyled, .link-unstyled:hover { text-decoration: none; }
.card-login {width: 380px; max-width: 90%;}





/* sidebar menu */

.wrapper {padding-left: 0;padding-top: 45px;transition: 0.25s padding ease;}
.wrapper .navbar .logout {margin-left: 15px;margin-right: 10px;}
.wrapper .navbar.border-top {border-top: 3px solid var(--secondary-color)!important;}
.wrapper .navbar .dropdown-menu-right {position: absolute;left: auto;right: -13px;margin-top: 9px;}
.wrapper .navbar .dropdown-menu-right:before {content:'';display: block;border: 7px solid transparent;border-bottom-color: #fff;height: 0;width: 0;position: absolute;right: 10px;bottom: 100%;}
.wrapper .navbar .navbar-toggler {padding: 0.25rem;}
.wrapper .navbar .navbar-toggler .navbar-toggler-icon {pointer-events: none;}
.wrapper .navbar.navbar-light .navbar-toggler {border: 1px solid #333;}
.wrapper .navbar.navbar-dark .navbar-toggler {border: none;background: var(--primary-color);border-radius: 4px;width: 30px;height: 25px;}
.wrapper .sidebar .sidebar-nav .nav-items.active .first-menu {color: var(--primary-color) !important;font-weight: 500;background: #fff !important;}
.wrapper .navbar.navbar-dark .navbar-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");     width: 20px;height: 17px;}
.wrapper .navbar.navbar-dark a.dropdown-toggle {color: #000; text-decoration: none;}
.wrapper .navbar a.dropdown-toggle .img-user {width: 34px;}
.wrapper .navbar a.dropdown-toggle:after {vertical-align: middle;}
.wrapper .navbar.navbar-light a.dropdown-toggle {color: rgba(0,0,0,.9); text-decoration: none;}
.wrapper .sidebar {position: fixed;top: 0;bottom: 0;left: 0;width: 250px;overflow: auto;z-index: 99;background: var(--primary-color);transition: 0.25s transform ease;}
.wrapper .sidebar {transform: translate3d(-100%,0,0);}
.wrapper.toggled .sidebar{transform: translate3d(0,0,0);box-shadow: 2px 0 20px 1px rgb(0 0 0 / 35%);}

.wrapper .sidebar .sidebar-nav {position: relative;z-index: 1;margin-bottom: 40px;}
.wrapper .sidebar .sidebar-nav:after {position: absolute;content: "";top: 0px;left: 0;width: 100%;height: 150px;border-radius: 0px 0px 0px 170px;background: #ffffff;z-index: -1;background-color: #ffffff;}
.wrapper.toggled .navbar.navbar-dark .navbar-toggler .navbar-toggler-icon{left: -13px;}
.wrapper.toggled .navbar.navbar-dark .navbar-toggler{position: relative;left: 75px;}

@media (min-width: 1200px) {
    .wrapper.toggled .sidebar {transform: translate3d(0, 0, 0);box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);width: 70px;transition: all 0.25s ease;}
    .wrapper {padding-left: 250px;}
    .wrapper.toggled {padding-left: 70px;}
    .wrapper .sidebar {transform: translate3d(0,0,0);box-shadow: 2px 0 20px 1px rgba(0, 0, 0, 0.35)}
}

.wrapper .navbar {height: 45px;position: fixed;top: 0;right: 0;left: 0;z-index: 98;box-shadow: none;border: 1px solid #ddd;background: #fff;transition: 0.25s ease;}
@media (min-width: 1200px) {
    .wrapper.toggled .navbar {left: 0;}
    .wrapper .navbar {left: 250px;}
}


.wrapper .sidebar .sidebar-nav{max-width:100%;max-height:calc(100vh - 40px);overflow:auto;list-style:none;padding:0;}
.wrapper .sidebar .sidebar-nav li {margin-bottom: .25rem;}
.wrapper .sidebar .sidebar-nav a {text-decoration:none; transition: 0.25s ease;font-size: 15px; font-weight: 400;color: #ffffffdb;}
.wrapper .sidebar .sidebar-nav a.text-dark:hover {color: var(--primary-color) !important;}
.wrapper .sidebar .sidebar-nav a.text-dark.active,
.wrapper .sidebar .sidebar-nav a.text-dark[data-toggle="collapse"]:not(.collapsed) {color: #fff!important;background: var(--primary-color);box-shadow: 0 2px 15px 1px rgba(39, 39, 39, .05);}
.wrapper .sidebar .sidebar-nav a.text-dark i.fa.fa-fw {display: inline-block;border-radius: 50%;line-height: 2;font-size: 0.8rem;margin-right: 7px;}
.wrapper .sidebar .sidebar-nav a.text-dark.active i.fa.fa-fw {color: var(--primary-color); background-color: #fff;}
.wrapper .sidebar .sidebar-nav a .nav-text {display: inline-block; vertical-align: middle;}
.wrapper .sidebar .sidebar-nav .nav-user {background: linear-gradient(120deg, #19282c 60%, var(--secondary-color) 60%);}
.nav-items-class .fa.fa-fw {margin-right: 10px;}
.wrapper .sidebar .sidebar-nav a[data-toggle="collapse"]:after {font-family: 'Font Awesome 5 Free';font-weight: 900;float: right;line-height: 1.6;border-top: 0;content: "\f105";border-left: 0;border-radius: 0;border-bottom: 0;}
.nav-items.active .dropdown-toggle.first-menu::after {transform: rotate(90deg);}
.nav-items .dropdown-sub-megamenu.active .dropdown-toggle.second-menu::after {transform: rotate(90deg);}
.wrapper .sidebar .sidebar-nav li {list-style: none;}
.navbar-collapse {padding: 0;}
.sidebar .fa-dot-circle {font-size: 5px;position: relative;top: -2px;color: #d9dce5;}
.dropdown-item.active, .dropdown-item:active{background-color: transparent !important;}
.dropdown-item:focus, .dropdown-item:hover{background-color: transparent !important;}
.sidebar-nav .sub-dropdown-menu {padding-left: 30px !important;}
.sidebar-nav .dropdown-megamenu {padding-left: 20px;}
.nav-items .dropdown-sub-megamenu.third-dropdown-menu.active .dropdown-toggle.third-menu::after {transform: rotate(90deg);}
.sidebar-nav .dropdown .dropdown-toggle::after {position: absolute;right: 15px;font-family: 'Font Awesome 5 Free';font-weight: 900;vertical-align: bottom;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;content: "\f105";}
.wrapper .content {padding-top: 65px; position: relative;}
.wrapper.toggled .fa.fa-fw {margin-right: 0px;}
.wrapper.toggled .sidebar .sidebar-nav a.nav-link {justify-content: center;display: flex;align-items: center;}
.navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}
.wrapper .sidebar .sidebar-nav .nav-items-class.active .first-menu {color: var(--primary-color) !important;font-weight: 500;background: #fff !important;}
.wrapper .sidebar .sidebar-nav .navbar-collapse .nav-items.active .second-menu {color: #fff !important;font-weight: 500;}
.wrapper .sidebar .sidebar-nav .navbar-collapse .nav-items.active.third-dropdown-menu .third-menu {color: #fff !important;font-weight: 500;}
.wrapper .sidebar .sidebar-nav .dropdown-megamenu .nav-items.active .nav-link.fourth-menu {color: #fff !important;font-weight: 500;}
.wrapper .sidebar .sidebar-nav .nav-items .nav-link:hover, .wrapper .sidebar .sidebar-nav .nav-items-class .nav-link:hover{padding-left:20px;}

@media (min-width:1200px){
	.wrapper.toggled .sidebar:hover{width: 250px;}
	.wrapper.toggled .sidebar:hover .sidebar-nav a.nav-link {justify-content: left;}
	.wrapper.toggled .sidebar:hover .sidebar-nav a .nav-text {display: block;}
	.wrapper.toggled .sidebar:hover .fa.fa-fw {margin-right: 10px;}
	.wrapper.toggled .sidebar:hover .sidebar-nav a.nav-link {justify-content: left;}
	.wrapper.toggled .sidebar .collapse.navbar-collapse.show {display: none;}
	.wrapper.toggled .sidebar:hover .collapse.navbar-collapse.show {display: block;}
	.wrapper.toggled .sidebar .sidebar-nav .dropdown .dropdown-toggle::after{display: none;}
	.wrapper.toggled .sidebar:hover .sidebar-nav .dropdown .dropdown-toggle::after{display: block;}
  .wrapper.toggled .sidebar .sidebar-nav a .nav-text {display: none;}

  .wrapper.toggled .sidebar .sidebar-nav li.nav-users{padding:35px 5px !important;}
  .wrapper.toggled .sidebar .sidebar-nav:after{height:100px;}
  .wrapper.toggled .sidebar:hover .sidebar-nav:after{height:150px;}
   
  }

  @media (max-width:1199px){
    .wrapper.toggled .sidebar .sidebar-nav a.nav-link{justify-content: left;}
    .wrapper.toggled .fa.fa-fw {margin-right: 10px;}
    .wrapper.toggled .navbar.navbar-dark .navbar-toggler{
      left: 0;
    }

  }
  
  @media (max-width:991px){
	  .wrapper.toggled .sidebar .sidebar-nav .dropdown .dropdown-toggle::after{display: block !important;}
	  .fixed-footer{display: none;}
	  .wrapper .sidebar .sidebar-nav .dropdown .dropdown-toggle:after{content: "\f105";}
  }


/* sidebar end */


/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #ddd #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
    border: 1px solid #ffffff;
  }

  .control-label {font-size: 14px;}


  .setting-part::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }


/* show toggle */



.breadcrumb-wrapper {top:0; left: 0;right: 0; background-color: var(--secondary-color);}
.breadcrumb-wrapper a {color: #fff}

.btn:not(.btn-link):hover {box-shadow: 0 4px 10px -2px rgba(30,30,30,0.5);}
.btn-wide {width: 100px;}

.card-shadow { box-shadow: 0 2px 8px -2px rgba(0,0,0,.15)}
.card-full-height {height: 100%;}
.card-sp {position: relative;border: none;border-radius: 7px;}
.card-sp {box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);}
.card-sp:after {content:''; position: absolute; width: 50%; height: 100%; right: 0;top: 0;background: url(../images/circle.svg) no-repeat right}
.card-sp .card-body {position: relative;}

.alertify-notifier .ajs-message {border: none!important; text-shadow: none!important; border-radius: 4px; box-shadow: 0 4px 8px -2px rgba(0,0,0,.5)}

/*overlay*/
.overlay-block {position: fixed;height: 100%;width: 100%;top: 0;left: 0;background-color: rgba(35, 35, 35, 0.75);z-index: 999999;color: #fff!important;}
.overlay-block>* {position: absolute;transform: translate3d(-50%, -50%, 0);top: 50%;left: 50%;color: #fff!important;}


/* dashboard */
.dash-links,.dash-links:hover {text-decoration: none;}
.stats-label {font-size: 55px;color: var(--primary-color);text-shadow: 2px 2px rgba(30,30,30,0.2);font-weight: 700;opacity: 0.6;}


/* tables common */
.table.table-dataTable.dataTable {border-collapse: collapse!important; border-spacing: 0;}
.table td {vertical-align: middle;}
.sr-col {max-width: 70px; width: 70px;min-width: 70px;}
.wide-col {width: 250px;min-width: 250px;}
.status-col,.actions-col {max-width: 150px; width: 150px; min-width: 150px;text-align: center;}


/* custom-table */
.custom-table {min-width: 720px; width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; font-size: 0.75rem;}
.custom-table th,
.custom-table td {border: 1px solid #ddd; padding: 0.25rem 0.5rem; text-align: center;}
.custom-table th:first-child {min-width: 150px;width: 150px;}

/* print */
@media print {
    @page {margin: 0;}
    .wrapper * {box-shadow: none !important;}
    .wrapper {padding: 0!important;}
    .wrapper .content {padding: 1rem}
    .breadcrumb-wrapper {display: none;}
}

label.invalid-input {color: #dc3545; font-size: 90%; margin-bottom: 0;}


/* settings */
.custom-switch.custom-switch-enable-disable .custom-control-input~.custom-control-label span:before{content:'Disable';white-space:nowrap;}
.custom-switch.custom-switch-enable-disable .custom-control-input:checked~.custom-control-label span:before{content:'Enable'}
.setting-part {display: flex;align-items: center;padding: 10px;background-color: #fff;z-index: 2;margin-top: 10px;border: 1px solid #f1f1f1;position: sticky;top: 45px;left: 0;right: 0;overflow-x:auto;}
.setting-part .setting-link{background-color: var(--primary-color);color: #fff;border-radius: 3px;text-align: center;padding: 10px 8px;white-space: nowrap;margin: 0 10px;}

.custom-switch.custom-switch-enable-disable.custom-switch-yes-no .custom-control-input~.custom-control-label span:before{content:'No';white-space:nowrap;}
.custom-switch.custom-switch-enable-disable.custom-switch-yes-no .custom-control-input:checked~.custom-control-label span:before{content:'Yes'}

.sticky-div{position:sticky;bottom:0;box-shadow:none!important;text-align:center;display:inline-flex;justify-content:center;align-items:center;width:100%;z-index:9;border:none;border-radius:0;}
.custom-switch-table{display: flex;justify-content: center;align-items: center;}
.custom-switch-table .custom-switch{width:100px;}
.list-of-other-master-div .card {padding: 15px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);background: #fff;border: none;border-radius: 0;}
.my-delete-btn{display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: var(--primary-color);font-size: 15px;width: 30px;height: 30px;position: absolute;top: -12px;right: -10px;text-decoration: none;}
.card .card-img-top{height:270px;overflow:hidden;object-fit:contain;}

/*.wrapper.toggled .sidebar:hover .sidebar-nav:after{height:150px;}*/

.wrapper hr{margin-top:1rem;margin-bottom:1rem;border-top:1px solid rgba(255,255,255,0.6);}

.fa-spin{color: #fff !important;}
.custom-file-label{white-space: nowrap;overflow: hidden;}

.button-sticky-submit{position: fixed;bottom: 0;right: 0;left: 250px;padding: 10px;background: #fff;z-index: 9;border-top: 1px solid #ddd;}

 @media (max-width:1199px){
  .button-sticky-submit{left:0; right:0;}
  .wrapper.toggled .sidebar .sidebar-nav li.nav-users{padding:10px 5px !important;}

  .wrapper .sidebar .sidebar-nav:after,.wrapper.toggled .sidebar .sidebar-nav:after{height:100px;}

}

 @media (max-width:991px){
  /*.upload-image  img{max-width:200px;margin:0 auto;}*/

  

}
 @media (max-width:767px){
  .card .card-img-top{height:200px;}
  .upload-image  img{max-width:280px;}
  
 }

 @media (max-width:575px){
  .upload-image  img{max-width:100%;}
  .wrapper .navbar .logout{margin:0 0;}
 
 }

}