/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 24.99%;}
.col-4 {width: 33.32%;}
.col-5 {width: 41.65%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%!important;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.col-13 {width: 99%;}


[class*="col-"] {
        display: inline-block;
        vertical-align: top;
        float: left;
    }

@media only screen and (max-width: 700px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 99%!important;
        float: left!important;
        display: block;
    }

    
 }

/********************************************************************************/
input,textarea,div,span{
	vertical-align: top;
	font-size: 15px
}
input[type='text'],input[type='password'],
input[type='date'],input[type='time'],
input[type='color'],input[type='datetime-local'],
input[type='email'],input[type='month']
,input[type='week'],input[type='number']
,input[type='url'],input[type='search']
,input[type='tel'],.input,select,
textarea
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: auto;
	width:100%!important;
	height: auto;
	padding: 3px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
padding: 4px;
font-size:12px;
}


input[type='file']
{
	display: inline-block;
	background-color: #fff;
	border: 1px solid #eee;
	height:0px;
	padding:2px;
	color: #000;
	font-family: pagefont;
	
	cursor: pointer;
	background-color: #eee;
	margin: 5px;
	float: left;
	position: absolute;
	top: -100px;
	left: -100px
}
.FileSelectBox{
	width: 100%;
	height: 25px;
	/*border: 1px solid #000;*/
}

.fileselect,.attachmentlink,.filelink{
	float: left;vertical-align: center;
	display: inline-block;
}
.filelink
{
padding: 7px 0px;
}

.filepath{
	font-size: 10px!important;
	padding: 8px 8px;
	margin-left: 10px;
	color: gray;
	border: 1px solid #eee;
	height: 12px;
	box-shadow:inset 0px 0px 3px #aaa;
	background-color: #fff;
	overflow: hidden;
	display: inline-block;
	width: 50%
}
.addmoreimages{
	display: inline-block;
	width: 20px;

	height: 20px;
	background-image: url(../images/add.png);
	background-repeat: no-repeat;
	background-position:  bottom;
	background-size: 70%;
	cursor: pointer;
}

select{
	min-width: 100px
}
select .chosen-select{
	font-size: 11px!important
}
/*input[type='date'],input[type='time'],
input[type='color'],input[type='datetime-local'],
input[type='email'],input[type='month']
,input[type='week'],input[type='number']
,input[type='url'],input[type='search']
,input[type='tel'],.input,select{
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);

}
*/
input[type='color']{
	width:30px;
	padding: 2px;
}

textarea{
	min-height: 50px;
	min-width: 200px;

}

.search input {
	border: none;
	font-size: 11px;
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 160px;
	height:20px;
}

.search .icon{
	display: inline-block;
	vertical-align: top;
	background-image: url(../images/search.png);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}

/********************************************************************************/
.checkbox input[type='checkbox']{
	display: none;
}

.checkbox{
	font-family: pagefont;
	width:10px;
	overflow: hidden;
	padding: 2px 20px;
	padding-left: 25px;
	border: 1px solid transparent;
	height: 10px;
	border-radius: 4px;
	margin-left: 0px;
	cursor: pointer;
	background-image: url(../images/dis-tick.png),url(../images/tick_disable.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 17px
}


.checkbox:active{
	border: 1px dotted #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-image: url(../images/dis-tick.png),url(../images/tick_enable.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/********************************************************************************/
.radio input[type='radio']{
	display: none;
}
.radio
{
	font-family: pagefont;
	text-align: left;
	height: 20px;
	width: auto;
	padding: 2px 20px;
	color: #333;
	cursor: pointer;
	background-image: url('../images/radio-deactive.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	background-size: 15px;
	border: 1px dotted #fff;
}

.radio:active{
	border: 1px dotted #aaa;
	background-image: url('../images/radio-active.png');
	background-repeat: no-repeat;
}


/*******************************************************************************/
.group{
	min-width: 100px;
	min-height: 20px;
	border: 1px solid #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/*box-shadow:inset  1px 1px 2px #ddd;*/
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	position: relative;
	margin-top: 10px;
}
.group_title{
	position: absolute;
	top: -10px;
	left: 5px;
	background-color: #efefef;
	font-size: 12px;
	font-weight: bold
}

form table tr td {
	padding-right: 25px;
	font-size: 12px;
	vertical-align: top;

	/*width:100%;*/
	
}
.mainbutons{
	padding: 5px 20px!important;
	min-width: 75px!important; 
	margin: 2px;
}
/*****************************TAB******************************/

.tab_title{
	display: inline-block;
	width: 120px;
	text-align: center;
	padding: 5px;
	height: 15px;

	background-color: #2a3f54;
	color: #fff;
	font-size: 12px;
	margin-right: -5px;
	cursor: pointer;
}

.tab_selected{
	background-color: #31947c;
}

.tab_content{
	display: none;
	width: 98%;
	text-align: left;
	padding: 5px;
	min-height: 200px;
	border: 1px solid #aaa;
	background-color: #fff
}
.tab_content_show{
	display:block;
}

.tab_content_hide{
	display:none;
}