/* Following changes are made to make appearance similar to previous themes of Bootstrap
 * 3 (i.e, 3.4.1) while updating the bootstrap to 5 (i.e, 5.3.1) for few elements
 *
 * This CSS file uses nesting; notice the & before nested elements. New additions should follow a similar pattern
 */

[data-cftp-theme="default-theme"] {
  .form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
  }
}

[data-cftp-theme="darkly-theme"] {
  & .bg-light {
    --bs-light-rgb: 48, 48, 48;
  }
  & .btn-outline-secondary {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-hover-bg: #333;
    --bs-btn-bg: #444;
    --bs-btn-disabled-color: #999;
  }
  & .open > .dropdown-menu > li > a {
    text-decoration: none;
    color: #fff;
    display: block; /*This helps to make the entire row clickable in menu*/
  }

  & .bg-warning-subtle {
    --bs-warning-bg-subtle: #f39c12
  }
  & .table-striped {
    --bs-table-striped-color: #ffffff;
    --bs-table-color: #ffffff;
  }
  & .text-primary {
    --bs-primary-rgb: 148, 200, 255;
  }
  & .nav-link {
    color: white;
  }

  & .card-footer {
    background-color: var(--bs-card-cap-bg) !important;
  }

  & .form-control {
    background-color: #ebebeb;
  }

  & .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #bbbbbb;
  }

  & .tokenfield.disabled {
    background-color: #bbbbbb;
  }

  & .share-has-password {
    color: #FFCC00;
  }

  & .share-allows-upload {
    color: #56AFD7;
  } 

  & .share-allows-download {
    color: #4CAF50;
  } 

  & .share-notify {
    color: #4A00A0;
  }

  & .share-delete-on-expire {
    color: #808080;
  } 

  & table.dataTable tbody tr.selected {
    background-color: #78889c;
  }

  & .table-striped > tbody > tr.selected:nth-child(even) > td, .table-striped > tbody > tr.selected:nth-child(even) > th {
    background-color: #78889c;
  } 

  & .table-striped > tbody > tr.selected:nth-child(odd) > td, .table-striped > tbody > tr.selected:nth-child(odd) > th {
    background-color: #78889c;
  }

  & .table > tbody > tr.selected:nth-child(even) > td, .table > tbody > tr.selected:nth-child(even) > th {
    background-color: #78889c;
  }

  & .table > tbody > tr.selected:nth-child(odd) > td, .table > tbody > tr.selected:nth-child(odd) > th {
    background-color: #78889c;
  }

  & .sidebar-nav li.active {
    background: rgba(203,210,218,0.1);
  }

  & .sidebar-nav li a:hover {
    background: rgba(203,210,218,0.3);
  } 

  & .sidebar-nav > .sidebar-brand a {
    color: #666666;
  } 
}

[data-cftp-theme="cerulean-theme"] {
  & .btn-outline-secondary {
    --bs-btn-disabled-color: #6c757d;
  }
  & .form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
  }

  & .welcome
  {
      background-image: url(/images/1.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; /* optional, center the image */
  }

  & .nav-link {
      color: white;
  }


  & .share-has-password {
    color: #FFCC00;
  }

  & .share-allows-upload {
    color: #56AFD7;
  }

  & .share-allows-download {
    color: #4CAF50;
  }

  & .share-notify {
    color: #4A00A0;
  }

  & .share-delete-on-expire {
    color: #808080;
  }

  & .sidebar-nav li.active {
    background: rgba(0,128,255,0.1);
  }

  & .sidebar-nav li a {
  }

  & .sidebar-nav li a:hover {
    background: rgba(0,128,255,0.3);
  }

  & .sidebar-nav > .sidebar-brand a {
    color: #666666;
  }
}

[data-cftp-theme="default-8.0-theme"] {
  & .form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
  }

  & .navbar_bg_color {
      background-color: rgb(248,249,250) !important;
  }
}

[data-cftp-theme="flat-theme"] {
  & .form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
  }
}

[data-cftp-theme="flatly-theme"] {
  & .form-control[readonly] {
    background-color: #ecf0f1;
    opacity: 1;
  }
  & .btn-outline-secondary {
    --bs-btn-bg: #95a5a6;
    --bs-btn-color: #ffffff;
  }
  & .btn-outline-secondary:hover {
    --bs-btn-hover-bg: #798d8f;
  }
  & .btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #2c3e50 !important;
    --bs-btn-border-color: #2c3e50 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #253544 !important;
    --bs-btn-hover-border-color: #233240;
    --bs-btn-focus-shadow-rgb: 76,91,106;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #233240;
    --bs-btn-active-border-color: #212f3c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2c3e50;
    --bs-btn-disabled-border-color: #2c3e50
    }

  & .nav-link {
    color: white;
  }

  & .share-has-password {
    color: #FFCC00;
  }

  & .share-allows-upload {
    color: #56AFD7;
  }

  & .share-allows-download {
    color: #4CAF50;
  }

  & .share-notify {
    color: #4A00A0;
  }

  & .share-delete-on-expire {
    color: #808080;
  }

  & .sidebar-nav li.active {
    background: rgba(0,128,255,0.1);
  }

  & .sidebar-nav li a {
  }

  & .sidebar-nav li a:hover {
    background: rgba(0,128,255,0.3);
  }

  & .sidebar-nav > .sidebar-brand a {
    color: #666666;
  }
}

[data-cftp-theme="lumen-theme"] {
  & .btn-outline-secondary {
    --bs-tertiary-color: #333333;
    color: #444;
  }
  & .navbar-btn:disabled {
    color: #999;
  }
  & .btn:hover {
    --bs-btn-hover-color: #555555;
  }
  & .form-control:focus[readonly] {
    background-color: #eee;
    opacity: 1;
  }
  & .navbar_bg_color
  {
      background-color: #f8f8f8 !important;
      border-color: #e7e7e7 !important;
  }

  & .share-has-password {
    color: #FFCC00;
  }

  & .share-allows-upload {
    color: #56AFD7;
  }

  & .share-allows-download {
    color: #4CAF50;
  }

  & .share-notify {
    color: #4A00A0;
  }

  & .share-delete-on-expire {
    color: #808080;
  }

  & .sidebar-nav li.active {
    background: rgba(0,128,255,0.1);
  }

  & .sidebar-nav li a {
  }

  & .sidebar-nav li a:hover {
    background: rgba(0,128,255,0.3);
  }

  & .sidebar-nav > .sidebar-brand a {
    color: #666666;
  }

}

[data-cftp-theme="slate-theme"] {
  & .form-control[readonly] {
    background-color: #999999;
    opacity: 1;
  }

  & .bg-light {
    --bs-light-rgb: 28, 30, 34;
  }

  & .btn-outline-secondary {
    --bs-btn-bg: #555555;
    --bs-btn-color: #ffffff;
    --bs-btn-disabled-border-color: #000;
    --bs-btn-disabled-color: #aaa;
  }

  & .btn-outline-secondary:hover {
    --bs-btn-hover-bg: #222222;
  }
  & .nav-link {
      color: white;
  }

  & .btn-primary {
      color: #ffffff !important;
      background-color: #7a8288 !important;
      border-color: #7a8288 !important;
  }

  & .share-has-password {
    color: #FFCC00;
  }

  & .share-allows-upload {
    color: #56AFD7;
  }

  & .share-allows-download {
    color: #4CAF50;
  }

  & .share-notify {
    color: #4A00A0;
  }

  & .share-delete-on-expire {
    color: #808080;
  }

  & .bg-info {
    color: #fff;
  }

  & .bg-warning {
    color: #fff;
  }

  & table.dataTable tbody tr.selected {
    background-color: #78889c;
  }

  & .table-striped > tbody > tr.selected:nth-child(even) > td, .table-striped > tbody > tr.selected:nth-child(even) > th {
    background-color: #78889c;
  }

  & .table-striped > tbody > tr.selected:nth-child(odd) > td, .table-striped > tbody > tr.selected:nth-child(odd) > th {
    background-color: #78889c;
  }

  & .table > tbody > tr.selected:nth-child(even) > td, .table > tbody > tr.selected:nth-child(even) > th {
    background-color: #78889c;
  }

  & .table > tbody > tr.selected:nth-child(odd) > td, .table > tbody > tr.selected:nth-child(odd) > th {
    background-color: #78889c;
  }

  & .sidebar-nav li.active {
    background: rgba(203,210,218,0.1);
  }

  & .sidebar-nav li a {
  }

  & .sidebar-nav li a:hover {
    background: rgba(203,210,218,0.3);
  }


  & .sidebar-nav > .sidebar-brand a {
    color: #666666;
  }

}

[data-cftp-theme="space-theme"] {
  & .bg-info {
    --bs-info-rgb: 217 237 247;
  }
  & .form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
  }
  & .navbar_bg_color {
    background-image: linear-gradient(#f2f2f2,#eee 50%,#dbdbdb) !important;
    filter: none !important;
    border: 1px solid #bebebe !important;
  }
  
  /* Set the fixed height of the footer here */
  & .#footer {
  	border-top: 1px solid #e4e4e4;
  	background-color: #f2f2f2;
  	color: #666666;
  }

  & .page-header {
  	background: #fbf9ee;
  }

  & .share-has-password {
    color: #FFCC00;
  }

  & .share-allows-upload {
    color: #56AFD7;
  }

  & .share-allows-download {
    color: #4CAF50;
  }

  & .share-notify {
    color: #4A00A0;
  }

  & .share-delete-on-expire {
    color: #808080;
  }

  & .sidebar-nav li.active {
    background: rgba(0,128,255,0.1);
  }

  & .sidebar-nav li a {
  }

  & .sidebar-nav li a:hover {
    background: rgba(0,128,255,0.3);
  }

  & .sidebar-nav > .sidebar-brand a {
    color: #666666;
  }

}

[data-cftp-theme="united-theme"] {
  & .form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
  }

  & .btn-outline-secondary {
    --bs-btn-bg: #aea79f;
    --bs-btn-color: #ffffff;
  }

  & .btn-outline-secondary:hover {
    --bs-btn-hover-bg: #978e83;
  }
  & .nav-link {
      color: white;
  }

  & .share-has-password {
    color: #FFCC00;
  }

  & .share-allows-upload {
    color: #56AFD7;
  }

  & .share-allows-download {
    color: #4CAF50;
  }

  & .share-notify {
    color: #4A00A0;
  }

  & .share-delete-on-expire {
    color: #808080;
  }

  & .sidebar-nav li.active {
    background: rgba(0,128,255,0.1);
  }

  & .sidebar-nav li a {
  }

  & .sidebar-nav li a:hover {
    background: rgba(0,128,255,0.3);
  }

  & .sidebar-nav > .sidebar-brand a {
    color: #666666;
  }

}

[data-cftp-theme="yeti-theme"] {
  & .form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
  }
  & .btn-outline-secondary {
    color: #ffffff;
    --bs-btn-hover-bg: #978e83;
    --bs-btn-bg: #aea79f;
    --bs-btn-disabled-bg: #cfcfcf;
    --bs-btn-border-color: #988888;
    --bs-btn-disabled-border-color: #988888;
  }
  & .btn-outline-secondary:hover {
    color: #ffffff;
  }
  & .btn-outline-secondary:disabled{
    color: #a1a1a1;
    --bs-btn-disabled-bg: #fff;
  }
  & .navbar_bg_color
  {
      background-color: #333333 !important;
      border-color: #222222 !important;
  }

  & .nav-link {
      color: white;
  }

  /* Set the fixed height of the footer here */
  & #footer {
  	border-top: 1px solid #e4e4e4;
  	background-color: #f2f2f2;
  	color: #666666;
  }

  & .page-header {
  	background: #fbf9ee;
  }

  & .share-has-password {
      color: #FFCC00;
  }

  & .share-allows-upload {
      color: #56AFD7;
  }

  & .share-allows-download {
      color: #4CAF50;
  }

  & .share-notify {
      color: #4A00A0;
  }

  & .share-delete-on-expire {
      color: #808080;
  }

  & .sidebar-nav li.active {
      background: rgba(0,128,255,0.1);
  }

  & .sidebar-nav li a {
  }

  & .sidebar-nav li a:hover {
      background: rgba(0,128,255,0.3);
  }

  & .sidebar-nav > .sidebar-brand a {
      color: #666666;
  }

  & .text-muted {
    color: var(--bs-gray-600) !important;
  }
}