/* Sticky footer styles
-------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
  }
  
  body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    font-family: 'Fira Sans', sans-serif;
    font-size:14px;
  }
  
  .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px;
    /* Vertically center the text there */
    background-color: #f5f5f5;
  }
  
  body #ajaxloader{
    display:none;
  }
  
  body.loading #ajaxloader{
    display:inline;
  }
  
  /* Custom page CSS Header & Footer
    -------------------------------------------------- */
  
  body>.container-fluid {
    padding: 32px 15px 0;
  }
  
  body>.container {
    padding: 56px 15px 0;
  }
  
  .footer>.container {
    padding-right: 15px;
    padding-left: 15px;
  }
  
  #navbarBreadcrumb {
    margin-top: 55px;
  }
  
  /* Custom Menu CSS 
    ------------------------------------------------*/
  
  #appMenuIcon {
    width: 36px;
    height: 20px;
  }
  
  /* Breadcrumb Menu
  -------------------------------------------------*/
  
  .btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
  }
  
  .btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid #343a40;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
  }
  
  .btn-breadcrumb {
    z-index: 999;
  }
  .btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
  }
  .btn-breadcrumb .btn:before,.btn-breadcrumb .btn:after,.btn-breadcrumb .btn:hover:before,.btn-breadcrumb .btn:hover:after {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }
  .btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px;
  }
  
  .btn-breadcrumb .btn:last-child {
    padding: 6px 18px 6px 24px;
  }
  
  .btn-breadcrumb .btn.btn-outline-dark:not(:last-child):after {
    border-left: 10px solid #fff;
  }
  
  .btn-breadcrumb .btn.btn-outline-dark:not(:last-child):before {
    border-left: 10px solid #343a40;
  }
  
  .btn-breadcrumb .btn.btn-outline-dark:hover:not(:last-child):after {
    border-left: 10px solid #343a40;
  }
  
  .btn-breadcrumb .btn.btn-outline-dark:hover:not(:last-child):before {
    border-left: 10px solid #343a40;
  }
  
  form.compact label {
    margin-bottom: 0;
  }
  
  
  
  
  /* PreLoadeer
    -----------------------------------------------*/
  #preloader  {
    position:fixed;
    top:60px;
    left:0;
    right:0;
    bottom:60px;
    background-color:#f0f3f4;
    z-index:9999;
    overflow: hidden;
  }
  /* Upload Button
    -----------------------------------------------*/
  .btn-file {
    position: relative;
    overflow: hidden;
  }
  .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
  }
  .btn-input-filename{
    position: relative;
    top: 50%;
  }
  
  /* Validation
  -----------------------------------*/
  .checkedInvalid {
    border: 1px solid #cd0a0a !important;
  }
  
  /* Boostrap Custom Checkbox Control
  -----------------------------------*/
  .custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after{
    top:.5rem;
  }
  
  /* ATURIS ICON PICKER */
  .iconpicker-red, .iconpicker-green, .iconpicker-blue {
    margin: 1em;
  }
  .iconpicker-icon {
    width: 48px;
    height: 48px;
  }
  .iconpicker-red .ui-slider-range { background: #ef2929; }
  .iconpicker-red .ui-slider-handle { border-color: #ef2929; }
  .iconpicker-green .ui-slider-range { background: #8ae234; }
  .iconpicker-green .ui-slider-handle { border-color: #8ae234; }
  .iconpicker-blue .ui-slider-range { background: #729fcf; }
  .iconpicker-blue .ui-slider-handle { border-color: #729fcf; }
  
  .iconpicker-icons svg{
    margin:0 .5em;
  }
  
  /* Main-Menu
  -----------------------------------*/
  .main-menu{
  }
  .navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .nav-link:hover{
    color: #fff;
  }
  .nav-link:hover{
    xbackground-color: #bd1d1d;
    color: #fff;
  }
  .nav-item.active{
    xbackground-color: #bd1d1d;
  }
  /*Status */
  .status_1{
    color: #FFDC00;
  }
  .status_border_1{
    border-color: #FFDC00;
  }
  .status_bg_1{
    background-color: #FFDC00;
  }
  .status_2{
    color: #FF851B;
  }
  .status_border_2{
    border-color: #FF851B;
  }.status_bg_2{
    background-color: #FF851B;
  }
  .status_3{
    color: #2ECC40;
  }
  .status_border_3{
    border-color: #2ECC40;
  }
  .status_bg_3{
    background-color: #2ECC40;
  }
  .status_4{
    color: #0074D9;
  }
  .status_border_4{
    border-color: #0074D9;
  }
  .status_bg_4{
    background-color: #0074D9;
    color: #fff;
  }
  .status_5{
    color: #001f3f;
  }
  .status_border_5{
    border-color: #001f3f;
  }
  .status_bg_5{
    background-color: #001f3f;
    color: #fff;
  }