/* 
 *  Document   : mc.mainIndividual.less
 *  Created on : 31/08/2013, 12:30:00
 *  Author     : Cynthia Juanilla
 *  $Revision: 3318 $ 
 *  $LastChangedDate: 2014-07-29 10:54:56 -0300 (mar, 29 jul 2014) $
 *  $LastChangedBy: lganga $
 *  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('@{imagesBaseUrl}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";

   /***************/
   /*** PLUGINS ***/
   /***************/
   @import "../libs/owlCarousel/less/mc.owlCarousel.less";

   /**************/
   /*** MODELS ***/
   /**************/
   @import "models/mc.model.gamecast.less";
}
/******************************/
/*** CREDITO DE DATAFACTORY ***/
/******************************/
@import "mc.dfCredit.less";


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