/* Add here all your css styles (customizations) */
/*Progress Bar Animation
------------------------------------*/
.progress-bar-group .progress {
		position: relative !important;
        float:unset ;
        margin-top: unset;
        line-height: unset;
        color: unset;
}

.progress-bar-group .progress .progress-bar {
	overflow: hidden !important;
	line-height: 20px !important;
}

.progress-bar-group .progress-box .progress-bar {
	transition: all 3s ease-in !important;
}

/*Vertical Progress Bar*/
.progress-bar-group .progress.vertical {
	float: left !important;
	width: 100% !important;
	height: 200px !important;
	margin-right: 20px !important;
}

.progress-bar-group .progress.vertical.bottom {
	position: relative;
}

.progress-bar-group .progress.vertical .progress-bar {
	height: 0;
	width: 100%;
	transition: height 3s ease;
}

.progress-bar-group .progress.vertical.bottom .progress-bar {
	bottom: 0;
	position: absolute;
}

.label-group .label {
   
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;

}

/****************
	Datatables
*****************/
.dt-bootstrap .form-control {
	border-radius: 4px !important
}
/**********/
/****************
	Global Rounded Fields
*****************/
input,
select,
textarea,
button,
.form-control,
.input input,
.select select,
.textarea textarea,
.sky-form input,
.sky-form select,
.sky-form textarea,
.btn,
.btn-u,
.button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	border-radius: 4px !important;
}


/****************
	Global Rounded Fields
*****************/
input,
select,
textarea,
button,
.form-control,
.input input,
.select select,
.textarea textarea,
label.input input,
label.select select,
label.textarea textarea,
.sky-form input,
.sky-form select,
.sky-form textarea,
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form label.input input,
.sky-form label.select select,
.sky-form label.textarea textarea,
.btn,
.btn-u,
.button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
}

.sky-form .select i,
.sky-form label.select i {
	-webkit-border-radius: 0 4px 4px 0 !important;
	-moz-border-radius: 0 4px 4px 0 !important;
	border-radius: 0 4px 4px 0 !important;
}
/****************
	Button Groups
*****************/
.btn-group > .btn,
.btn-group-vertical > .btn {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	-webkit-border-radius: 4px 0 0 4px !important;
	-moz-border-radius: 4px 0 0 4px !important;
	border-radius: 4px 0 0 4px !important;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
	-webkit-border-radius: 0 4px 4px 0 !important;
	-moz-border-radius: 0 4px 4px 0 !important;
	border-radius: 0 4px 4px 0 !important;
}

.btn-group > .btn:only-child {
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
}
/****************
	Header Background
*****************/
.header {
	background: linear-gradient(90deg, rgba(255,255,255,.84) 0%, rgba(255,255,255,.72) 50%, rgba(255,248,240,.82) 100%), url("../../../../img/layout/bg-header-didaxis-orange.png") center center / cover no-repeat !important;
	border-bottom: 1px solid rgba(230,126,34,.14) !important;
	box-shadow: 0 1px 12px rgba(0,0,0,.04) !important;
}

.header .topbar,
.header .navbar-collapse {
	background: transparent !important;
}

.header .navbar-nav > li > a,
.header .topbar ul.loginbar > li,
.header .topbar ul.loginbar > li > a {
	color: #555 !important;
}

.header .navbar-nav > li > a:hover,
.header .navbar-nav > .active > a,
.header .topbar ul.loginbar > li > a:hover {
	color: #e67e22 !important;
}

@media (max-width: 991px) {
	.header {
		background-position: center center !important;
	}
}
/****************
	Header Logo
*****************/
.header .logo img {
	height: auto !important;
	max-height: 58px !important;
	width: auto !important;
	max-width: 170px !important;
	margin: 24px 0 !important;
	left: 0 !important;
}

@media (max-width: 991px) {
	.header .logo img {
		max-height: 40px !important;
		max-width: 165px !important;
		margin: 14px 0 !important;
	}
}

@media (max-width: 480px) {
	.header .logo img {
		max-height: 36px !important;
		max-width: 145px !important;
		margin: 15px 0 !important;
	}
}
/****************
	Action Dropdowns
*****************/
.dropdown-menu {
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	overflow: hidden !important;
}

.dropdown-menu > li:first-child > a {
	-webkit-border-radius: 4px 4px 0 0 !important;
	-moz-border-radius: 4px 4px 0 0 !important;
	border-radius: 4px 4px 0 0 !important;
}

.dropdown-menu > li:last-child > a {
	-webkit-border-radius: 0 0 4px 4px !important;
	-moz-border-radius: 0 0 4px 4px !important;
	border-radius: 0 0 4px 4px !important;
}

/* Didaxis Orange Action Buttons */
.btn-danger,
.btn-danger:focus,
.btn-danger.focus,
.btn-u-red,
.btn-u-red:focus,
.btn-u-red.focus {
  color: #fff !important;
  background-color: #e67e22 !important;
  border-color: #d35400 !important;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger,
.btn-u-red:hover,
.btn-u-red:active,
.btn-u-red.active,
.open > .dropdown-toggle.btn-u-red {
  color: #fff !important;
  background-color: #d35400 !important;
  border-color: #b94a00 !important;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-u-red.disabled,
.btn-u-red[disabled],
fieldset[disabled] .btn-u-red {
  background-color: #e67e22 !important;
  border-color: #d35400 !important;
}

/* Didaxis Mobile Header Alignment */
@media (max-width: 991px) {
	.header > .container {
		position: relative !important;
		min-height: 64px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.header .logo {
		position: absolute !important;
		top: 50% !important;
		left: 15px !important;
		display: block !important;
		height: auto !important;
		min-height: 0 !important;
		line-height: normal !important;
		padding: 0 !important;
		margin: 0 !important;
		-webkit-transform: translateY(-50%) !important;
		-ms-transform: translateY(-50%) !important;
		transform: translateY(-50%) !important;
	}

	.header .logo img {
		display: block !important;
		margin: 0 !important;
		vertical-align: middle !important;
	}

	.header .navbar-toggle {
		display: block !important;
		float: none !important;
		position: absolute !important;
		top: 50% !important;
		right: 15px !important;
		width: 34px !important;
		height: 34px !important;
		margin: -17px 0 0 0 !important;
		padding: 6px 8px !important;
		line-height: 20px !important;
		text-align: center !important;
	}

	.header .navbar-toggle .fa {
		font-size: 18px !important;
		line-height: 20px !important;
	}
}

@media (max-width: 480px) {
	.header > .container {
		min-height: 58px !important;
	}


	.header .navbar-toggle {
		width: 32px !important;
		height: 32px !important;
		margin-top: -16px !important;
		padding: 5px 7px !important;
	}
}