.sc_btn 			{display:inline-block;border-radius: 3px;text-align:center; text-decoration: none;padding: 10px 20px;}
.sc_btn 			{background:#ffffff;}
.sc_btn 			{white-space:nowrap;}
.sc_btn.no_padding	{padding:0px;}
.sc_btn.size_30		{width:30px;height:30px;}
.sc_btn.size_40		{width:40px;height:40px;}
.sc_btn.size_50		{width:50px;height:50px;}
.sc_btn.size_60		{width:60px;height:60px;}
.sc_btn.size_70		{width:70px;height:70px;}
.sc_btn.size_80		{width:80px;height:80px;}
.sc_btn.size_90		{width:90px;height:90px;}
.sc_btn.size_100	{width:100px;height:100px;}
.sc_btn.size_110	{width:110px;height:110px;}
.sc_btn.size_120	{width:120px;height:120px;}

.sc_btn 			{transition:all 0.5s ease;}
.sc_btn:hover 		{transition:all 0.5s ease;}


.sc_btn.disabled 	{
	opacity:.5;
	pointer-events:none !important;}

.sc_btn.yes:before {content:'\f00c';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right:5px;
}
.sc_btn.no:before {content:'\f00d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right:5px;
}
.sc_btn.save:before {content:'\f0c7';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right:5px;
}
.sc_btn.printing:before {content:'\f02f';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right:5px;
}

.sc_btn.round_btn {border-radius:500px;width:50px;height:50px;padding:0px;text-align:center;line-height:50px;}



.btn 				{display:inline-block;vertical-align:middle;border-radius:3px;padding:9px 12px;white-space:nowrap;
	color:#ffffff;
	
	&:hover {
		color:#ffffff;
	}
}
.btn.btn-default {
    background: #7d7d7d;
}
.btn.btn-default:hover {
    background: #979797;
}
.btn.btn-primary {
    background: #0e4388;
}
.btn.btn-primary:hover {
    background: #135ab6;
}
.btn.btn-success {
    background: #0e8816;
}
.btn.btn-success:hover {
    background: #13b61d;
}
.btn.btn-warning {
    background: #887c0e;
}
.btn.btn-warning:hover {
    background: #b6a613;
}
.btn.btn-info {
    background: #0e7688;
}
.btn.btn-info:hover {
    background: #139eb6;
}
.btn.btn-danger {
    background: #880e1a;
}
.btn.btn-danger:hover {
    background: #b61323;
}
.btn.btn-secondary {
    background: #b1b1b1;
}
.btn.btn-secondary:hover {
    background: #cbcbcb;
}
.btn.btn-dark {
    background: #181818;
}
.btn.btn-dark:hover {
    background: #323232;
}
.btn.btn-disable {
    background: #a8a8a8;
}
.btn.btn-disable:hover {
    background: #c2c2c2;
}


.btn.btn-lg {font-size:18px;}

.btn.btn-effect-unite {position:relative;overflow:hidden;}
.btn.btn-effect-unite {z-index:0;background:#ffffff;border:1px $default solid;}
.btn.btn-effect-unite:hover {border:1px lighten($default,10%) solid;}
.btn.btn-effect-unite:before,
.btn.btn-effect-unite:after		{position: absolute;top: 0;left: 0;width: 100%;height: 120%;content: '';z-index: -1;
	transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.btn.btn-effect-unite:before	{transform: translate3d(-110%, -10%, 0) skewX(-20deg);	}
.btn.btn-effect-unite:after		{transform: translate3d(110%, -10%, 0) skewX(-20deg);	}


.btn.btn-effect-unite:hover:before	{transform: translate3d(-50%, -10%, 0) skewX(-20deg);opacity:1;}
.btn.btn-effect-unite:hover:after	{transform: translate3d(50%, -10%, 0) skewX(-20deg);opacity:1;}

.btn.btn-effect-unite 			{color:$default;	border-color:$default;}
.btn.btn-effect-unite:hover 	{color:#ffffff;		border-color:lighten($default,10%);}
.btn.btn-effect-unite:before	{background: lighten($default,15%);}
.btn.btn-effect-unite:after		{background: lighten($default,20%);}

.btn.btn-effect-unite.btn-secondary 			{color:$secondary;	border-color:$secondary;}
.btn.btn-effect-unite.btn-secondary:hover 		{color:#ffffff;		border-color:lighten($secondary,5%);}
.btn.btn-effect-unite.btn-secondary:before		{background: lighten($secondary,5%);}
.btn.btn-effect-unite.btn-secondary:after		{background: lighten($secondary,10%);}

.btn.btn-effect-unite.btn-dark 					{color:$dark;	border-color:$dark;}
.btn.btn-effect-unite.btn-dark:hover 			{color:#ffffff;		border-color:lighten($dark,10%);}
.btn.btn-effect-unite.btn-dark:before			{background: lighten($dark,15%);}
.btn.btn-effect-unite.btn-dark:after			{background: lighten($dark,20%);}

.btn.btn-effect-unite.btn-primary 				{color:$primary;	border-color:$primary;}
.btn.btn-effect-unite.btn-primary:hover 		{color:#ffffff;		border-color:lighten($primary,10%);}
.btn.btn-effect-unite.btn-primary:before		{background: lighten($primary,15%);}
.btn.btn-effect-unite.btn-primary:after			{background: lighten($primary,20%);}

.btn.btn-effect-unite.btn-success 				{color:$success;	border-color:$success;}
.btn.btn-effect-unite.btn-success:hover 		{color:#ffffff;		border-color:lighten($success,10%);}
.btn.btn-effect-unite.btn-success:before		{background: lighten($success,15%);}
.btn.btn-effect-unite.btn-success:after			{background: lighten($success,20%);}

.btn.btn-effect-unite.btn-warning 				{color:$warning;	border-color:$warning;}
.btn.btn-effect-unite.btn-warning:hover 		{color:#ffffff;		border-color:lighten($warning,10%);}
.btn.btn-effect-unite.btn-warning:before		{background: lighten($warning,15%);}
.btn.btn-effect-unite.btn-warning:after			{background: lighten($warning,20%);}

.btn.btn-effect-unite.btn-danger 				{color:$danger;	border-color:$danger;}
.btn.btn-effect-unite.btn-danger:hover 			{color:#ffffff;		border-color:lighten($danger,10%);}
.btn.btn-effect-unite.btn-danger:before			{background: lighten($danger,15%);}
.btn.btn-effect-unite.btn-danger:after			{background: lighten($danger,20%);}

.btn.btn-effect-unite.btn-info 					{color:$info;	border-color:$info;}
.btn.btn-effect-unite.btn-info:hover 			{color:#ffffff;		border-color:lighten($info,10%);}
.btn.btn-effect-unite.btn-info:before			{background: lighten($info,15%);}
.btn.btn-effect-unite.btn-info:after			{background: lighten($info,20%);}




.common_btns {
    display: block;padding:20px 0px;
    text-align: left;
}
.common_btns .col_item {
    display: inline-block;
    width: auto;
    margin: 0px 10px;
    margin-bottom: 10px;
    min-width: 80px;
}
.common_btns .col_item .common_btn {
    padding: 8px 15px;
    font-size: 16px;
}



















/**
 * Chunky 3D Web sc_btns
 *
 * Inspiration was taken from:
 * - http://www.premiumpixels.com/freebies/chunky-3d-websc_btns-psd/
 */
 
/**
 * Grey
 */
.sc_btn 					{background: #eeeeee;	color: #555555;	}   
.sc_btn:hover 				{background: #e4e4e4;					}
.sc_btn:active 			{background: #dfdfdf;					}

/**
 * Pink
 */
.sc_btn.pink 				{background: #f997b0;color: #913944;}
.sc_btn.pink:hover  		{background: #f57184; }
.sc_btn.pink:active 		{background: #f06a7c; }
    
/**
 * Blue
 */
.sc_btn.blue 				{background: #abe4f8;color: #42788e; } 
.sc_btn.blue:hover 		{background: #80d4f5; } 
.sc_btn.blue:active 		{background: #89d2ee; }
    
/**
 * Green
 */
.sc_btn.green 				{background: #cae285;color: #5d7731; } 
.sc_btn.green:hover 		{background: #abd164; } 
.sc_btn.green:active 		{background: #a4cb5d; }
    
/**
 * Teal
 */
.sc_btn.teal 				{background: #b7f2f4;color: #437b7d; }
.sc_btn.teal:hover 		{background: #8deaed; }
.sc_btn.teal:active 		{background: #84e4e7; }
    
/**
 * Black
 */
.sc_btn.black 				{background: #656565;color: #fff; }
.sc_btn.black:hover 		{background: #4c4c4c; }
.sc_btn.black:active 		{background: #474747; }
    
/**
 * Dark Grey
 */
.sc_btn.dark_grey 			{background: #d1d1d1;color: #555; }
.sc_btn.dark_grey:hover 	{background: #b7b7b7; }
.sc_btn.dark_grey:active 	{background: #afafaf; }
    
/**
 * Orange
 */
.sc_btn.orange 			{background: #feda71;color: #996633; }
.sc_btn.orange:hover 		{background: #fec455; }
.sc_btn.orange:active 		{background: #f9bd4f; }
    
/**
 * Purple
 */
.sc_btn.purple 			{background: #e8c4e4;color: #7b5777; }
.sc_btn.purple:hover 		{background: #daa2d4; }
.sc_btn.purple:active 		{background: #d49ace; }
    
/**
 * Blue Alt
 */
.sc_btn.blue_alt 			{background: #becbd6;color: #515f6a; }
.sc_btn.blue_alt:hover 	{background: #97adbd; }
.sc_btn.blue_alt:active 	{background: #8fa6b6; }
    
/**
 * Crisp
 */
.sc_btn.crisp 				{background: #c38b66;color: #fff; }
.sc_btn.crisp:hover 		{background: #9d6741; }
.sc_btn.crisp:active 		{background: #9d6741; }
    
/**
 * Forrst - Special Edition
 */
.sc_btn.forrst 			{background: #4a7746;color: #142413; }
.sc_btn.forrst:hover 		{background: #335d30; }
.sc_btn.forrst:active 		{background: #335d30; }
    
/**
 * Dribbble - Special Edition
 */
.sc_btn.dribbble 			{background: #f1a4c1;color: #fff; }
.sc_btn.dribbble:hover 	{background: #e675a0; }
.sc_btn.dribbble:active 	{background: #e675a0; }
    
/**
 * Twitter - Special Edition
 */
.sc_btn.twitter 			{background: #9fd6fa;color: #fff; }
.sc_btn.twitter:hover 		{background: #6bb9f7; }
.sc_btn.twitter:active 	{background: #6bb9f7; }
    
/**
 * Facebook - Special Edition
 */
.sc_btn.facebook 			{background: #99b6df;color: #fff; }
.sc_btn.facebook:hover 	{background: #638ec8; }
.sc_btn.facebook:active 	{background: #638ec8; }
    
/**
 * LoveDSGN - Special Edition
 */
.sc_btn.lovedsgn 			{background: #f3c1e6;color: #fff; }
.sc_btn.lovedsgn:hover 	{background: #de66c0; }
.sc_btn.lovedsgn:active 	{background: #de66c0; }
    
/**
 * XBOX - Special Edition
 */
.sc_btn.xbox 				{background: #c4e125;color: #fff; }
.sc_btn.xbox:hover 		{background: #88a819; }
.sc_btn.xbox:active 		{background: #88a819; }
    
/**
 * devART - Special Edition
 */
.sc_btn.devart 			{background: #729e85;color: #fff; }
.sc_btn.devart:hover 		{background: #486d5c; }
.sc_btn.devart:active 		{background: #486d5c; }
    
/**
 * Designmoo - Special Edition
 */
.sc_btn.dsgnmoo 			{background: #f97779;color: #fff; }
.sc_btn.dsgnmoo:hover 		{background: #ce2424; }
.sc_btn.dsgnmoo:active 	{background: #ce2424; }
    
/**
 * RSS Feed - Special Edition
 */
.sc_btn.rss 				{background: #f6c696;color: #fff; }
.sc_btn.rss:hover 			{background: #e9893d; }
.sc_btn.rss:active 		{background: #e9893d; }
    
/**
 * Yahoo - Special Edition
 */
.sc_btn.yahoo 				{background: #be95b7;color: #fff; }
.sc_btn.yahoo:hover 		{background: #5f396a; }
.sc_btn.yahoo:active 		{background: #5f396a; }