/* COLORS */

/* Text - COLORS */

.cm {color: #0157DE;} /* main color */
.c1 {color: #9bc0fd;}
.c2 {color: #68a1fd;}
.c3 {color: #3481fe;}
.c4 {color: #0345b0;}
.c5 {color: #011432;}
.cw {color: #FFF;}

.cg1 {color: #ccc;} 
.cg2 {color: #aaa;} 
.cg3 {color: #999;} 
.cg4 {color: #777;} 
.cg5 {color: #555;} 
.cg6 {color: #333;}

.c-offer 	{color: #ff0000;}
.c-preorder {color: #aa22aa;}
.c-closeout {color: #ff8000;}

/* Background - COLORS */

.bgm {background-color: #0157DE;} /* main color */
.bg0 {background-color: #eef2ff;}
.bg1 {background-color: #cce0ff;}
.bg2 {background-color: #9bc0fd;}
.bg3 {background-color: #68a1fd;}
.bg4 {background-color: #3481fe;}
.bg5 {background-color: #0345b0;}
.bgw {background-color: #FFF;}

.bgbuy {background-color: #006688;}


.bgg1 {background-color: #EEE;}
.bgg2 {background-color: #DDD;}
.bgg3 {background-color: #CCC;}
.bgg4 {background-color: #AAA;}
.bgg5 {background-color: #888;}
.bgg6 {background-color: #555;}

.bgh1 {background-color: #fff777;} /* highlight color */
.bgh2 {background-color: #ffcccc;} /* highlight color */
.bgh3 {background-color: #ccffcc;} /* highlight color */

.bg-offer 	{background-color: #ff0000;}
.bg-preorder {background-color: #aa22aa;}
.bg-closeout {background-color: #ff8000;}

.bg-grad1 {background-image: linear-gradient(#ccc, #fff);}
.bg-grad2 {background-image: linear-gradient(#bbb, #eee);}
.bg-grad3 {background-image: linear-gradient(#aaa, #eee);}


/* ELEMENTS */
.ct-bg-primary {background-color: #0d6efd}
.ct-text-primary {color:#0d6efd;}
.ct-btn-primary {background-color: #0d6efd; color:#fff;}
.ct-btn-primary:hover {background-color: #2980FF; color: white;}
.ct-btn-primary-active {background-color: #2980FF; color: white;}

.ct-bg-secondary {background-color: #6c757d}
.ct-text-secondary {color:#6c757d;}
.ct-btn-secondary {background-color: #6c757d; color:#fff;}
.ct-btn-secondary:hover {background-color: #888; color: white;}
.ct-btn-secondary-active {background-color: #888; color: white;}

.ct-bg-success {background-color: #28A745}
.ct-text-success {color:#28A745;}
.ct-btn-success {background-color: #28A745; color:#fff;}
.ct-btn-success:hover {background-color: #22903B; color: white;}
.ct-btn-success-active {background-color: #22903B; color: white;}

.ct-bg-info {background-color: #0696AA}
.ct-text-info {color:#0696AA;}
.ct-btn-info {background-color: #0696AA; color:#fff;}
.ct-btn-info:hover {background-color: #09B9DD; color: white;}
.ct-btn-info-active {background-color: #09B9DD; color: white;}

.ct-bg-warning {background-color: #ffc107}
.ct-text-warning {color:#ffc107;}
.ct-btn-warning {background-color: #ffc107; color:#000;}
.ct-btn-warning:hover {background-color: #fff000; color: #000;}
.ct-btn-warning-active {background-color: #fff000; color: #000;}

.ct-bg-danger {background-color: #dc3545}
.ct-text-danger {color:#dc3545;}
.ct-btn-danger {background-color: #dc3545; color:#fff;}
.ct-btn-danger:hover {background-color: #DA4D5A; color: white;}
.ct-btn-danger-active {background-color: #DA4D5A; color: white;}

.ct-bg-dark {background-color: #333333}
.ct-text-dark {color:#444444;}
.ct-btn-dark {background-color: #333333; color:#ccc;}
.ct-btn-dark:hover {background-color: #555; color:#fff;}
.ct-btn-dark-active {background-color: #555; color:#fff;}

.ct-bg-light {background-color: #eeeeee}
.ct-text-light {color:#cccccc;}
.ct-btn-light {background-color: #eeeeee; color:#777;}
.ct-btn-light:hover {background-color: #bbb; color: #555;}
.ct-btn-light-active {background-color: #bbb; color: #555;}

.ct-bg-white {background-color: #ffffff}
.ct-text-white {color:#ffffff;}
.ct-btn-white {background-color: #ffffff; color:#444;}
.ct-btn-white:hover {background-color: #dddddd; color: #222;}
.ct-btn-white-active {background-color: #dddddd; color: #222;}