@nodePath : "../../../../node_modules";
@bootstrap : "@{nodePath}/bootstrap/less";
@notifly-selector: ~"#cf";
// Include Lesshat -------------
@import "@{nodePath}/lesshat/lesshat";
//------------------------------

// Bootstrap Common
// -------------------------------------
// Core variables and mixins
@import "@{bootstrap}/variables";
@import "@{bootstrap}/mixins";
// Reset and dependencies
// @import "@{bootstrap}/normalize";
// -------------------------------------

//Project variables
@import "variables";
@import "mixins";
@import "icons/style";

// Take over Joomla style
body.com_notifly{
  @import "admin/joomla-override";
}
// Disable Sidebar nav text on edit mode
body.com_notifly.layout-edit{
  #cf{
    .tx-sidebar{
      min-width: 50px;
      padding: 20px 10px;
      .nav-list{
        > li > a{
          > span{ display: none; }
          i{ margin: 0; }
        }
      }
    }
  }
}
@media (max-width: 768px) {
  body.com_notifly{
    #cf{
      .tx-sidebar{
        min-width: 50px;
        padding: 20px 10px;
        margin-left: -20px;
        .nav-list{
          > li > a{
            > span{ display: none; }
            i{ margin: 0; }
          }
        }
      }
    }
  }  
}


@{notifly-selector}{
  // Bootstrap CSS
  @import "@{bootstrap}/scaffolding";
  @import "@{bootstrap}/grid";
  @import "@{bootstrap}/tables";
  @import "@{bootstrap}/forms";
  @import "@{bootstrap}/buttons";
  // Bootstrap Components
  @import "@{bootstrap}/component-animations";
  @import "@{bootstrap}/button-groups";
  @import "@{bootstrap}/input-groups";
  @import "@{bootstrap}/navs";
  @import "@{bootstrap}/navbar";
  @import "@{bootstrap}/labels";
  @import "@{bootstrap}/badges";
  @import "@{bootstrap}/thumbnails";
  @import "@{bootstrap}/alerts";
  @import "@{bootstrap}/media";
  @import "@{bootstrap}/list-group";
  @import "@{bootstrap}/panels";
  @import "@{bootstrap}/responsive-embed";
  @import "@{bootstrap}/wells";
  @import "@{bootstrap}/close";
  // Utility classes
  // @import "@{bootstrap}/utilities.less";
  // -----------------------------------
  @import "admin/common";
  @import "admin/sidebar";
  @import "admin/btn";
  @import "admin/modal";  
  @import "admin/switch";  
  @import "admin/panels";  
  @import "admin/tabs";  
  @import "admin/forms";  
  @import "admin/navbar";  

  // Integraions page
  .int-logo{ 
    max-width: 100%; 
    width: 100%;
    height: 100px;
    object-fit: contain;
  }
  .integrations{
    
  }
  .request-block{
    margin-top: 40px; padding: 30px;
    background: #fff;
    border: 1px solid #ddd;
  }
  // Templates
  &.templates{
    .media-heading{ 
      padding-bottom: 14px; margin-bottom: 10px;
      border-bottom: 1px solid #eee; 
    }
  }
  .tx-action-btns{ width: 20%; padding-left: 40px; vertical-align: middle; }
  // Events
  &.events{
    .table{
      background: #fff;
      .box-shadow(0 0 10px #ddd);
      td { vertical-align: middle; }
    }
  }
}

// Dealing with iframe
body.contentpane.component{
  padding: 0px;
  #general h3,
  #general .info-labels,
  #general .info-labels + div,
  #general .info-labels + div + hr,
  .nav.nav-tabs{ display: none; }
  
  .span3 > .form-vertical > .control-group + .control-group,
  .form-vertical + .form-vertical{ display: none; }

}