.btn.btn-secondary 							{color:#999999;background:#E7E7E8;border-color:#D8D9DF;}
.btn.btn-secondary:active,
.btn.btn-secondary:not(.disabled):active 	{color:#999999;background:#DEDEDE;border-color:#D8D9DF;}

.btn.btn-warning 							{color:#333333;background:#F2DE62;border-color:#E3CC59;}
.btn.btn-warning:active,
.btn.btn-warning:not(.disabled):active 		{color:#000000;background:#F2D30A;border-color:#E3CC59;}


.btn.btn-success 							{color:#ffffff;background:#29B524;border-color:#239C1F;}
.btn.btn-success:active,
.btn.btn-success:not(.disabled):active 		{color:#ffffff;background:#29B524;border-color:#239C1F;}






.sc_btn 			{display:inline-block;border-radius: 3px;text-align:center; text-decoration: none;padding: 10px 20px;border:0px;outline:0;}
.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;	}
.btn: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:#E0C179;	}
.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 #7d7d7d solid;}
.btn.btn-effect-unite:hover 	{border:1px #979797 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:#7d7d7d;		border-color:#7d7d7d;				}
.btn.btn-effect-unite:hover 					{color:#ffffff;		border-color:#979797;				}
.btn.btn-effect-unite:before					{background: #a3a3a3;		}
.btn.btn-effect-unite:after						{background: #b0b0b0;		}

.btn.btn-effect-unite.btn-secondary 			{color:#b1b1b1;		border-color:#b1b1b1;				}
.btn.btn-effect-unite.btn-secondary:hover 		{color:#ffffff;		border-color:#cbcbcb;				}
.btn.btn-effect-unite.btn-secondary:before		{background: #d7d7d7;		}
.btn.btn-effect-unite.btn-secondary:after		{background: #e4e4e4;		}

.btn.btn-effect-unite.btn-dark 					{color:#181818;		border-color:#181818;				}
.btn.btn-effect-unite.btn-dark:hover 			{color:#ffffff;		border-color:#323232;				}
.btn.btn-effect-unite.btn-dark:before			{background: #3e3e3e;									}
.btn.btn-effect-unite.btn-dark:after			{background: #4b4b4b;									}

.btn.btn-effect-unite.btn-primary 				{color:#0e4388;		border-color:#0e4388;				}
.btn.btn-effect-unite.btn-primary:hover 		{color:#ffffff;		border-color:#135ab6;				}
.btn.btn-effect-unite.btn-primary:before		{background: #1565cd;									}
.btn.btn-effect-unite.btn-primary:after			{background: #1871e4;									}

.btn.btn-effect-unite.btn-success 				{color:#0e8816;		border-color:#0e8816;				}
.btn.btn-effect-unite.btn-success:hover 		{color:#ffffff;		border-color:#13b61d;				}
.btn.btn-effect-unite.btn-success:before		{background: #15cd21;									}
.btn.btn-effect-unite.btn-success:after			{background: #18e425;									}

.btn.btn-effect-unite.btn-warning 				{color:#E0C179;		border-color:#E0C179;				}
.btn.btn-effect-unite.btn-warning:hover 		{color:#ffffff;		border-color:#b6a613;				}
.btn.btn-effect-unite.btn-warning:before		{background: #cdbb15;									}
.btn.btn-effect-unite.btn-warning:after			{background: #e4d018;									}

.btn.btn-effect-unite.btn-danger 				{color:#880e1a;		border-color:#880e1a;				}
.btn.btn-effect-unite.btn-danger:hover 			{color:#ffffff;		border-color:#b61323;				}
.btn.btn-effect-unite.btn-danger:before			{background: #cd1528;									}
.btn.btn-effect-unite.btn-danger:after			{background: #e4182c;									}

.btn.btn-effect-unite.btn-info 					{color:#0e7688;		border-color:#0e7688;				}
.btn.btn-effect-unite.btn-info:hover 			{color:#ffffff;		border-color:#139eb6;				}
.btn.btn-effect-unite.btn-info:before			{background: #15b2cd;									}
.btn.btn-effect-unite.btn-info:after			{background: #18c6e4;									}

*/


.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;					}

	/**reset the default effect **/
	.sc_btn 		{background:#FF6A2C;color:#ffffff;}
	.sc_btn:hover  	{background:#EB4F0C;color:#ffffff;}
	.sc_btn:hover  	{background:#EB4F0C;color:#ffffff;}




/**
 * 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; }







/***********************************************************************************************/
/*** editable form : with delete btn ***/
body .btn-wrapper {position:relative;display:inline-block;vertical-align:middle;margin:0px 5px;}
body .btn-wrapper .btn-wrapper-inner {
	border:1px #cacaca solid;border-radius:3px;overflow:hidden;border-radius:3px;height:35px;
}

body .btn-wrapper .sc_td {display:table-cell !important;vertical-align:middle;}



body .btn-wrapper input[type=text] {display:block;float:left;border-radius:0px;height:100%;border:0px;overflow:hidden;font-size:14px;}
body .btn-wrapper .btn.delete_btn {display:block;float:left;border-radius:0px;height:100%;border:0px;overflow:hidden;font-size:14px;}

body .btn-wrapper .btn.delete_btn {filter: grayscale(100%);opacity:.3;cursor:not-allowed;pointer-events:none;}

body .btn-wrapper .btn-wrapper-inner>* {border-left:1px #cacaca solid;}
body .btn-wrapper .btn-wrapper-inner>*:first-child {border-left:0px;}

body .btn-wrapper input:invalid {}
body .btn-wrapper input:valid + .btn 
{
	cursor:pointer;
	filter: grayscale(0%);opacity:1;
	pointer-events:auto;
}

body .btn-wrapper.disabled {opacity:.5;}
body .btn-wrapper.disabled:after {content:'';display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;}



body .btn-wrapper .delete_btn {border-radius:0px;height:30px;padding:0px 10px;border:0px;background:#999999;pointer-events:none;}
body .btn-wrapper .delete_btn {padding:0px 10px !important;}
body .btn-wrapper .delete_btn:focus {box-shadow:none;border:0px;}

body .btn-wrapper input:invalid {}
body .btn-wrapper input:valid + .delete_btn 
{
	background:#FF653F;
	pointer-events:auto;
}
/*** editable form : with delete btn ***/


body .delete_btn_with_verify_code {display:inline-flex;padding:0px;height:38px;overflow:hidden;border:1px #FFC5C5 solid;}
body .delete_btn_with_verify_code>input {width:80px;text-align:center;border:0px;height:38px;}
body .delete_btn_with_verify_code>input:focus {box-shadow:none;border:0px;}
body .delete_btn_with_verify_code>.btn  {padding:0px;margin:0px;border:0px;height:38px;border-radius:0px;padding:5px 10px;}
body .delete_btn_with_verify_code>.btn  {filter: grayscale(100%);opacity:.3;cursor:not-allowed;pointer-events:none;}
body .delete_btn_with_verify_code>.btn:focus  {box-shadow:none;border:0px;}

body .delete_btn_with_verify_code>input:invalid {}
body .delete_btn_with_verify_code>input:valid + .btn 
{
	cursor:pointer;
	filter: grayscale(0%);opacity:1;pointer-events:auto;
}




body .btn_with_verify_code {display:inline-flex;padding:0px;height:38px;overflow:hidden;border:1px #999999 solid;}
body .btn_with_verify_code.success 	{border:1px #62D97D solid;}
body .btn_with_verify_code.danger 	{border:1px #E87A66 solid;}
body .btn_with_verify_code.primary 	{border:1px #2D8BF7 solid;}
body .btn_with_verify_code.warning 	{border:1px #F7E09B solid;}
body .btn_with_verify_code>input {width:80px;text-align:center;border:0px;height:38px;}
body .btn_with_verify_code>input:focus {box-shadow:none;border:0px;}
body .btn_with_verify_code>.btn  {padding:0px;margin:0px;border:0px;height:38px;border-radius:0px;padding:5px 10px;}
body .btn_with_verify_code>.btn  {filter: grayscale(100%);opacity:.3;cursor:not-allowed;pointer-events:none;}
body .btn_with_verify_code>.btn:focus  {box-shadow:none;border:0px;}

body .btn_with_verify_code>input:invalid {}
body .btn_with_verify_code>input:valid + .btn 
{
	cursor:pointer;
	filter: grayscale(0%);opacity:1;pointer-events:auto;
}