/* CSS Document */

/* bootstrap */
.input-group .form-control {
	float:none;
	display:block;
}
.input-group > .form-control {
	float:left;
	display:table-cell;
}
.input-group-btn > .help-block {
	font-size:14px;
}
.input-group-addon label {
	margin-bottom:0;
	line-height:1.42857em;
}
.control-label .required {
	margin-left:2px;
	color:#D90000;
}


/* bootstrap > nav */
.modal .nav-tabs-custom {
	margin-bottom:0;
	border-bottom:none;
}


/* bootstrap > modal */
.modal-loader {
	height:25rem;
	background:url(../images/ajax-loader.svg) no-repeat center / 4rem;
	display:none;
}
.modal.loading .modal-loader {
	display:block;
}
.modal.loading .modal-body,
.modal.loading .modal-footer {
	display:none;
}


/* bootstrap fileinput */
.file-preview-image {
	max-width:100%;
}


/* datatables */
.table-responsive {
	margin-top:6px;
	margin-bottom:6px;
}
.table-responsive > .table {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.table .action {
	width:1%;
	white-space:nowrap;
}
table.dataTable {
	border:none;
}
table.dataTable th,
table.dataTable td {
	border:1px solid #F4F4F4 !important;
}
table.dataTable.no-footer {
	border-bottom:1px solid #f4f4f4;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
	display:none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	margin-left:0;
	padding:0;
	border:none;
}


/* full calendar */
.fc-sun {
	color:#FF0000;
}
a.fc-day-grid-event {
	cursor:pointer;
}


/* icheck */
.checkbox label + label,
.radio label + label {
	margin-left:20px;
}
.input-group-addon [class*="icheckbox"],
.input-group-addon [class*="iradio"] {
	margin-top:-4px;
	margin-bottom:-1px;
}


/* spectrum */
.sp-container {
	border-color:#3C8DBC;
	background-color:#FFFFFF;
}
.sp-container input {
	height:27px;
	border-color:#333333;
	border-style:solid;
	border-radius:0;
	font-family:inherit;
}
.sp-container input:focus {
	border-color:#3C8DBC;
}


/* wizard */
.wizard {
	background:#FFFFFF;
}
.wizard > .wizard-inner {
	position:relative;
}
.wizard > .wizard-inner:before {
	content:'';
	width:80%;
	height:2px;
	position:absolute;
	top:54px;
	left:0;
	right:0;
	margin:0 auto;
	background:#e0e0e0;
	z-index:1;
}
.wizard .nav-tabs {
	width:100%;
	margin-bottom:0;
	padding-left:15%;
	padding-right:15%;
	position:relative;
	display:table;
	table-layout:fixed;
	z-index:2;
}
.wizard .nav-tabs:before,
.wizard .nav-tabs:after {
	display:none;
}
.wizard .nav-tabs > li {
	float:none;
	display:table-cell;
}
.wizard .nav-tabs > li:after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	margin:0 0 0 -5px;
	border:5px solid transparent;
	border-bottom-color:#5bc0de;
	opacity:0;
	transition:0.1s ease-in-out;
}
.wizard .nav-tabs > li.active:after {
	margin-left:-10px;
	border-width:10px;
	opacity:1;
}
.wizard .nav-tabs > li a {
	margin:20px auto;
	padding:0;
	border:0;
	text-align:center;
	transition:0.1s ease-in-out;
}
.wizard .nav-tabs > li a:hover {
	border:0;
	background:transparent;
}
.wizard .nav-tabs > li a:hover,
.wizard .nav-tabs > li a:focus,
.wizard .nav-tabs > li a:active {
	background:transparent;
}
.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus {
	border:0;
	background:transparent;
	color:#5bc0de;
	cursor:default;
}
.wizard .nav-tabs > li a .round-tab {
	width:70px;
	height:70px;
	margin:0 auto;
	border:2px solid #e0e0e0;
	border-radius:100px;
	background:#fff;
	font-size:25px;
	line-height:70px;
	text-align:center;
	display:block;
	z-index:2;
	transition:0.1s ease-in-out;
}
.wizard .nav-tabs > li a .round-tab i {
	color:#555555;
}
.wizard .nav-tabs > li:hover a .round-tab {
	border:2px solid #333;
	color:#333;
}
.wizard .nav-tabs > li.active a .round-tab {
	border:2px solid #5bc0de;
	background:#fff;
}
.wizard .nav-tabs > li.active a .round-tab i {
	color:#5bc0de;
}
.wizard .tab-pane {
	position:relative;
	padding-top:15px;
}
.wizard h3 {
	margin-top:0;
}
@media( max-width :585px ) {
	.wizard {
		width:90%;
		height:auto !important;
	}
	.wizard span.round-tab {
		font-size:16px;
		width:50px;
		height:50px;
		line-height:50px;
	}
	.wizard .nav-tabs > li a {
		width:50px;
		height:50px;
		line-height:50px;
	}
	.wizard li.active:after {
		content:" ";
		position:absolute;
		left:35%;
	}
}