.check-block, .radio-block{
	margin-right:10px;
	height:auto;
	overflow:hidden;	
	float:left;
}

.check-block label, .radio-block label{
	width:15px;
	height:15px;
	border:#ccc solid thin;
	display:block;
	content:" ";
	position:relative;
	float:left;
	cursor:pointer;
}

.check-block label{
	border-radius:3px;
}

.radio-block label{
	border-radius:50%;	
}

.check-block input, .radio-block input{
	margin-left:-30px;	
	float:left;
}

.check-block input:checked + label{
	background:#336699 url(../../images/check-img.png) no-repeat center;
	border-color:#244a70;	
}

.radio-block input:checked + label{
	border-color:#244a70;
}

.radio-block input:checked + label::after{
	width:9px;
	height:9px;
	position:absolute;
	left:3px;
	top:3px;
	border-radius:50%;
	background:#336699;
	content:" ";
}

/* file input design */

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 20px;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #f1e5e6;
    background-color: #d3394c;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #2a527a;
}


/* style 2 */

.inputfile-2 + label {
    color: #d3394c;
    border: 2px solid currentColor;
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
    color: #2a527a;
}


/* style 3 */

.inputfile-3 + label {
    color: #d3394c;
}

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover {
    color: #2a527a;
}


/* style 4 */

.inputfile-4 + label {
    color: #d3394c;
}

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
    color: #2a527a;
}

.inputfile-4 + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #d3394c;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure {
    background-color: #2a527a;
}

.inputfile-4 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 5 */

.inputfile-5 + label {
    color: #d3394c;
}

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover {
    color: #2a527a;
}

.inputfile-5 + label figure {
    width: 100px;
    height: 135px;
    background-color: #d3394c;
    display: block;
    position: relative;
    padding: 30px;
    margin: 0 auto 10px;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure {
    background-color: #2a527a;
}

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.inputfile-5 + label figure::before {
    border-top: 20px solid #dfc8ca;
    border-left: 20px solid transparent;
}

.inputfile-5 + label figure::after {
    border-bottom: 20px solid #2a527a;
    border-right: 20px solid transparent;
}

.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after {
    border-bottom-color: #d3394c;
}

.inputfile-5 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 6 */

.inputfile-6 + label {
    color: #666666;
}

.inputfile-6 + label {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    //border-color: #2a527a;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile-6 + label span {
    width: 200px;
   // min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
	line-height:24px;
	font-size:18px;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #fff;
    background-color: #336699;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #2a527a;
}

@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
}


.box{
	margin:30px 0;	
}

/* file input design end */


/* select combobox design */


/*THE SELECT BOX AREA STYLES
--------------------------------------*/
.select_style
{
	//background-color:#fff;
	//color: #525252;
	//font-weight: 300;
	//-webkit-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
	//-moz-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
	//border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
	//-webkit-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
	//-moz-box-shadow: 0 0 5px rgba(123,123,123,.2);
	//box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
	//border: solid 1px #DADADA;
	font-family: "castle";
	position: relative;
	cursor: pointer;	
}



.selectcon
{
	background-image: url(http://projects.authenticstyle.co.uk/niceselect/arrow.png);
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -4px;
	width: 8px;
	height: 8px;
}

/*THE SELECT BOX AREA WHILE ACTIVE STYLES
----------------------------------------------*/
.select_style.active,.select_style .highlight
{
	background-color:rgba(237,237,237,1);
}



/*THE DROPDOWN BOX STYLE
--------------------------------------------*/
.select_style .niceselect .value_wrapper
{
	border-radius:3px;
	//box-shadow:1px 1px 2px #ccc;
	border: solid 1px #cdcdcd;
	background:#ffffff;
}


/*SELECTED TEXT STYLE
------------------------*/
.select_style .niceselect .top p
{
    font-size:16px;
    font-weight:300;
    color:#343434;
}

/*OPTION STYLES
---------------------------------*/
.select_style .niceselect .value_wrapper .values
{
	color: #0D0C0C;
	font-size: 14px;
}
.select_style .niceselect .value_wrapper .values:hover, .select_style .niceselect .value_wrapper .values.active
{
	background: #0098a3;
}

.select_style .niceselect .value_wrapper .values:hover label, .select_style .niceselect .value_wrapper .values.active label{
	color:#fff;
}


/*OPTGROUP STYLES
---------------------------*/
.select_style .niceselect .opt
{
	font-size:14px;
	font-weight:normal;
	border-bottom:5px;
	cursor: default;
}
.select_style .niceselect .opt span
{
	padding:10px;
	font-weight:bold;
	display:block;
}



/*DO NOT CHANGE THE BELOW UNLESS YOU KNOW UR CSS STUFF
==============================================================*/

.select_style
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display:inline-block;
	min-width:150px;
}

.niceselect .value_wrapper
{
	display:none;
	position:absolute;
	top:40px;
	width:100%;
	z-index:10;
	
}
.niceselect .value_wrapper .opt .values
{
	padding:10px 10px 10px 20px;
}
.niceselect .value_wrapper .values
{
	padding:10px;
	cursor:pointer;
	float:left;
	display:block;
	width:100%;
}
.niceselect .value_wrapper .values label
{
	cursor:pointer;
	line-height:20px;
	display:block;
	width:100%;
	font-family:"castle";
}

.niceselect 
{
	position:relative;
}

.inr-search .niceselect 
{
	border:#ccc solid thin;
	padding-left:10px;
}

.inr-search .select_style{
	margin-bottom:10px;	
}

.niceselect p
{
 	border: none;
    margin-top:0px;
    margin-bottom:0px;
    padding:7px;
}

.niceselect input[type='radio']
{
	visibility:hidden;
	position:absolute;
	left:-9999px;
	
}

.inr-search .select_style, .inr-search .select_style p{
	height:50px;	
	padding:0;
	line-height:50px;
	width:100%;
}

/* select combobox design end */

.tble-design .check-block input, .tble-design .radio-block input{
	height:auto;	
}


.tble-design .check-block, .tble-design .radio-block{
	margin-top:10px;
	margin-left:20px;
	transition:none;	
	float:right;
}

.tble-design th .check-block{
	margin-top:0;	
	margin-left:0;
}

.tble-design .check-block label{
	transition:none;
}