/************************
Designed by : http://responsivewebinc.com
************************/
/* Open Sans  */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600');
/* General */

/* UI Twenty */

.ui-20 .block-content {

	margin: 10px 0 5px;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.2);
	background: #fff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	overflow: hidden;
}

.ui-20 .tabs h2 {
	position: relative;
	/*z-index: 10;*/
	margin: 0;
	padding: 5px 15px;
	text-align: center;
	font-size: 14px;
	line-height:14px;
	color: #423e3e;
	border-bottom: 1px solid rgba(0,0,0,0.27);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-shadow: 0 5px 8px rgba(0,0,0,0.14);
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(234,234,234,1) 47%, rgba(224,224,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(47%,rgba(234,234,234,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(234,234,234,1) 47%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(234,234,234,1) 47%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(234,234,234,1) 47%,rgba(224,224,224,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(234,234,234,1) 47%,rgba(224,224,224,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */
}

.ui-20 .tabs h2 a img {
	position: relative;
	top: -2px;
	width: 100%;
	max-width: 22px;
}

.ui-20 .tabs h2 .head-icon { 
	position: relative;
	top: -6px;
	width: 100%;
	max-width: 30px;
}

.ui-20 .tabs .nav {
	margin: 0;
	border-bottom: 1px solid rgba(0,0,0,0.18);
}

.ui-20 .tabs .nav li {
	display: block;
	display: table-cell;
	width: 1%;
	text-align: center;
}

.ui-20 .tabs .nav li a {
	color: #423e3e;
	font-weight: 600;
	border-right: 1px solid rgba(0,0,0,0.15);
	background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(244,244,244,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(100%,rgba(244,244,244,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(220,220,220,1) 0%,rgba(244,244,244,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#00f4f4f4',GradientType=0 ); /* IE6-8 */
}

.ui-20 .tabs .nav li:last-child a { border-right: 0; }
.ui-20 .tabs .nav li a:hover,
.ui-20 .tabs .nav li.active a,
.ui-20 .tabs .nav li.active a:hover {
	background: -moz-linear-gradient(top, rgba(244,244,244,0) 0%, rgba(220,220,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,0)), color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(244,244,244,0) 0%,rgba(220,220,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(244,244,244,0) 0%,rgba(220,220,220,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(244,244,244,0) 0%,rgba(220,220,220,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(244,244,244,0) 0%,rgba(220,220,220,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-8 */
}

.ui-20 .tabs .nav li a img {
	width: 100%;
	max-width: 40px;
	margin: 0 auto;
	margin-bottom: 5px;
}

.ui-20 .tabs .tab-content {
	height: 100%;
	min-height: 350px;
	padding: 18px 20px;
	background: #fafafa;
}

.ui-20 .tabs .tab-content h3 {
	margin-top: 0;
	font-size: 15px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
}

.ui-20 .tabs .tab-content label { font-weight: 400; }
.ui-20 .tabs .tab-content .form-control {
	margin-top: 5px;
	margin-bottom: 0;
	border: 1px solid #ccc !important;
	box-shadow: none !important;
	border-radius: 0;
}
.ui-20 .tabs .tab-content .table { margin-bottom: 0; background: #fff; }
.ui-20 .tabs .tab-content  #one .form-control{ max-width: 250px;}
.ui-20 .tabs .tab-content  #three .checkbox { margin-bottom: 20px; }
.ui-20 .tabs #four .tab-app-list {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0 15px;
	padding-top: 5px;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.14);
}
.ui-20 .tabs #four .tab-app-list img {
	display: inline-block;
	width: 100%;
	max-width: 18px;
}
.ui-20 .tabs #four .tab-app-list li{
	margin-bottom: 15px;
	font-size: 14px;
	color: #767676;
}
.ui-20 .tabs #four .btn{ margin-bottom: 5px;}
.ui-20 .tabs .progress { 
	height: 8px; 
	margin-top: 8px;
	margin-bottom: 10px;
	border-radius: 0;
	background: #fff;
	box-shadow: inset 0 0px 0 1px rgba(0, 0, 0, 0.2);
}
.ui-20 .tabs .tab-content  #five .checkbox { margin: 0; }
.ui-20 .tabs .tab-content  #six .checkbox { margin-bottom: 15px; }
.ui-20 .tabs .tab-content  #six .btn-group { margin-top: 10px; margin-bottom: 0; }
.ui-20 .tabs .tab-content  #six .btn-group.margin-zero { margin: 0; }

/* Responsive CSS */

/* Mobile phones */
@media (max-width: 480px){
	.ui-20 .tabs .nav li a img { max-width: 30px; }
}

/* Tablets */
@media (max-width: 767px){
	.ui-20 .tabs .nav li a span{ display: none; }
	.ui-20 .tabs .nav li a { padding: 10px 0; }
	.ui-20 .tabs .nav li a img { margin-bottom: 0; }
}

/* Desktop */
@media (max-width: 991px){
	
}