/**
 * CosmoShopJs lazy css
 * 
 * This style sheet stores common patterns to use things quickly.
 */

/* Text formats */
.shortenText {white-space: nowrap;overflow: hidden;width: 100%;text-overflow: ellipsis;}
.textleft {text-align: left;}
.textRight {text-align: right;}
.textCenter {text-align: center;}
.textUpper {text-transform: uppercase;}
.textLower {text-transform: lowercase;}
.textCapitalize {text-transform: capitalize;}
.wordBreakAll {word-break: break-all;}
.wordBreakKeepAll {word-break: keep-all;}

/* Font patterns */
.fontSize16 {font-size: 16px;}
.fontSize20 {font-size: 20px;}
.font-xx-Small {font-size:  xx-small;}
.font-x-Small {font-size: x-small;}
.font-Small {font-size: small;}
.font-medium  {font-size:  medium;}
.font-large {font-size: large;}
.font-x-large  {font-size: x-large;}
.font-xx-large  {font-size:  xx-large;}
.font-smaller {font-size: smaller;}
.font-larger {font-size: larger;}
.fontWeight500 {font-weight: 500;}
.fontWeight600 {font-weight: 600;}

/* Border patterns */
.noBorder,.borderNone {border:  0 !important;}

/* HOVER patterns */
.hoverLighter {opacity: 1;}
.hoverLighter:hover {opacity: 0.6;}
.hoverStronger {opacity: 0.6;}
.hoverStronger:hover {opacity: 1;}
tr .hoverPartial {background-color: #eee;}
tr .hoverPartialActive {background-color: #ddd;}

/* Display patterns */
.hide, .displayNone {display: none !important;}
.inlineBlock, .displayInlineBlock {display: inline-block !important;}
.displayBlock {display: block !important;}
.displayFlex {display:  flex !important;}

/* Positions [static|absolute|fixed|relative|initial|inherit] */  
.positionAbsolute {position: absolute;}
.positionStatic {position: static;}
.positionFixed {position: fixed;}
.positionRelative {position: relative;}
.positionInitial {position: initial;}
.positionInherit {position: inherit;}

/* Floating */
.floatLeft {float:  left;}
.floatRight {float: right;}
.clearLeft {clear:  left;}
.clearRight {clear:  right;}
.floatClear, .clearBoth {clear: both;}

/** Opacity Lazy classes */
.opacity25 {opacity: 0.25;}
.opacity50 {opacity: 0.5;}
.opacity75 {opacity: 0.75;}
.opacity1 {opacity:  1;}

/** Overflow classes [auto|visible|hidden|scroll|initial|inherit] */
.overflowAuto {overflow: auto;}
.overflowVisible {overflow: visible;}
.overflowHidden {overflow: hidden;}
.overflowScroll {overflow: scroll;}
.overflowInitial {overflow: initial;}
.overflowInherit {overflow: inherit;}

/** Force spacing */
.m-0 {margin: 0 !important;}
.m-5 {margin:  5px !important;}
.m-10 {margin:  10px !important;}
.m-25 {margin:  25px !important;}
.m-50 {margin:  50px !important;}
.m-100 {margin:  100px !important;}

.m-t-0 {margin-top:  0 !important;}
.m-t-5 {margin-top:  5px !important;}
.m-t-10 {margin-top:  10px !important;}
.m-t-25 {margin-top:  25px !important;}
.m-t-50 {margin-top:  50px !important;}
.m-t-100 {margin-top:  100px !important;}

.m-r-0 {margin-right:  0 !important;}
.m-r-5 {margin-right:  5px !important;}
.m-r-10 {margin-right:  10px !important;}
.m-r-25 {margin-right:  25px !important;}
.m-r-50 {margin-right:  50px !important;}
.m-r-100 {margin-right:  100px !important;}

.m-b-0 {margin-bottom:  0 !important;}
.m-b-5 {margin-bottom:  5px !important;}
.m-b-10 {margin-bottom:  10px !important;}
.m-b-25 {margin-bottom:  25px !important;}
.m-b-50 {margin-bottom:  50px !important;}
.m-b-100 {margin-bottom:  100px !important;}

.m-l-0 {margin-left:  0 !important;}
.m-l-5 {margin-left:  5px !important;}
.m-l-10 {margin-left:  10px !important;}
.m-l-25 {margin-left:  25px !important;}
.m-l-50 {margin-left:  50px !important;}
.m-l-100 {margin-left:  100px !important;}

.p-0 {padding: 0 !important;}
.p-5 {padding:  5px !important;}
.p-10 {padding:  10px !important;}
.p-25 {padding:  25px !important;}
.p-50 {padding:  50px !important;}
.p-100 {padding:  100px !important;}

.p-t-0 {padding-top:  0 !important;}
.p-t-5 {padding-top:  5px !important;}
.p-t-10 {padding-top:  10px !important;}
.p-t-25 {padding-top:  25px !important;}
.p-t-50 {padding-top:  50px !important;}
.p-t-100 {padding-top:  100px !important;}

.p-r-0 {padding-right:  0 !important;}
.p-r-5 {padding-right:  5px !important;}
.p-r-10 {padding-right:  10px !important;}
.p-r-25 {padding-right:  25px !important;}
.p-r-50 {padding-right:  50px !important;}
.p-r-100 {padding-right:  100px !important;}

.p-b-0 {padding-bottom:  0 !important;}
.p-b-5 {padding-bottom:  5px !important;}
.p-b-10 {padding-bottom:  10px !important;}
.p-b-25 {padding-bottom:  25px !important;}
.p-b-50 {padding-bottom:  50px !important;}
.p-b-100 {padding-bottom:  100px !important;}

.p-l-0 {padding-left: 0 !important;}
.p-l-5 {padding-left:  5px !important;}
.p-l-10 {padding-left:  10px !important;}
.p-l-20 {padding-left:  20px !important;}
.p-l-25 {padding-left:  25px !important;}
.p-l-50 {padding-left:  50px !important;}
.p-l-100 {padding-left:  100px !important;}

/** Cursor Lazy classes */
.cursorHelp {cursor: help;}
.cursorMove {cursor: move;}
.cursorNone {cursor: none;}
.cursorText {cursor: text;}
.cursorWait {cursor: wait;}
.cursorDefault {cursor: default;}
.cursorPointer {cursor: pointer;}