/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/


.nk-sidebar, .nk-sidebar-head {
   width: 240px;
}

.nk-header {
   box-shadow: none;
}

@media (min-width: 1200px) {
   .nk-sidebar + .nk-wrap, .nk-sidebar-overlay + .nk-wrap {
      padding-left: 240px;
   }

   .nk-sidebar + .nk-wrap > .nk-header-fixed, .nk-sidebar-overlay + .nk-wrap > .nk-header-fixed {
      left: 240px;
   }
}

.ion-page {

   overflow: auto;
}

.ion-page-hidden {
   display: none;
}

.nk-tb-item:not(.nk-tb-head):hover, .nk-tb-item:not(.nk-tb-head).seleted {
   background: #f8f9fc;
   box-shadow: 0 2px 15px -4px rgb(190 190 190);
}


/*-----------------tables------------------------*/
.nk-tnx-type {
   display: flex;
   align-items: center;
}

.nk-tnx-type-icon {
   font-size: 1.125rem;
   flex-shrink: 0;
   height: 2.5rem;
   width: 2.5rem;
   border-radius: 50%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: #ebeef2;
   margin-right: 1rem;
}

@media (max-width: 991.98px) {
   .nk-tb-tnx {
      font-size: 12px;
      letter-spacing: -0.01em;
   }

   .nk-tnx-type-icon {
      font-size: 0.875rem;
      height: 1.75rem;
      width: 1.75rem;
      margin-right: .75rem;
   }
}

@media (max-width: 575.98px) {
   .nk-tb-tnx .nk-tb-head .nk-tb-col-tools {
      opacity: 0;
   }

   .nk-tb-tnx .nk-tb-col-status {
      text-align: right;
      padding-right: 1.25rem !important;
   }

   .nk-tb-tnx .nk-tb-col-tools {
      position: absolute;
      right: 0;
      opacity: 0;
      transition: .3s ease;
   }

   .nk-tb-tnx .nk-tb-item:hover .nk-tb-col-tools {
      opacity: 1;
   }

   .nk-tnx-type-icon {
      margin-right: .5rem;
   }
}

@media (min-width: 768px) {
   .nk-tb-tnx .nk-tb-col-status {
      padding-left: 2.5rem;
   }
}

@media (min-width: 1800px) {
   .nk-tb-tnx .nk-tb-col-status {
      padding-left: 1rem;
   }
}


.nk-tb-details {
   width: 190px;
}
@media (min-width: 480px) {

   .nk-tb-details {
      width: 50%;
   }
}

@media (min-width: 768px) {

   .nk-tb-details {
      width: 240px;
   }
}
@media (min-width: 1400px) {

   .nk-tb-details {
      width: 300px;
   }
}

.filters-card label{
   margin-bottom: 0;
}

/*-----------------end tables------------------------*/