@CHARSET "UTF-8";

/**
 * Helpers
 */

/*===== Displays =====*/

.none         { display: none !important; }
.none-light   { display: none; }
.block        { display: block !important; }
.unblock      { display: inline !important; }
.inline-block { display: inline-block !important; }
.dIB { display: inline-block !important; }

/*===== Floats =====*/

.fleft  { float: left !important; }
.fright { float: right !important; }
.fnone  { float: none !important; }

/*===== Paddings =====*/

.pad-0     { padding:  0px !important; }
.pad-1     { padding:  1px !important; }
.pad-2     { padding:  2px !important; }
.pad-4     { padding:  4px !important; }
.pad-5     { padding:  5px !important; }
.pad-6     { padding:  6px !important; }
.pad-7     { padding:  7px !important; }
.pad-8     { padding:  8px !important; }
.pad-10    { padding: 10px !important; }
.pad-14    { padding: 14px !important; }
.pad-15    { padding: 15px !important; }
.pad-20    { padding: 20px !important; }
.pad-30    { padding: 30px !important; }
.pad-50    { padding: 50px !important; }
.pad-2-10  { padding: 2px 10px !important; }
.pad-T-0   { padding-top:  0px !important; }
.pad-T-3   { padding-top:  3px !important; }
.pad-T-5   { padding-top:  5px !important; }
.pad-T-8   { padding-top:  8px !important; }
.pad-T-10  { padding-top: 10px !important; }
.pad-T-15  { padding-top: 15px !important; }
.pad-T-20  { padding-top: 20px !important; }
.pad-T-30  { padding-top: 30px !important; }
.pad-T-35  { padding-top: 35px !important; }
.pad-T-40  { padding-top: 40px !important; }
.pad-T-50  { padding-top: 50px !important; }
.pad-T-54  { padding-top: 54px !important; }
.pad-T-95  { padding-top: 95px !important; }
.pad-R-0   { padding-right:  0px !important; }
.pad-R-1   { padding-right:  1px !important; }
.pad-R-2   { padding-right:  2px !important; }
.pad-R-5   { padding-right:  5px !important; }
.pad-R-10  { padding-right: 10px !important; }
.pad-R-14  { padding-right: 14px !important; }
.pad-R-15  { padding-right: 15px !important; }
.pad-R-20  { padding-right: 20px !important; }
.pad-R-30  { padding-right: 30px !important; }
.pad-B-0   { padding-bottom:   0px !important; }
.pad-B-1   { padding-bottom:   1px !important; }
.pad-B-5   { padding-bottom:   5px !important; }
.pad-B-10  { padding-bottom:  10px !important; }
.pad-B-20  { padding-bottom:  20px !important; }
.pad-B-40  { padding-bottom:  40px !important; }
.pad-B-110 { padding-bottom: 110px !important; }
.pad-L-0   { padding-left:  0px !important; }
.pad-L-1   { padding-left:  1px !important; }
.pad-L-2   { padding-left:  2px !important; }
.pad-L-4   { padding-left:  4px !important; }
.pad-L-5   { padding-left:  5px !important; }
.pad-L-6   { padding-left:  6px !important; }
.pad-L-9   { padding-left:  9px !important; }
.pad-L-10  { padding-left: 10px !important; }
.pad-L-15  { padding-left: 15px !important; }
.pad-L-18  { padding-left: 18px !important; }
.pad-L-20  { padding-left: 20px !important; }
.pad-L-25  { padding-left: 25px !important; }
.pad-L-40  { padding-left: 40px !important; }
.pad-TB-0  { padding-top:  0px !important; padding-bottom:  0px !important; }
.pad-TB-2  { padding-top:  2px !important; padding-bottom:  2px !important; }
.pad-TB-3  { padding-top:  3px !important; padding-bottom:  3px !important; }
.pad-TB-5  { padding-top:  5px !important; padding-bottom:  5px !important; }
.pad-TB-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pad-RL-4  { padding-right:  4px !important; padding-left:  4px !important; }
.pad-RL-0p72 { padding-right: 0.72px !important; padding-left: 0.72px !important; }
.pad-RL-5  { padding-right:  5px !important; padding-left:  5px !important; }
.pad-RL-6  { padding-right:  6px !important; padding-left:  6px !important; }
.pad-RL-10 { padding-right: 10px !important; padding-left: 10px !important; }
.pad-RL-11 { padding-right: 11px !important; padding-left: 11px !important; }
.pad-RL-14 { padding-right: 14px !important; padding-left: 14px !important; }
.pad-RL-20 { padding-right: 20px !important; padding-left: 20px !important; }
.pad-0-2 { padding: 0 2px !important; }
.pad-10-15 { padding: 10px 15px !important; }
.pad-25-20 { padding: 25px 20px !important; }
.pad-12-4 { padding: 12px 4px !important; }

/*===== Margins =====*/

.mar-0      { margin:  0px !important; }
.mar-2      { margin:  2px !important; }
.mar-5      { margin:  5px !important; }
.mar-10     { margin: 10px !important; }
.mar-30     { margin: 30px !important; }
.mar-T-0    { margin-top:   0px !important; }
.mar-T-2    { margin-top:   2px !important; }
.mar-T-3    { margin-top:   3px !important; }
.mar-T-4    { margin-top:   4px !important; }
.mar-T-5    { margin-top:   5px !important; }
.mar-T-6    { margin-top:   6px !important; }
.mar-T-7    { margin-top:   7px !important; }
.mar-T-8    { margin-top:   8px !important; }
.mar-T-10   { margin-top:  10px !important; }
.mar-T-15   { margin-top:  15px !important; }
.mar-T-20   { margin-top:  20px !important; }
.mar-T-23   { margin-top:  23px !important; }
.mar-T-25   { margin-top:  25px !important; }
.mar-T-30   { margin-top:  30px !important; }
.mar-T-35   { margin-top:  35px !important; }
.mar-T-40   { margin-top:  40px !important; }
.mar-T-50   { margin-top:  50px !important; }
.mar-T-75   { margin-top:  75px !important; }
.mar-T-100  { margin-top: 100px !important; }
.mar-T-110  { margin-top: 110px !important; }
.mar-T-200  { margin-top: 200px !important; }
.mar-R-0    { margin-right:  0px !important; }
.mar-R-2    { margin-right:  2px !important; }
.mar-R-5    { margin-right:  5px !important; }
.mar-R-10   { margin-right: 10px !important; }
.mar-R-12   { margin-right: 12px !important; }
.mar-R-15   { margin-right: 15px !important; }
.mar-R-20   { margin-right: 20px !important; }
.mar-R-30   { margin-right: 30px !important; }
.mar-B--3   { margin-bottom: -3px !important; }
.mar-B-0    { margin-bottom:  0px !important; }
.mar-B-1    { margin-bottom:  1px !important; }
.mar-B-2    { margin-bottom:  2px !important; }
.mar-B-3    { margin-bottom:  3px !important; }
.mar-B-4    { margin-bottom:  4px !important; }
.mar-B-5    { margin-bottom:  5px !important; }
.mar-B-7    { margin-bottom:  7px !important; }
.mar-B-8    { margin-bottom:  8px !important; }
.mar-B-10   { margin-bottom: 10px !important; }
.mar-B-12   { margin-bottom: 12px !important; }
.mar-B-13   { margin-bottom: 13px !important; }
.mar-B-15   { margin-bottom: 15px !important; }
.mar-B-20   { margin-bottom: 20px !important; }
.mar-B-22   { margin-bottom: 22px !important; }
.mar-B-25   { margin-bottom: 25px !important; }
.mar-B-26   { margin-bottom: 26px !important; }
.mar-B-30   { margin-bottom: 30px !important; }
.mar-B-40   { margin-bottom: 40px !important; }
.mar-B-50   { margin-bottom: 50px !important; }
.mar-B-64   { margin-bottom: 64px !important; }
.mar-B-75   { margin-bottom: 75px !important; }
.mar-L-3pc  { margin-left: 3% !important; }
.mar-L-0    { margin-left:   0px !important; }
.mar-L-2    { margin-left:   2px !important; }
.mar-L-5    { margin-left:   5px !important; }
.mar-L-10   { margin-left:  10px !important; }
.mL10       { margin-left:  10px !important; }
.mar-L-15   { margin-left:  15px !important; }
.mar-L-20   { margin-left:  20px !important; }
.mar-L-25   { margin-left:  25px !important; }
.mar-L-30   { margin-left:  30px !important; }
.mar-L-40   { margin-left:  40px !important; }
.mar-L-70   { margin-left:  70px !important; }
.mar-L-80   { margin-left:  80px !important; }
.mar-L-340  { margin-left: 340px !important; }
.mar-TB-5   { margin-top:  5px !important; margin-bottom:  5px !important; }
.mar-TB-10  { margin-top: 10px !important; margin-bottom: 10px !important; }
.mar-TB-50  { margin-top: 50px !important; margin-bottom: 50px !important; }
.mar-TR-10  { margin: 10px 10px 0 0 !important; }
.mar-RL-3   { margin-right:  3px !important; margin-left:  3px !important; }
.mar-RL-5   { margin-right:  5px !important; margin-left:  5px !important; }
.mar-RL-10  { margin-right: 10px !important; margin-left: 10px !important; }
.mar-RB-5   { margin: 0  5px  5px 0 !important; }
.mar-RB-12  { margin: 0 12px 12px 0 !important; }
.mar-RB-22  { margin: 0 22px 22px 0 !important; }
.mar-T-m10  { margin-top: -10px !important; }
.mar-h-center { margin: 0 auto !important; }

/*===== Colors =====*/

.white        { color: #FFFFFF !important; }
.clr-black    { color: #000000 !important; }
.clr-grey     { color: #888888 !important; }
.red          { color: #BB0000 !important; }
.grey         { color: #9197a3 !important; }
.grey-light   { color: #dddddd !important; }
.grey-blue    { color: #707a8a !important; }
.grey-dark    { color: #333333 !important; }
.dark-grey    { color: #333333 !important; }
.green        { color: #a8c834 !important; }
.green-light  { color: #BADB46 !important; }
.blue         { color: #1e88b6 !important; }
.blue-light   { color: #42CCFF !important; }
.yellow       { color: #FFE123 !important; }
.yellow-dark  { color: #DFBA49 !important; }
.black        { color: #333333 !important; }
.brown        { color: #b24707 !important; }
.orange       { color: #faa732 !important; }
.orange-light { color: #FFBA27 !important; }
.orange-dark  { color: #f89406 !important; }

.cI           { color: inherit !important; }
.cBlack       { color: #000000 !important; }
.cBlackCorp   { color: #333333 !important; }
.cWhite       { color: #FFFFFF !important; }
.cGrey        { color: #74777b !important; } /*8e8e93*/ /*74777b*/
.cGreyMedium  { color: #cfcfcf !important; } /*8e8e93*/ /*74777b*/
.cGreyCorp    { color: #f8f8f8 !important; }
.cGreyMetal   { color: #999999 !important; }
.cGreyBlock   { color: #6d6d72 !important; }
.cGreyLight   { color: #e1e1e1 !important; } /*8e8e93*/ /*74777b*/
.cGreyLightA  { color: #aaaaaa !important; } /*8e8e93*/ /*74777b*/
.cGreyDark    { color: #2E3743 !important; } /*8e8e93*/ /*74777b*/
.cRed         { color: #BB0000 !important; }
.cRedLight    { color: #FFB8B8 !important; }
.cRedCorp     { color: #DB3F3F !important; }
.cGreen       { color: #a5c628 !important; }
.cGreenCorp   { color: #B9DB3F !important; }
.cGreenDark   { color: #86A600 !important; }
.cBlue        { color: #1e88b6 !important; }
.cBlueCorp    { color: #42CDFF !important; }
.cBlueDark    { color: #1c3c50 !important; }
.cGold        { color: #daa520 !important; }
.cGoldLight   { color: #f7e4a6 !important; }
.cSilver      { color: #c0c0c0 !important; }
.cSilverDark  { color: #8d8d8d !important; } /* Podría ser #808080, #8d8d8d, #9a9a9a, #a7a7a7 */
.cSilverLight { color: #e6e6e6 !important; } /* Podría ser #dadada */
.cYellow      { color: #ffe123 !important; }

/*===== Backgrounds =====*/

.bg-none       { background-color: transparent !important; }
.bg-white      { background-color: #FFF !important; }
.bg-black      { background-color: #000 !important; }
.bg-grey-dark  { background-color: #555 !important; }
.bg-grey       { background-color: #CCC !important; }
.bg-grey-light { background-color: #EEE !important; }
.bg-grey-ultralight { background-color: #F4F4F4 !important; }
.bg-bas        { background-color: #fafdff !important; }
.bg-pre        { background-color: #f7fffb !important; }
.bg-pro        { background-color: #fdfff7 !important; }
.bg-pos-CT     { background-position: center top !important; }
.bg-666666  { background-color: #666666 !important; }
.bg-grey-07 { background: rgba(51, 51, 51, 0.7) !important; }

.bgTransp, .bgTransp:after { background-color: rgba(0, 0, 0, 0) !important; }
.bgATrsp:after { background-color: rgba(0, 0, 0, 0) !important; }
.bgWhite     { background-color: #ffffff !important; }
.bgRed       { background-color: #C65B1E !important; }
.bgRedLight  { background-color: #F1955F !important; }
.bgRedLight2 { background-color: #edafaf !important; }
.bgRedCorp   { background-color: #DB3F3F !important; } /* Debería ser #ff4242/#db3f3f pero es => #ee5f5b */
.bgGreen     { background-color: #a5c628 !important; }
.bgGreenCorp { background-color: #B9DB3F !important; } /* Podría ser #4bff42 Pero es => #B9DB3F */
.bgBlue      { background-color: #1e88b6 !important; }
.bgBlueCorp  { background-color: #42CDFF !important; } /* Podría ser #3fbcdb pero es => #42CDFF */
.bgBlueDark  { background-color: #1c3c50 !important; }
.bgGreyLight { background-color: #ECF0F1 !important; }
.bgGreyCorp  { background-color: #f8f8f8 !important; }
.bgGreyDark  { background-color: #2E3743 !important; }
.bgBlackTr3  { background: rgba(0, 0, 0, 0.3) !important; }
.bgOrange    { background-color: #D3A84F !important; }
.bgGold      { background-color: #daa520 !important; }
.bgGoldLight { background-color: #f7e4a6 !important; }
.bgSilver    { background-color: #c0c0c0 !important; }
.bgSilver2   { background-color: #cbcfd2 !important; }
.bgSilver3   { background-color: #d6dce0 !important; }
.bgSilverDark  { background-color: #8d8d8d !important; } /* Podría ser #808080, #8d8d8d, #9a9a9a, #a7a7a7 */
.bgSilverLight { background-color: #e6e6e6 !important; } /* Podría ser #dadada */

/*===== Align =====*/

.left   { text-align: left !important; }
.center { text-align: center !important; }
.right  { text-align: right !important; }
.justify  { text-align: justify !important; }
.middle  { vertical-align: middle !important; }
.top     { vertical-align: top !important; }
.bottom  { vertical-align: bottom !important; }
.vbottom  { vertical-align: bottom !important; }

/*===== Cursors =====*/

.pointer     { cursor: pointer !important; }
.cur-wait    { cursor: wait !important; }
.cur-default { cursor: default !important; }
.cur-ban { cursor: not-allowed !important; }

/*===== Widths =====*/
.w-1pc   { width:   1% !important; }
.w-5pc   { width:   5% !important; }
.w-6pc   { width:   6% !important; }
.w-7pc   { width:   7% !important; }
.w-8pc   { width:   8% !important; }
.w-10pc  { width:  10% !important; }
.w-11pc  { width:  11% !important; }
.w-13pc  { width:  13% !important; }
.w-15pc  { width:  15% !important; }
.w-16pc  { width:  16% !important; }
.w-19pc  { width:  19% !important; }
.w-20pc  { width:  20% !important; }
.w-21pc  { width:  21% !important; }
.w-23pc  { width:  23% !important; }
.w-24pc  { width:  24% !important; }
.w-25pc  { width:  25% !important; }
.w-26pc  { width:  26% !important; }
.w-27pc  { width:  27% !important; }
.w-30pc  { width:  30% !important; }
.w-31pc  { width:  31% !important; }
.w-100pc { width: 100% !important; }
.w-100x100 { width: 100% !important; }
.w-10x100  { width: 10% !important; }
.w-c-100-10 { width: calc(100% - 10px) !important; }
.w-c-100-30 { width: calc(100% - 30px) !important; }
.w-auto { width: auto !important; }
.w-inh  { width: inherit !important; }
.w-min-14  { min-width:  14px !important; }
.w-min-15  { min-width:  15px !important; }
.w-min-27  { min-width:  27px !important; }
.w-min-32  { min-width:  32px !important; }
.w-min-38  { min-width:  38px !important; }
.w-min-80  { min-width:  80px !important; }
.w-min-130 { min-width: 130px !important; }
.w-min-140 { min-width: 140px !important; }
.w-min-150 { min-width: 150px !important; }
.w-min-200 { min-width: 200px !important; }
.w-max-38  { max-width:  38px !important; }
.w-max-100 { max-width: 100px !important; }
.w-max-130 { max-width: 130px !important; }
.w-max-250 { max-width: 250px !important; }
.w-max-280 { max-width: 280px !important; }
.mxw100pc  { max-width: 100% !important; }
.w-4    { width:    4px !important; }
.w-5    { width:    5px !important; }
.w-8    { width:    8px !important; }
.w-10   { width:   10px !important; }
.w-20   { width:   20px !important; }
.w-25   { width:   25px !important; }
.w-30   { width:   30px !important; }
.w-32   { width:   32px !important; }
.w-38   { width:   38px !important; }
.w-40   { width:   40px !important; }
.w-50   { width:   50px !important; }
.w-75   { width:   75px !important; }
.w-80   { width:   80px !important; }
.w-90   { width:   90px !important; }
.w-100  { width:  100px !important; }
.w-120  { width:  120px !important; }
.w-130  { width:  130px !important; }
.w-132  { width:  132px !important; }
.w-140  { width:  140px !important; }
.w-150  { width:  150px !important; }
.w-156  { width:  156px !important; }
.w-160  { width:  160px !important; }
.w-170  { width:  170px !important; }
.w-175  { width:  175px !important; }
.w-185  { width:  185px !important; }
.w-195  { width:  195px !important; }
.w-200  { width:  200px !important; }
.w-205  { width:  205px !important; }
.w-210  { width:  210px !important; }
.w-212  { width:  212px !important; }
.w-242  { width:  242px !important; }
.w-250  { width:  250px !important; }
.w-260  { width:  260px !important; }
.w-272  { width:  272px !important; }
.w-280  { width:  280px !important; }
.w-300  { width:  300px !important; }
.w-325  { width:  325px !important; }
.w-350  { width:  350px !important; }
.w-385  { width:  385px !important; }
.w-420  { width:  420px !important; }
.w-490  { width:  490px !important; }
.w-995  { width:  995px !important; }
.w-1020 { width: 1020px !important; }

/*===== Heights =====*/
.h100pc { height: 100% !important; }
.h-100pc { height: 100% !important; }
.mxh80pc   { max-height:     80% !important; }
.h-max-i   { max-height: inherit !important; }
.h-max-300 { max-height:   300px !important; }
.h-max-500 { max-height:   500px !important; }
.h-min-i   { min-height: inherit !important; }
.h-min-30  { min-height:  30px !important; }
.h-min-40  { min-height:  40px !important; }
.h-min-43  { min-height:  43px !important; }
.h-min-47  { min-height:  47px !important; }
.h-min-70  { min-height:  70px !important; }
.h-min-100 { min-height: 100px !important; }
.h-min-101 { min-height: 101px !important; }
.h-min-139 { min-height: 139px !important; }
.h-min-143 { min-height: 143px !important; }
.h-min-145 { min-height: 145px !important; }
.h-min-500 { min-height: 500px !important; }
.h-auto { height: auto !important; }
.h-2    { height:    2px !important; }
.h-10   { height:   10px !important; }
.h-13   { height:   13px !important; }
.h-20   { height:   20px !important; }
.h-24   { height:   24px !important; }
.h-25   { height:   25px !important; }
.h-30   { height:   30px !important; }
.h-32   { height:   32px !important; }
.h-36   { height:   36px !important; }
.h-38   { height:   38px !important; }
.h-40   { height:   40px !important; }
.h-43   { height:   43px !important; }
.h-46   { height:   46px !important; }
.h-48   { height:   48px !important; }
.h-50   { height:   50px !important; }
.h-55   { height:   55px !important; }
.h-123  { height:  123px !important; }
.h-130  { height:  130px !important; }
.h-132  { height:  132px !important; }
.h-140  { height:  140px !important; }
.h-200  { height:  200px !important; }
.h-250  { height:  250px !important; }
.h-270  { height:  270px !important; }
.h-330  { height:  330px !important; }
.h-400  { height:  400px !important; }
.h-800  { height:  800px !important; }
.h-1200 { height: 1200px !important; }

/*===== Distances =====*/

.top-0  { top:  0px !important; }
.top-15 { top: 15px !important; }
.top-35 { top: 35px !important; }
.top-45 { top: 45px !important; }
.top-75 { top: 75px !important; }
.top-80 { top: 80px !important; }
.left-35pc { left: 35% !important; }
.left-0  { left:  0px !important; }
.left-65 { left: 65px !important; }
.left-75 { left: 75px !important; }
.bottom-0 { bottom: 0px !important; }
.right-0 { right: 0px !important; }

/*===== Text shadow =====*/
.no-shadow { text-shadow: initial; }

/*===== Font size =====*/

.size-4  { font-size:  4px !important; }
.size-8  { font-size:  8px !important; }
.size-11 { font-size: 11px !important; }
.size-12 { font-size: 12px !important; }
.size-13 { font-size: 13px !important; }
.size-14 { font-size: 14px !important; }
.size-15 { font-size: 15px !important; }
.size-16 { font-size: 16px !important; }
.size-18 { font-size: 16px !important; }
.size-20 { font-size: 20px !important; }
.size-23 { font-size: 23px !important; }
.size-24 { font-size: 24px !important; }
.size-25 { font-size: 25px !important; }
.size-26 { font-size: 26px !important; }
.size-27 { font-size: 27px !important; }
.size-30 { font-size: 30px !important; }
.size-35 { font-size: 35px !important; }
.size-40 { font-size: 40px !important; }
.size-60 { font-size: 60px !important; }

/*===== Text Transform =====*/
.uppercase  { text-transform: uppercase !important; }
.capitalize { text-transform: capitalize !important; }
/*.firstUpper { display: inline-block !important; }*/
.firstUpper:first-letter { text-transform: uppercase !important; }

/*===== Positions =====*/

.absolute { position: absolute !important; }
.relative { position: relative !important; }
.poR { position: relative !important; }

/*===== Font styles =====*/

.bold   { font-weight:   bold !important; }
.normal { font-weight: normal !important; }
.italic { font-style:  italic !important; }

/*===== Font family =====*/

.family-aller      { font-family: 'allerregular' !important; }
.family-allerlight { font-family: 'aller_lightregular' !important; }
.family-courier    { font-family: 'courier' !important; }

/*===== Text decoration =====*/

.decoration-off { text-decoration: none !important; }
.underline { text-decoration: underline !important; }


/*===== Words =====*/

.nowrap { white-space: nowrap !important; }
.ws-normal { white-space: normal !important; }

/*===== Line Height =====*/

.lh-10 { line-height: 10px !important; }
.lh-13 { line-height: 13px !important; }
.lh-14 { line-height: 14px !important; }
.lh-20 { line-height: 20px !important; }
.lh-22 { line-height: 22px !important; }
.lh-23 { line-height: 23px !important; }
.lh-24 { line-height: 24px !important; }
.lh-25 { line-height: 25px !important; }
.lh-28 { line-height: 28px !important; }
.lh-30 { line-height: 30px !important; }
.lh-35 { line-height: 35px !important; }
.lh-38 { line-height: 38px !important; }
.lh-40 { line-height: 40px !important; }
.lh-42 { line-height: 42px !important; }

/*===== Border =====*/
.border-0 { border-width: 0px !important; }
.border-1 { border-width: 1px !important; border-style: solid !important; }
.border-2 { border-width: 2px !important; border-style: solid !important; }
.br-B-0 { border-bottom: 0 !important; }

.bS1G { border: solid 1px #ccc !important; }
.bS2G { border: solid 2px #ccc !important; }
.btS1G { border-top: solid 1px #ccc !important; }
.btS1GL { border-top: solid 1px #DFDFDF !important; }
.bbS1GL { border-bottom: solid 1px #DFDFDF !important; }

.brIS1G {
    -webkit-box-shadow: inset -1px 0 0 0 #ccc !important;
       -moz-box-shadow: inset -1px 0 0 0 #ccc !important;
            box-shadow: inset -1px 0 0 0 #ccc !important;
}
.brS204 {
    -webkit-box-shadow: rgb(204, 204, 204) -5px -1px 3px -4px !important;
       -moz-box-shadow: rgb(204, 204, 204) -5px -1px 3px -4px !important;
            box-shadow: rgb(204, 204, 204) -5px -1px 3px -4px !important;
}
.brSR204 {
    -webkit-box-shadow: rgb(204, 204, 204) 5px -1px 3px -4px !important;
       -moz-box-shadow: rgb(204, 204, 204) 5px -1px 3px -4px !important;
            box-shadow: rgb(204, 204, 204) 5px -1px 3px -4px !important;
}

.brSR204 + div:not(.span4):not(.span8) + .brS204 {
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

/*===== Border Background =====*/
.border-bg { background: url("/img/bgLine.png") repeat-x 0 10px; }

/*===== Border color =====*/
.border-none         { border-color: transparent !important; }
.border-grey         { border-color: #cccccc !important; }
.border-green-light  { border-color: #badb46 !important; }
.border-orange-light { border-color: #FFBA27 !important; }
.border-blue-light   { border-color: #42CCFF !important; }
.border-999          { border-color: #999999 !important; }

/*===== Border radius =====*/
.no-radius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0   !important; }
.rad-0 { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; }
.rad-2 { -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; }
.rad-3 { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; }
.rad-4 { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; }
.rad-5 { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; }
.rad-50pc { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; }
.rad-LB-2 { border-radius: 0 0 0 2px !important; }

/*===== Box sizing =====*/
.bs-bb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*===== Overflow =====*/
.overflow { overflow: hidden !important; }
.no-overflowY { overflow-y: visible !important; }
.text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tbl-lay-fix { table-layout: fixed !important; }

/*===== z-index =====*/
.zi-1   { z-index:   1 !important; }
.zi-2   { z-index:   2 !important; }
.zi-987 { z-index: 987 !important; }
.zi-998 { z-index: 998 !important; }

/*===== opacity =====*/
.op-3 { opacity: 0.3 !important;}

/*===== x =====*/
.lstStyle-none { list-style: none !important; }
.overall   { z-index: 99999 !important; }
textarea.vertical { resize: vertical !important; }

/*==== box ====*/
.boxSizingInherit { box-sizing: inherit !important; }

/*==== Hover ====*/
.hover-bg-grey:hover {
    background-color: #CCC;
}

.button.active-state { opacity: 0.85 !important; }

.not-selectable,
.not-selectable:focus {
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-style: none; /* necesario para Internet Explorer */
}

/*===== Div line through =====*/
.dlt {
    position: relative;
}
.dlt:after {
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    background: #000;
    content: "";
    width: 100%;
    display: block;
}
.dlt.dlt2:after {
    height: 2px;
}