

@mixin border-radius($radius) {
	-webkit-border-radius: $radius;
	-moz-border-radius: $radius;
	-ms-border-radius: $radius;
	border-radius: $radius;
}
@mixin add-btn-new(){
	font-size: 15px;
	font-family: 'open_sansregular', sans-serif !important;
	padding: 7px 15px;
	display: block;
	text-decoration: none;
	color: #717171;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: right;
	color: #fff;
	border: none;
	background: #3bc0c3;
	background-image: url("../images/sprite-icon.png");
	background-position: 10px -65px;
	background-repeat: no-repeat;
	text-indent: 24px;
	line-height: initial;
	&:hover{
        color: #fff;
        background: #1A9295 ;
        transition: background-color 0.8s ease;
		background-image: url("../images/sprite-icon.png");
		background-position: 10px -65px;
        background-repeat: no-repeat;
        text-indent: 24px;
        text-decoration: none;
      }
}
@mixin download(){
	font-size: 15px;
	font-family: 'open_sansregular', sans-serif !important;
	padding: 7px 15px;
	display: block;
	text-decoration: none;
	color: #717171;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: right;
	color: #fff;
	border: none;
	background: #707070;
	background-image: url("../images/sprite-icon.png");
	background-position: 10px -31px;
	background-repeat: no-repeat;
	text-indent: 24px;
	line-height: initial;
	&:hover{
        color: #fff;
        background: #4E4E4E;
        transition: background-color 0.8s ease;
		background-image: url("../images/sprite-icon.png");
		background-position: 10px -31px;
        background-repeat: no-repeat;
        text-indent: 24px;
    }
}
@mixin submit(){
	font-size: 20px;
	font-family: 'open_sanssemibold', sans-serif !important;
	padding: 7px 30px;
	width: auto;
	height: 29px;
	display: block;
	text-decoration: none;
	color: #fff;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	border: none;
	background-color: #33b5e5 !important;
	line-height: initial;
	cursor: pointer;
	&:hover{
        color: #fff;
        background-color: #186E8E !important;
        transition: background-color 0.8s ease;
        text-decoration: none;
      }
}
@mixin cancel(){
	font-size: 20px;
	font-family: 'open_sanssemibold', sans-serif !important;
	text-align: center;
	padding: 7px 30px;
	width: auto;
	height: 29px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	border: none;
	background-color: #707070;
	line-height: initial;
	cursor: pointer;
	&:hover{
        color: #fff;
        background-color: #444242;
        transition: background-color 0.8s ease;
        text-decoration: none;
    }
}
@mixin delete(){
	font-size: 16px;
	font-family: 'open_sanssemibold', sans-serif !important;
	padding: 7px 30px;
	width: auto;
	height: auto;
	display: block;
	text-decoration: none;
	color: #fff;
	position: relative;
	@include border-radius(2px);
	color: #fff;
	border: none;
	background-color: #f0411e !important;
	line-height: initial;
	cursor: pointer;
	&:hover{
		color: #fff;
		background-color: #B53016 !important;
		transition: background-color 0.8s ease;
		text-decoration: none;
	}
}
@mixin modify(){
	font-size: 14px;
	font-family: 'open_sanssemibold', sans-serif;
	text-align: center;
	padding: 7px 15px;
	width: auto;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	position: relative;
	@include border-radius(4px);
	color: #fff;
	border: none;
	background-color: orange;
	line-height: initial;
	cursor: pointer;
	&:hover{
        color: #fff;
        background-color: rgb(189, 126, 10);
        transition: background-color 0.8s ease;
        text-decoration: none;
    }
}
@mixin edit(){
	font-size: 14px;
	font-family: 'open_sanssemibold', sans-serif;
	padding: 7px 15px;
	display: inline-block;
	text-decoration: none;
	color: #717171;
	position: relative;
	@include border-radius(4px);
	float: right;
	color: #fff;
	border: none;
	background: #3bc0c3;
	background-image: url("../images/sprite-icon.png");
	background-position: -170px -377px;
	background-repeat: no-repeat;
	text-indent: 24px;
	&:hover{
        color: #fff;
        background: #2C9395;
        transition: background-color 0.8s ease;
		background-image: url("../images/sprite-icon.png");
		background-position: -170px -377px;
        background-repeat: no-repeat;
        text-indent: 24px;
        text-decoration: none;
    }
}
@mixin cancel-red(){
	font-size: 14px;
	font-family: 'open_sanssemibold', sans-serif;
	text-align: center;
	padding: 7px 15px;
	width: auto;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	position: relative;
	@include border-radius(4px);
	color: #fff;
	border: none;
	background-color: #f0411e;
	line-height: initial;
	cursor: pointer;
	&:hover{
        color: #fff;
        background-color: #C53315;
        transition: background-color 0.8s ease;
        text-decoration: none;
    }
}