@import "general.css";
@import "sidebar.css";
@import "account.css";
@import "dashboard.css";
@import "holiday.css";
/*@import "vehicles.css";*/


/* General formating shortcuts */
  .reading-column {
    margin: 0px calc(10% - 10px);
  }

  @media all and (max-width: 992px) {
    .reading-column {
      margin: 0px calc(10% - 10px);
    }
  }

  .section-heading {
    padding-left: 25px;
    margin: 0px;
    border-bottom: 1px; 
  }

  @media all and (max-width: 992px) {
    .desktop-spacing{
      width: 0px;
      height: 0px;
    }
  }
  
  .fifty-ten {
    width: calc(50% - 10px); 
  }

  .third-ten {
    width: calc((100% / 3) - 10px); 
  }

  .flex {
    display: flex;
  }

  .center {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  .fixed {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }

  @media print {
    .no-print {
      display: none;
    }
  }
/**/


/* Page Content vs Menu Toggling */
  #page-content-wrapper {
    width: calc((100vw) - (17rem));
    position: absolute;
    padding: 0px;
    top: 0;
    left: 0;
    margin: auto;
    margin-left: 17rem;

    transition: width 0.25s ease-out;
    transition: margin-left 0.25s ease-out;
  }

  @media all and (max-width: 992px) {
    #page-content-wrapper {
      margin-left: 0px;
      width: 100vw;
      margin-right: 0px;
      padding-right: 0px;
      top: 0;
      left: 0;
      margin: auto;
    }
  }  

  #wrapper.toggled #page-content-wrapper {
    margin-left: 0px;
    width: 100vw;
    margin-right: 0px;
    padding-right: 0px;
    top: 0;
    left: 0;
    margin: auto;
  }
/**/


/* Generic Bar */
  .coloured-bar {
    height: 2px;
    background-color:#5b7180;
  }

  @media all and (max-width: 992px){
    .coloured-bar {
    height: 5px; 
    background-color: rgba(0,0,0,0);
    background-image: linear-gradient(to right, #5b7180, #7bb7b2, rgba(0,0,0,0), #7bb7b2, #5b7180);
    }
  }
/**/



/* Effects */
  @media all and (min-width: 992px) { /* Apply hover effects to desktop */
    .sidebar li a:active, .sidebar li a:focus, .sidebar li a:hover, .orange-hover:hover {
      color:#d16735;
    }
  }

  @media all and (min-width: 992px) { /* Account hover desktop */
    .orange-hover:hover {
      color:#d16735;
    }
  }

  #menu-toggle {
    cursor: pointer;
  }

  #menu-close {
    cursor: pointer;
  }
/**/


/* Colours */
  .text-secondary-alt2 {
    color:#d16735;
  }

  .error-red {
    color:#FF5735
  }
/**/



@import "general.css";
@import "sidebar.css";
@import "account.css";
@import "dashboard.css";
@import "holiday.css";
@import "vehicles.css";