/* 
 *  Document   : mc.main.less
 *  Created on : 31/08/2013, 12:30:00
 *  Author     : Cynthia Juanilla
 *  $Revision: 1988 $ 
 *  $LastChangedDate: 2014-03-12 16:38:30 -0300 (mié, 12 mar 2014) $
 *  $LastChangedBy: cjuanilla $
 *  Description:
 *      Main styles for the app
 */

@import "mc.mixins.less";
@import "mc.configuration.less";
@import "../../customization/less/mc.customVariables.less";
@import "mc.reset.less";

/* REVISAR ESTO. ESTE ES EL MOTIVO POR EL CUAL TUVIMOS QUE ACHICAR EN 1PX LAS MEDIDAS DE NUESTRAS VARIABLES @xs, @sm y @md. */
// So media queries don't overlap when required, provide a maximum
//@screen-xs-max:              (@screen-sm-min - 1);
//@screen-sm-max:              (@screen-md-min - 1);
//@screen-md-max:              (@screen-lg-min - 1);


/**************/
/*** FOOTER ***/
/**************/
@import "mc.footer.less";

/******************/
/*** APP STYLES ***/
/******************/
div[class*="dfMc-"]{
   
    /*****************/
    /*** BOOTSTRAP ***/
    /*****************/
    
    
   background: @bg;    

   .dfReset;
   *{
      .dfReset;
   }


   .loaderCtn, .moduleCtn, .templatesCtn, .errorCtn {
      display: none;
   }
   .modulePreloader {
      height:30px;
      width:30px;
      margin:5px auto;
      position:relative;
      -webkit-animation: rotation .6s infinite linear;
      -moz-animation: rotation .6s infinite linear;
      -o-animation: rotation .6s infinite linear;
      animation: rotation .6s infinite linear;
      border-left:6px solid fadeout(@bg_dest_type, 75%);
      border-right:6px solid fadeout(@bg_dest_type, 75%);
      border-bottom:6px solid fadeout(@bg_dest_type, 75%);
      border-top:6px solid @bg_dest_type;
      border-radius:100%;
   }

   @-webkit-keyframes rotation {
      from {-webkit-transform: rotate(0deg);}
      to {-webkit-transform: rotate(359deg);}
   }

   @-moz-keyframes rotation {
      from {-moz-transform: rotate(0deg);}
      to {-moz-transform: rotate(359deg);}
   }

   @-o-keyframes rotation {
      from {-o-transform: rotate(0deg);}
      to {-o-transform: rotate(359deg);}
   }

   @keyframes rotation {
      from {transform: rotate(0deg);}
      to {transform: rotate(359deg);}
   }

   .dfMc-noCssAnimations .modulePreloader{
      background: url('../images/ajax-loader2.gif') no-repeat scroll center center rgba(0, 0, 0, 0);
      height: 5px;
      margin: 0px auto;
      position: relative;
      width: 40px;
   }

   /**************/
   /*** HEADER ***/
   /**************/
   @import "mc.header.less";

   /******************/
   /*** NAVIGATION ***/
   /******************/
   @import "mc.navigation.less";

   /**********************/
   /*** GENERIC STYLES ***/
   /**********************/
   @import "mc.genericStyles.less";

   /**************/
   /*** TABLES ***/
   /**************/
   @import "mc.tables.less";

   /***************/
   /*** TOOLTIP ***/
   /***************/
   @import "mc.tooltip.less";

   /**************/
   /*** MODELS ***/
   /**************/
   @import "models/mc.model.gamecast.less";

   /***************/
   /*** MODULES ***/
   /***************/
   @import "modules/mc.module.scoreBoard.less";
   @import "modules/mc.module.timeLine.less";
   @import "modules/mc.module.teamComparison.less";
   @import "modules/mc.module.lineUpFull.less";
   @import "modules/mc.module.coordinates.less";
   @import "modules/mc.module.leaders.less";
   @import "modules/mc.module.commentary.less";
   @import "modules/mc.module.heatMap.less";
   @import "modules/mc.module.playerTab.less";
   @import "modules/mc.module.playerComparison.less";
   @import "modules/mc.module.passes.less";
   @import "modules/mc.module.preview.less";

   /*************/
   /*** PAGES ***/
   /*************/
   @import "pages/mc.page.planteles.less";
   @import "pages/mc.page.playerCenter.less";
   @import "pages/mc.page.teamCenter.less";
   @import "pages/mc.page.teams.less";
   @import "pages/mc.page.fixture.less";
   @import "pages/mc.page.history.less";
   @import "pages/mc.page.historicalPreview.less";
   @import "pages/mc.page.citiesStadiums.less";

}
/******************************/
/*** CREDITO DE DATAFACTORY ***/
/******************************/
@import "mc.dfCredit.less";


/******************/
/*** EXCEPTIONS ***/
/******************/
@import "mc.exceptions.less";