body {
	font-size: 13px;
	font-family: 'samsung';
	font-weight: 450;
	font-style: normal;
	background: #fdfdfd;
}

.btn {
	border-radius: 2px;
	padding: 6px 14px;
	font-size: 14px;
}

.btn-group-lg>.btn, .btn-lg {
	padding: 10px 16px !important;
	font-size: 16px;
}

.btn-group-sm>.btn, .btn-sm {
	padding: 5px 10px !important;
	font-size: 12px;
}

.btn-group-xs>.btn, .btn-xs {
	padding: 1px 5px !important;
	font-size: 12px;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn,
	.btn-group .btn-group+.btn-group {
	margin-left: 0px;
}

.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
}

.btn-custom, .btn-primary, .btn-success, .btn-info, .btn-warning,
	.btn-danger, .btn-inverse, .btn-purple, .btn-pink {
	color: #ffffff !important;
}

.btn-custom {
	background-color: #2765cf !important;
	border-color: #2765cf !important;
}

.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active,
	.btn-custom.focus, .btn-custom:active, .btn-custom:focus, .btn-custom:hover,
	.open>.dropdown-toggle.btn-custom {
	background-color: #1a4ca2 !important;
	border: 1px solid #1a4ca2 !important;
}

.btn-primary {
	background-color: #4667cc !important;
	border: 1px solid #4667cc !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
	.btn-primary.active, .btn-primary.focus, .btn-primary:active,
	.btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary
	{
	background-color: #3658c3 !important;
	border: 1px solid #3658c3 !important;
}

.btn-success {
	background-color: #3ec845 !important;
	border: 1px solid #3ec845 !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active,
	.btn-success.active, .btn-success.focus, .btn-success:active,
	.btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success
	{
	background-color: #34b83b !important;
	border: 1px solid #34b83b !important;
}

.btn-info {
	background-color: #45b0e2 !important;
	border: 1px solid #45b0e2 !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
	.btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover,
	.open>.dropdown-toggle.btn-info {
	background-color: #2fa7df !important;
	border: 1px solid #2fa7df !important;
}

.btn-warning {
	background-color: #fbca35 !important;
	border: 1px solid #fbca35 !important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active,
	.btn-warning.active, .btn-warning.focus, .btn-warning:active,
	.btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning
	{
	background-color: #fbc31c !important;
	border: 1px solid #fbc31c !important;
}

.btn-danger {
	background-color: #e96154 !important;
	border: 1px solid #e96154 !important;
}

.btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active,
	.btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover,
	.open>.dropdown-toggle.btn-danger {
	background-color: #e64c3d !important;
	border: 1px solid #e64c3d !important;
}

.btn-inverse {
	background-color: #60667a !important;
	border: 1px solid #60667a !important;
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active,
	.btn-inverse.active, .btn-inverse.focus, .btn-inverse:active,
	.btn-inverse:focus, .btn-inverse:hover, .open>.dropdown-toggle.btn-inverse
	{
	background-color: #555a6c !important;
	border: 1px solid #555a6c !important;
}

.btn-purple {
	background-color: #aa81f3 !important;
	border: 1px solid #aa81f3 !important;
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active {
	background-color: #9a6af1 !important;
	border: 1px solid #9a6af1 !important;
}

.btn-pink {
	background-color: #ff8acc !important;
	border: 1px solid #ff8acc !important;
}

.btn-pink:hover, .btn-pink:focus, .btn-pink:active {
	background-color: #ff71c1 !important;
	border: 1px solid #ff71c1 !important;
}

.btn-bordred {
	border-bottom: 3px solid transparent;
}

.btn-bordred.btn-secondary {
	border-bottom: 2px solid #565656 !important;
}

.btn-bordred.btn-custom {
	background-color: #2765cf;
	border-bottom: 2px solid #0c84e4 !important;
}

.btn-bordred.btn-primary {
	border-bottom: 2px solid #3355bb !important;
}

.btn-bordred.btn-success {
	border-bottom: 2px solid #32b039 !important;
}

.btn-bordred.btn-info {
	border-bottom: 2px solid #26a3dd !important;
}

.btn-bordred.btn-warning {
	border-bottom: 2px solid #f8bc05 !important;
}

.btn-bordred.btn-danger {
	border-bottom: 2px solid #e33727 !important;
}

.btn-bordred.btn-inverse {
	border-bottom: 2px solid #333641 !important;
}

.btn-bordred.btn-purple {
	border-bottom: 2px solid #9460f0 !important;
}

.btn-bordred.btn-pink {
	border-bottom: 2px solid #ff66bc !important;
}

.btn-rounded {
	border-radius: 2em;
	padding: 6px 18px;
}

.btn-trans.btn-secondary {
	border: 1px solid rgba(68, 68, 68, 0.1) !important;
	background-color: rgba(68, 68, 68, 0.15) !important;
	color: #435966 !important;
}

.btn-trans.btn-custom {
	border: 1px solid rgba(33, 150, 243, 0.1) !important;
	background-color: rgba(33, 150, 243, 0.15) !important;
	color: #2765cf !important;
}

.btn-trans.btn-primary {
	border: 1px solid rgba(70, 103, 204, 0.1) !important;
	background-color: rgba(70, 103, 204, 0.15) !important;
	color: #4667cc !important;
}

.btn-trans.btn-success {
	border: 1px solid rgba(62, 200, 69, 0.1) !important;
	background-color: rgba(62, 200, 69, 0.15) !important;
	color: #3ec845 !important;
}

.btn-trans.btn-info {
	border: 1px solid rgba(69, 176, 226, 0.1) !important;
	background-color: rgba(69, 176, 226, 0.15) !important;
	color: #45b0e2 !important;
}

.btn-trans.btn-warning {
	border: 1px solid rgba(251, 202, 53, 0.1) !important;
	background-color: rgba(251, 202, 53, 0.15) !important;
	color: #fbca35 !important;
}

.btn-trans.btn-danger {
	border: 1px solid rgba(233, 97, 84, 0.1) !important;
	background-color: rgba(233, 97, 84, 0.15) !important;
	color: #e96154 !important;
}

.btn-trans.btn-inverse {
	border: 1px solid rgba(96, 102, 122, 0.1) !important;
	background-color: rgba(96, 102, 122, 0.15) !important;
	color: #60667a !important;
}

.btn-trans.btn-purple {
	border: 1px solid rgba(170, 129, 243, 0.1) !important;
	background-color: rgba(170, 129, 243, 0.15) !important;
	color: #aa81f3 !important;
}

.btn-trans.btn-pink {
	border: 1px solid rgba(255, 138, 204, 0.1) !important;
	background-color: rgba(255, 138, 204, 0.15) !important;
	color: #ff8acc !important;
}

.btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}

.btn-group-justified>.btn {
	display: table-cell;
	float: none;
	width: 1%;
}
/* File Upload */
.fileupload {
	overflow: hidden;
	position: relative;
}

.fileupload input.upload {
	cursor: pointer;
	filter: alpha(opacity = 0);
	font-size: 20px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}
/* Social Buttons */
.btn-facebook {
	color: #ffffff !important;
	background-color: #3b5998 !important;
}

.btn-twitter {
	color: #ffffff !important;
	background-color: #00aced !important;
}

.btn-linkedin {
	color: #ffffff !important;
	background-color: #007bb6 !important;
}

.btn-dribbble {
	color: #ffffff !important;
	background-color: #ea4c89 !important;
}

.btn-googleplus {
	color: #ffffff !important;
	background-color: #dd4b39 !important;
}

.btn-instagram {
	color: #ffffff !important;
	background-color: #517fa4 !important;
}

.btn-pinterest {
	color: #ffffff !important;
	background-color: #cb2027 !important;
}

.btn-dropbox {
	color: #ffffff !important;
	background-color: #007ee5 !important;
}

.btn-flickr {
	color: #ffffff !important;
	background-color: #ff0084 !important;
}

.btn-tumblr {
	color: #ffffff !important;
	background-color: #32506d !important;
}

.btn-skype {
	color: #ffffff !important;
	background-color: #00aff0 !important;
}

.btn-youtube {
	color: #ffffff !important;
	background-color: #bb0000 !important;
}

.btn-github {
	color: #ffffff !important;
	background-color: #171515 !important;
}
/* =============
   Checkbox and Radios
============= */
.checkbox {
	margin: 10px 0px;
	padding-left: 7px;
}

.checkbox label {
	display: inline-block;
	padding-left: 5px;
	position: relative;
	line-height: 18px;
	margin-bottom: 0px;
	font-weight: 400;
}

.checkbox label::before {
	-o-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	border-radius: 2px;
	border: 2px solid #cccccc;
	content: "";
	display: inline-block;
	height: 18px;
	left: 0;
	margin-left: -20px;
	position: absolute;
	transition: 0.3s ease-in-out;
	width: 18px;
	outline: none !important;
}

.checkbox label::after {
	color: #555555;
	display: inline-block;
	font-size: 10px;
	height: 18px;
	left: 2px;
	margin-left: -20px;
	padding-left: 2px;
	position: absolute;
	top: 0;
	width: 18px;
}

.checkbox input[type="checkbox"] {
	cursor: pointer;
	opacity: 0;
	z-index: 1;
	outline: none !important;
}

.checkbox input[type="checkbox"]:disabled+label {
	opacity: 0.65;
}

.checkbox input[type="checkbox"]:focus+label::before {
	outline-offset: -2px;
	outline: none;
}

.checkbox input[type="checkbox"]:checked+label::after {
	content: "\f00c";
	font-family: 'FontAwesome';
}

.checkbox input[type="checkbox"]:disabled+label::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox.checkbox-circle label::after {
	padding-left: 2px;
}

.checkbox.checkbox-circle.checkbox-inline label::after {
	padding-left: 3px;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox.checkbox-inline label::after {
	left: 1px;
}

.checkbox.checkbox-single input {
	position: relative;
}

.checkbox.checkbox-single label {
	height: 17px;
}

.checkbox-custom input[type="checkbox"]:checked+label::before {
	background-color: #2765cf;
	border-color: #2765cf;
}

.checkbox-custom input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-primary input[type="checkbox"]:checked+label::before {
	background-color: #4667cc;
	border-color: #4667cc;
}

.checkbox-primary input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-danger input[type="checkbox"]:checked+label::before {
	background-color: #e96154;
	border-color: #e96154;
}

.checkbox-danger input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-info input[type="checkbox"]:checked+label::before {
	background-color: #45b0e2;
	border-color: #45b0e2;
}

.checkbox-info input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-warning input[type="checkbox"]:checked+label::before {
	background-color: #fbca35;
	border-color: #fbca35;
}

.checkbox-warning input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-success input[type="checkbox"]:checked+label::before {
	background-color: #3ec845;
	border-color: #3ec845;
}

.checkbox-success input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-purple input[type="checkbox"]:checked+label::before {
	background-color: #aa81f3;
	border-color: #aa81f3;
}

.checkbox-purple input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-pink input[type="checkbox"]:checked+label::before {
	background-color: #ff8acc;
	border-color: #ff8acc;
}

.checkbox-pink input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-inverse input[type="checkbox"]:checked+label::before {
	background-color: #60667a;
	border-color: #60667a;
}

.checkbox-inverse input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}
/* Radios */
.radio {
	margin: 10px 0px;
	padding-left: 7px;
}

.radio label {
	display: inline-block;
	padding-left: 5px;
	position: relative;
	line-height: 18px;
	margin-bottom: 0;
	font-weight: 400;
}

.radio label::before {
	-o-transition: border 0.5s ease-in-out;
	-webkit-transition: border 0.5s ease-in-out;
	border-radius: 50%;
	border: 2px solid #cccccc;
	content: "";
	display: inline-block;
	height: 18px;
	left: 0;
	margin-left: -20px;
	outline: none !important;
	position: absolute;
	transition: border 0.5s ease-in-out;
	width: 18px;
}

.radio label::after {
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-webkit-transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s
		cubic-bezier(0.8, -0.33, 0.2, 1.33);
	background-color: #555555;
	border-radius: 50%;
	content: " ";
	display: inline-block;
	height: 10px;
	left: 4px;
	margin-left: -20px;
	position: absolute;
	top: 4px;
	transform: scale(0, 0);
	transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33),
		-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	width: 10px;
}

.radio input[type="radio"] {
	cursor: pointer;
	opacity: 0;
	z-index: 1;
	outline: none !important;
}

.radio input[type="radio"]:disabled+label {
	opacity: 0.65;
}

.radio input[type="radio"]:focus+label::before {
	outline-offset: -2px;
}

.radio input[type="radio"]:checked+label::after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.radio input[type="radio"]:disabled+label::before {
	cursor: not-allowed;
}

.radio.radio-inline {
	margin-top: 0;
}

.radio.radio-single input {
	position: relative;
}

.radio.radio-single label {
	height: 17px;
}

.radio-custom input[type="radio"]+label::after {
	background-color: #2765cf;
}

.radio-custom input[type="radio"]:checked+label::before {
	border-color: #2765cf;
}

.radio-custom input[type="radio"]:checked+label::after {
	background-color: #2765cf;
}

.radio-primary input[type="radio"]+label::after {
	background-color: #4667cc;
}

.radio-primary input[type="radio"]:checked+label::before {
	border-color: #4667cc;
}

.radio-primary input[type="radio"]:checked+label::after {
	background-color: #4667cc;
}

.radio-danger input[type="radio"]+label::after {
	background-color: #e96154;
}

.radio-danger input[type="radio"]:checked+label::before {
	border-color: #e96154;
}

.radio-danger input[type="radio"]:checked+label::after {
	background-color: #e96154;
}

.radio-info input[type="radio"]+label::after {
	background-color: #45b0e2;
}

.radio-info input[type="radio"]:checked+label::before {
	border-color: #45b0e2;
}

.radio-info input[type="radio"]:checked+label::after {
	background-color: #45b0e2;
}

.radio-warning input[type="radio"]+label::after {
	background-color: #fbca35;
}

.radio-warning input[type="radio"]:checked+label::before {
	border-color: #fbca35;
}

.radio-warning input[type="radio"]:checked+label::after {
	background-color: #fbca35;
}

.radio-success input[type="radio"]+label::after {
	background-color: #3ec845;
}

.radio-success input[type="radio"]:checked+label::before {
	border-color: #3ec845;
}

.radio-success input[type="radio"]:checked+label::after {
	background-color: #3ec845;
}

.radio-purple input[type="radio"]+label::after {
	background-color: #aa81f3;
}

.radio-purple input[type="radio"]:checked+label::before {
	border-color: #aa81f3;
}

.radio-purple input[type="radio"]:checked+label::after {
	background-color: #aa81f3;
}

.radio-pink input[type="radio"]+label::after {
	background-color: #ff8acc;
}

.radio-pink input[type="radio"]:checked+label::before {
	border-color: #ff8acc;
}

.radio-pink input[type="radio"]:checked+label::after {
	background-color: #ff8acc;
}
/* =============
   Cards
============= */
.card-heading {
	border: none !important;
	padding: 10px 20px;
}

.card-title {
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 0;
	font-family: 'samsung';
}

.card-footer {
	background: #f5f5f5;
	border-top: 0px;
}

.card-color {
	overflow: hidden;
}

.card-color .card-heading {
	margin: -1px;
}

.card-border .card-heading {
	padding: 10px 20px 0px;
	background-color: transparent;
}

.card-border .card-body {
	padding: 15px 20px 20px 20px;
}

.card-border.card-custom {
	border-color: rgba(33, 150, 243, 0.5) !important;
}

.card-border.card-success {
	border-color: rgba(62, 200, 69, 0.5) !important;
}

.card-border.card-primary {
	border-color: rgba(70, 103, 204, 0.5) !important;
}

.card-border.card-info {
	border-color: rgba(69, 176, 226, 0.5) !important;
}

.card-border.card-warning {
	border-color: rgba(251, 202, 53, 0.5) !important;
}

.card-border.card-pink {
	border-color: rgba(255, 138, 204, 0.5) !important;
}

.card-border.card-danger {
	border-color: rgba(233, 97, 84, 0.5) !important;
}

.card-border.card-purple {
	border-color: rgba(170, 129, 243, 0.5) !important;
}

.card-border.card-inverse {
	border-color: rgba(96, 102, 122, 0.5) !important;
}

.card-box .card .card-header {
	border-color: #f5f5f5;
}

.card-box .card .card-header a[data-toggle=collapse].collapsed:before {
	content: '\f055';
}

.card-box .card .card-header .accordion-toggle.collapsed:before {
	content: '\f055';
}

.card-box .card .card-header a[data-toggle=collapse] {
	display: block;
}

.card-box .card .card-header a[data-toggle=collapse]:before {
	content: '\f056';
	display: block;
	float: right;
	font-family: 'FontAwesome';
	font-size: 14px;
	text-align: right;
	width: 25px;
}

.card-box .card .card-header .accordion-toggle {
	display: block;
}

.card-box .card .card-header .accordion-toggle:before {
	content: '\f0d8';
	display: block;
	float: right;
	font-family: 'FontAwesome';
	font-size: 14px;
	text-align: right;
	width: 25px;
}

.card-box .card .card-header+.card-collapse .card-body {
	border: 1px solid #f5f5f5;
	border-top: none;
}

.card-box .card-header {
	padding: 12px 26px;
}
/* Panel tabs */
.panel-tabs .nav-pills .nav-item .nav-link {
	background-color: transparent !important;
	font-weight: 600;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	color: #ffffff !important;
	padding: 9px 15px;
}

.panel-tabs .nav-pills .nav-item .nav-link.active {
	background-color: #ffffff !important;
	color: #435966 !important;
}

.panel-tabs .tab-content {
	padding: 0px;
	border: none;
}
/* Card tabs */
.card-tabs .nav-pills .nav-item .nav-link {
	padding: 8px 14px;
	font-size: 13px;
	background-color: transparent !important;
	font-weight: 600;
	color: #435966 !important;
}

.card-tabs .nav-pills .nav-item .nav-link.active {
	background-color: #2765cf !important;
	color: #ffffff !important;
}

.card-tabs .tab-content {
	padding: 0px;
	border: none;
}
/* =============
   Portlets
============== */
.portlet {
	border: 1px solid gainsboro;
	border-radius: 5px;
	-webkit-transition: opacity 3s ease-in-out;
	-moz-transition: opacity 3s ease-in-out;
	-ms-transition: opacity 3s ease-in-out;
	-o-transition: opacity 3s ease-in-out;
	opacity: 1;
	margin-bottom: 20px;
}

.portlet .portlet-heading {
	border-radius: 3px 3px 0px 0px;
	margin: -1px;
	color: #ffffff;
	padding: 12px 20px;
}

.portlet .portlet-heading .portlet-title {
	color: #ffffff;
	float: left;
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 0;
	letter-spacing: 0.03em;
}

.portlet .portlet-heading .portlet-widgets {
	display: inline-block;
	float: right;
	font-size: 15px;
	line-height: 30px;
	padding-left: 15px;
	position: relative;
	text-align: right;
}

.portlet .portlet-heading .portlet-widgets .divider {
	margin: 0 5px;
}

.portlet .portlet-heading .portlet-widgets .collapsed .zmdi-minus:before
	{
	content: "\f278" !important;
}

.portlet .portlet-heading a {
	color: #999999;
	padding: 0px 5px;
}

.portlet .portlet-body {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 20px;
}

.portlet-default .portlet-title {
	color: #797979 !important;
}

.portlet .portlet-heading.bg-custom a, .portlet .portlet-heading.bg-purple a,
	.portlet .portlet-heading.bg-info a, .portlet .portlet-heading.bg-success a,
	.portlet .portlet-heading.bg-primary a, .portlet .portlet-heading.bg-danger a,
	.portlet .portlet-heading.bg-warning a, .portlet .portlet-heading.bg-inverse a,
	.portlet .portlet-heading.bg-pink a {
	color: #ffffff;
	padding: 0px 5px;
}

.panel-disabled {
	background: rgba(67, 89, 102, 0.2);
	bottom: 20px;
	left: 10px;
	cursor: wait;
	position: absolute;
	right: 10px;
	top: 0;
}

.loader-1 {
	width: 30px;
	height: 30px;
	background-color: #435966;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
}
/* =============
   Progressbars
============= */
.progress {
	-webkit-box-shadow: none !important;
	background-color: #ebeff2;
	box-shadow: none !important;
	height: 10px;
	margin-bottom: 18px;
	overflow: hidden;
}

.progress-bar {
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 8px;
	font-weight: 600;
	line-height: 12px;
}

.progress.progress-sm {
	height: 5px !important;
}

.progress.progress-sm .progress-bar {
	font-size: 8px;
	line-height: 5px;
}

.progress.progress-md {
	height: 15px !important;
}

.progress.progress-md .progress-bar {
	font-size: 10.8px;
	line-height: 14.4px;
}

.progress.progress-lg {
	height: 20px !important;
}

.progress.progress-lg .progress-bar {
	font-size: 12px;
	line-height: 20px;
}

.progress-bar-primary {
	background-color: #4667cc;
}

.progress-bar-success {
	background-color: #3ec845;
}

.progress-bar-info {
	background-color: #45b0e2;
}

.progress-bar-warning {
	background-color: #fbca35;
}

.progress-bar-danger {
	background-color: #e96154;
}

.progress-bar-inverse {
	background-color: #60667a;
}

.progress-bar-purple {
	background-color: #aa81f3;
}

.progress-bar-pink {
	background-color: #ff8acc;
}

.progress-bar-custom {
	background-color: #2765cf;
}
/* Custom progressbars */
.progress-bar-custom-alt {
	background-color: rgba(33, 150, 243, 0.2);
}

.progress-bar-primary-alt {
	background-color: rgba(70, 103, 204, 0.2);
}

.progress-bar-success-alt {
	background-color: rgba(62, 200, 69, 0.2);
}

.progress-bar-info-alt {
	background-color: rgba(69, 176, 226, 0.2);
}

.progress-bar-warning-alt {
	background-color: rgba(251, 202, 53, 0.2);
}

.progress-bar-danger-alt {
	background-color: rgba(233, 97, 84, 0.2);
}

.progress-bar-purple-alt {
	background-color: rgba(170, 129, 243, 0.2);
}

.progress-bar-inverse-alt {
	background-color: rgba(96, 102, 122, 0.2);
}

.progress-bar-pink-alt {
	background-color: rgba(255, 138, 204, 0.2);
}

.progress-animated {
	-webkit-animation-duration: 5s;
	-webkit-animation-name: animationProgress;
	-webkit-transition: 5s all;
	animation-duration: 5s;
	animation-name: animationProgress;
	transition: 5s all;
}
/* =============
   Tables
============= */
.table {
	margin-bottom: 0px;
}

.table-striped>tbody>tr:nth-of-type(odd), .table-hover>tbody>tr:hover,
	.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active,
	.table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active,
	.table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td,
	.table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th
	{
	background-color: #f9f9f9 !important;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td, .table-bordered {
	border-top: 1px solid gainsboro;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,
	.table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid gainsboro;
}

.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: none !important;
	border-top: none !important;
	background: #f6f6f6;
}

tbody {
	color: #333;
	font-weight: 600;
}

th {
	color: #000;
	font-weight: 700;
}

.table td, .table th {
	padding: 8px;
}

.table td {
	background-color: #fff;
}

.table-bordered {
	border: 1px solid gainsboro;
}

table.focus-on tbody tr.focused th {
	background-color: #fff;
	color: #ffffff;
}

table.focus-on tbody tr.focused td {
	background-color: #fff;
	color: #ffffff;
}

.fixed-table-container tbody .selected td {
	background-color: #f5f5f5;
}

.modal-block {
	background: transparent;
	margin: 40px auto;
	max-width: 600px;
	padding: 0;
	position: relative;
	text-align: left;
}
/* editable table */
#datatable-editable .actions a {
	padding: 5px;
}

#datatable-editable .form-control {
	background-color: #ffffff;
	width: 100%;
}

#datatable-editable .fa-trash-o {
	color: #e96154;
}

#datatable-editable .fa-times {
	color: #e96154;
}

#datatable-editable .fa-pencil {
	color: #3ec845;
}

#datatable-editable .fa-save {
	color: #3ec845;
}
/* Data tables */
#datatable td {
	font-weight: normal;
}

.paginate_button {
	display: inline-block !important;
}

div.dataTables_paginate ul.pagination {
	margin-top: 30px !important;
}

div.dataTables_info {
	padding-top: 38px !important;
}

.dt-buttons {
	float: left;
}

div#datatable-buttons_info {
	float: left;
}

.dataTables_wrapper .dataTables_length select {
	width: 75px !important;
}

.dataTables_wrapper .form-control {
	padding: 4px 12px;
	height: 30px;
	width: auto;
}
/* Responsive data table */
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
	table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
	-webkit-box-shadow: 0 0 3px fade(#435966, 20%);
	box-shadow: 0 0 3px fade(#435966, 20%);
	background-color: #4667cc;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
	table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before
	{
	background-color: #e96154;
}
/* Fixed table */
.fixedHeader-floating {
	top: 62px !important;
}
/* Key Table */
table.dataTable th.focus, table.dataTable td.focus {
	outline: 3px solid #2765cf !important;
	outline-offset: -1px;
}

div.DTS tbody tr.even {
	background-color: #f5f5f5;
}
/* =============
   Widgets
============= */
.widget-user {
	min-height: 112px;
}

.widget-user img {
	height: 72px;
	float: left;
}

.widget-user .wid-u-info {
	margin-left: 90px;
}

.widget-user .wid-u-info p, .widget-user .wid-u-info h4 {
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
	font-size: 16px;
}
/* Widget-chart */
.widget-chart ul li {
	width: 31.5%;
	display: inline-block;
	padding: 0px;
}
/* Inbox-widget */
.inbox-widget .inbox-item {
	border-bottom: 1px solid #f3f3f3;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
}

.inbox-widget .inbox-item .inbox-item-img {
	display: block;
	float: left;
	margin-right: 15px;
	width: 40px;
}

.inbox-widget .inbox-item img {
	width: 40px;
}

.inbox-widget .inbox-item .inbox-item-author {
	color: #333333;
	display: block;
	margin: 0;
}

.inbox-widget .inbox-item .inbox-item-text {
	color: #9a9da0;
	display: block;
	font-size: 12px;
	margin: 0;
}

.inbox-widget .inbox-item .inbox-item-date {
	color: #9a9da0;
	font-size: 11px;
	position: absolute;
	right: 7px;
	top: 2px;
}
/* Ion Range slider */
.irs-from, .irs-to, .irs-single {
	background-color: #2765cf;
}

=============
* / /* =============
   Common
============= */  
body {
	background: #f5f5f5;
	font-family: 'samsung';
	margin: 0;
	padding-bottom: 60px;
	overflow-x: hidden;
	color: #797979;
	font-size: 14px;
	font-weight: 450;
}

@font-face {
	font-family: 'samsung';
	src: url('/admin/fonts/samsungsharpsans-regular.eot')
		format('embedded-opentype'),
		url('/admin/fonts/samsungsharpsans-regular.otf') format('opentype'),
		url('/admin/fonts/samsungsharpsans-regular.svg') format('svg'),
		url('/admin/fonts/samsungsharpsans-regular.woff') format('woff'),
		url('/admin/fonts/samsungsharpsans-regular.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'samsung';
	src: url('/admin/fonts/samsungsharpsans-bold.eot')
		format('embedded-opentype'), url('/admin/fonts/samsungsharpsans-bold.otf')
		format('opentype'), url('/admin/fonts/samsungsharpsans-bold.svg')
		format('svg'), url('/admin/fonts/samsungsharpsans-bold.woff')
		format('woff'), url('/admin/fonts/samsungsharpsans-bold.ttf')
		format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'samsung';
	src: url('/admin/fonts/samsunginterface-regular.eot')
		format('embedded-opentype'),
		url('/admin/fonts/samsunginterface-regular.svg') format('svg'),
		url('/admin/fonts/samsunginterface-regular.woff') format('woff'),
		url('/admin/fonts/samsunginterface-regular.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'samsung';
	src: url('/admin/fonts/SamsungOne-400.eot');
	src: url('/admin/fonts/SamsungOne-400.eot?#iefix')
		format('embedded-opentype'), url('/admin/fonts/SamsungOne-400.woff2')
		format('woff2'), url('/admin/fonts/SamsungOne-400.woff') format('woff'),
		url('/admin/fonts/SamsungOne-400.ttf') format('truetype'),
		url('/admin/fonts/SamsungOne-400.svg#SamsungOne-400') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'samsung';
	src: url('/admin/fonts/SamsungOne-600C.eot');
	src: url('/admin/fonts/SamsungOne-600C.eot?#iefix')
		format('embedded-opentype'), url('/admin/fonts/SamsungOne-600C.woff2')
		format('woff2'), url('/admin/fonts/SamsungOne-600C.woff') format('woff'),
		url('/admin/fonts/SamsungOne-600C.ttf') format('truetype'),
		url('/admin/fonts/SamsungOne-600C.svg#SamsungOne-600C') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'samsung';
	src: url('/admin/fonts/SamsungOne-500.eot');
	src: url('/admin/fonts/SamsungOne-500.eot?#iefix')
		format('embedded-opentype'), url('/admin/fonts/SamsungOne-500.woff2')
		format('woff2'), url('/admin/fonts/SamsungOne-500.woff') format('woff'),
		url('/admin/fonts/SamsungOne-500.ttf') format('truetype'),
		url('/admin/fonts/SamsungOne-500.svg#SamsungOne-500') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'samsung';
	src: url('/admin/fonts/SamsungOne-700.eot');
	src: url('/admin/fonts/SamsungOne-700.eot?#iefix')
		format('embedded-opentype'), url('/admin/fonts/SamsungOne-700.woff2')
		format('woff2'), url('/admin/fonts/SamsungOne-700.woff') format('woff'),
		url('/admin/fonts/SamsungOne-700.ttf') format('truetype'),
		url('/admin/fonts/SamsungOne-700.svg#SamsungOne-700') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('/admin/fonts/glyphicons-halflings-regular.eot');
	src: url('/admin/fonts/glyphicons-halflings-regular.eot?#iefix')
		format('embedded-opentype'),
		url('/admin/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
		url('/admin/fonts/glyphicons-halflings-regular.woff') format('woff'),
		url('/admin/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
		url('/admin/fonts/glyphicons-halflings-regular.svg#glyphicons-halflings-regular')
		format('svg');
	font-weight: 700;
	font-style: normal;
}

html {
	position: relative;
	min-height: 100%;
	background: #fdfdfd;
}

h1, h2, h3, h4, h5, h6 {
	color: #505458;
	margin: 10px 0;
	font-weight: 700;
}

h1 {
	font-size: 36px;
	line-height: 43px;
}

h2 {
	font-size: 30px;
	line-height: 35px;
}

h3 {
	font-size: 24px;
	line-height: 30px;
}

h3 small {
	color: #444444;
}

h4 {
	font-size: 18px;
	line-height: 22px;
}

h4 small {
	color: #444444;
}

h5 {
	font-size: 15px;
}

h5 small {
	color: #444444;
}

h6 {
	font-size: 12px;
}

p {
	line-height: 1.6;
}

* {
	outline: none !important;
}

b {
	font-weight: 600;
}

a:hover {
	outline: 0;
	text-decoration: none;
}

a:active {
	outline: 0;
	text-decoration: none;
}

a:focus {
	outline: 0;
	text-decoration: none;
}

.container-alt {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.blockquote {
	padding: 10px 20px;
	font-size: 17.5px;
	border-left: 5px solid #eeeeee;
}

.blockquote-reverse {
	text-align: right;
	border-left: 0;
	border-right: 5px solid #eeeeee;
}
/* Footer */
.footer {
	border-top: 1px solid rgba(154, 157, 160, 0.2);
	bottom: 0px;
	color: #9a9da0;
	padding: 15px 30px 10px;
	position: absolute;
	right: 0px;
	left: 240px;
}

#wrapper {
	height: 100%;
	overflow: hidden;
	width: 100%;
}

.page {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}
/* Page titles */
.page-title {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 0px;
	line-height: 42px;
	font-family: 'samsung';
	color: #000;
}

.page-title-drop::after {
	display: none;
}

.page-header {
	border-bottom: 1px solid #DBDDDE;
}

.header-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	margin-bottom: 8px;
	font-family: 'samsung';
}

.wrapper {
	margin-top: 62px;
}

.thumbnail {
	display: block;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #ffffff;
	border: 1px solid #dce3e8;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}

.card-columns .card {
	margin-bottom: 20px;
}

@media ( min-width : 1024px) {
	.card-columns {
		-webkit-column-count: 4;
		column-count: 4;
	}
}
/* =============
   Helper clasess
============= */
.p-0 {
	padding: 0px !important;
}

.p-20 {
	padding: 20px !important;
}

.p-30 {
	padding: 30px !important;
}

.p-l-0 {
	padding-left: 0px !important;
}

.p-r-0 {
	padding-right: 0px !important;
}

.p-t-0 {
	padding-top: 0px !important;
}

.p-b-0 {
	padding-bottom: 0px !important;
}

.p-t-10 {
	padding-top: 10px !important;
}

.p-b-10 {
	padding-bottom: 10px !important;
}

.p-l-r-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.m-0 {
	margin: 0px !important;
}

.m-r-5 {
	margin-right: 5px !important;
}

.m-r-10 {
	margin-right: 10px !important;
}

.m-r-15 {
	margin-right: 15px !important;
}

.m-l-5 {
	margin-left: 5px !important;
}

.m-l-10 {
	margin-left: 10px !important;
}

.m-l-15 {
	margin-left: 15px !important;
}

.m-t-5 {
	margin-top: 5px !important;
}

.m-t-0 {
	margin-top: 0px !important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-t-25 {
	margin-top: 24px !important;
}

.m-t-30 {
	margin-top: 30px !important;
}

.m-t-40 {
	margin-top: 40px !important;
}

.m-b-0 {
	margin-bottom: 0px !important;
}

.m-b-5 {
	margin-bottom: 5px !important;
}

.m-b-10 {
	margin-bottom: 10px !important;
}

.m-b-15 {
	margin-bottom: 15px !important;
}

.m-b-20 {
	margin-bottom: 20px !important;
}

.m-b-25 {
	margin-bottom: 25px !important;
}

.m-b-30 {
	margin-bottom: 30px !important;
}

.w-xs {
	min-width: 80px;
}

.w-sm {
	min-width: 95px;
}

.w-md {
	min-width: 110px;
}

.w-lg {
	min-width: 140px;
}

.m-h-40 {
	min-height: 40px;
}

.m-h-50 {
	min-height: 50px;
}

.l-h-34 {
	line-height: 34px;
}

.font-600 {
	font-weight: 600;
}

.font-bold {
	font-weight: 700;
}

.font-normal {
	font-weight: normal;
}

.font-light {
	font-weight: 300;
}

.font-13 {
	font-size: 13px !important;
}

.wrapper-md {
	padding: 20px;
}

.pull-in {
	margin-left: -20px;
	margin-right: -20px;
}

.b-0 {
	border: none !important;
}

.vertical-middle {
	vertical-align: middle;
}

.bx-shadow {
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.bx-shadow-none {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.mx-box {
	max-height: 380px;
	min-height: 380px;
}

.thumb-sm {
	height: 32px;
	width: 32px;
}

.thumb-md {
	height: 48px;
	width: 48px;
}

.thumb-lg {
	height: 88px;
	width: 88px;
}

.thumb-xl {
	height: 120px;
	width: 120px;
}
/* =============
   Extras
============= */
/* Table type box */
.table-box {
	display: table;
	height: 100%;
	width: 100%;
}

.table-box .table-detail {
	display: table-cell;
	vertical-align: middle;
}
/* Card */
.card {
	border-radius: 5px;
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;
	background-color: white;
}

.card .card-drop {
	color: #9a9da0;
	font-size: 20px;
	line-height: 1px;
	padding: 0px 5px;
	display: inline-block;
}

.card .card-drop::after {
	display: none;
}
/* Demo only */
.icon-list-demo div {
	cursor: pointer;
	line-height: 45px;
	white-space: nowrap;
	color: #75798B;
}

.icon-list-demo div p {
	margin-bottom: 0px;
	line-height: inherit;
}

.icon-list-demo i {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	vertical-align: middle;
	width: 40px;
	text-align: center;
}

.icon-list-demo .col-lg-4 {
	border-radius: 3px;
}

.icon-list-demo .col-lg-4:hover {
	background-color: rgba(33, 150, 243, 0.07);
}

.button-list {
	margin-left: -8px;
	margin-bottom: -12px;
}

.button-list .btn {
	margin-bottom: 12px;
	margin-left: 8px;
}
/* Switchery demo */
.switchery-demo .switchery {
	margin-bottom: 10px;
}
/* =============
   Bootstrap-custom
============= */
.row {
	margin-right: -10px;
	margin-left: -10px;
}

.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3,
	.col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9,
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
	.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
	.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
	.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
	.col-1, .col-10, .col-11, .cols-12, .col-2, .col-3, .col--4, .col-5,
	.col-6, .col-7, .col-8, .col-9 {
	padding-left: 10px;
	padding-right: 10px;
}

.nav-pills-custom {
	margin-bottom: 20px;
}

.nav-pills-custom .nav-item .nav-link {
	padding: 5px 18px;
	border-radius: 20px;
	color: #2765cf;
	line-height: 28px;
}

.nav-pills-custom .nav-item .nav-link:focus, .nav-pills-custom .nav-item .nav-link:hover
	{
	background: #eeeeee;
}

.nav-pills-custom .nav-item .nav-link.active {
	background-color: #ffffff !important;
	color: #2765cf !important;
}

.breadcrumb {
	background-color: transparent;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-left: 0px;
}
/* Image Thumbnail */
.img-thumbnail {
	border: 1px solid #EBEFF2;
}
/* Dropdown */
.dropdown-menu {
	padding: 4px 0;
	-webkit-box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0
		rgba(0, 0, 0, 0.02);
	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0
		rgba(0, 0, 0, 0.02);
	border: 1px solid rgba(154, 157, 160, 0.15);
	font-size: 14px;
}

.dropdown-menu>li>a {
	padding: 6px 20px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: #2765cf !important;
	color: #ffffff;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus
	{
	background-color: rgba(154, 157, 160, 0.1);
	color: #435966;
}
/*Well */
.well {
	background-color: rgba(154, 157, 160, 0.15);
	border: rgba(154, 157, 160, 0.5);
	-webkit-box-shadow: inset 0 1px 1px rgba(154, 157, 160, 0.25);
	box-shadow: inset 0 1px 1px rgba(154, 157, 160, 0.25);
}
/* Background colors */
.bg-custom {
	background-color: rgba(33, 150, 243, 0.75) !important;
}

.bg-primary {
	background-color: #2765cf !important;
}

.bg-success {
	background-color: rgba(62, 200, 69, 0.75) !important;
}

.bg-info {
	background-color: rgba(69, 176, 226, 0.75) !important;
}

.bg-warning {
	background-color: rgba(251, 202, 53, 0.75) !important;
}

.bg-danger {
	background-color: rgba(233, 97, 84, 0.75) !important;
}

.bg-muted {
	background-color: #f5f5f5 !important;
}

.bg-inverse {
	background-color: #60667a !important;
}

.bg-purple {
	background-color: rgba(170, 129, 243, 0.75) !important;
}

.bg-pink {
	background-color: rgba(255, 138, 204, 0.75) !important;
}

.bg-white {
	background-color: #ffffff !important;
}

.bg-lightdark {
	background-color: #f5f5f5 !important;
}
/* Text colors */
.text-custom {
	color: #2765cf !important;
}

.text-white {
	color: #ffffff !important;
}

.text-danger {
	color: #e96154 !important;
}

.text-muted {
	color: #9a9da0 !important;
}

.text-primary {
	color: #4667cc !important;
}

.text-warning {
	color: #fbca35 !important;
}

.text-success {
	color: #3ec845 !important;
}

.text-info {
	color: #45b0e2 !important;
}

.text-inverse {
	color: #60667a !important;
}

.text-pink {
	color: #ff8acc !important;
}

.text-purple {
	color: #aa81f3 !important;
}

.text-dark {
	color: #797979 !important;
}
/* Form components */
textarea.form-control {
	min-height: 90px;
}

.form-control {
	border: 1px solid gainsboro;
	border-radius: 4px;
	color: #435966;
	padding: 7px 12px;
	height: 38px;
	max-width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
	font-size: 14px;
}

.form-control:focus {
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 !important;
	color: #333333;
}

label {
	font-weight: 500;
}

.form-control[disabled], fieldset[disabled] .form-control {
	background-color: #e8e8e8 !important;
}

.input-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}

.input-sm {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.form-horizontal .form-group {
	margin-left: -10px;
	margin-right: -10px;
}

.form-horizontal .control-label {
	padding-top: 7px;
}

.form-control-feedback {
	line-height: 38px !important;
}

.input-group-btn .btn {
	padding: 8px 12px;
}

.input-group-btn .btn-sm {
	padding: 5px 10px;
}

.input-group-btn .btn-lg {
	padding: 10px 17px;
}
/* Badge */
/* .badge {
	font-weight: 600;
	padding: 3px 5px;
	margin-top: 1px;
	background-color: #2765cf;
	color: #ffffff;
	letter-spacing: 0.05em;
} */

.badge-xs {
	font-size: 9px;
}

.badge-xs, .badge-sm {
	-webkit-transform: translate(0, -2px);
	transform: translate(0, -2px);
}

.badge-primary {
	background-color: #4667cc;
}

.badge-success {
	background-color: #3ec845;
}

.badge-info {
	background-color: #45b0e2;
}

.badge-warning {
	background-color: #fbca35;
}

.badge-danger {
	background-color: #e96154;
}

.badge-purple {
	background-color: #aa81f3;
}

.badge-pink {
	background-color: #ff8acc;
}

.badge-inverse {
	background-color: #60667a;
}
/* Pagination/ Pager */
.pagination>li:first-child>a, .pagination>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.pagination>li>a, .pagination>li>span {
	color: #435966;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus,
	.pagination>li>span:focus {
	background-color: #f5f5f5;
}

.pagination .page-item.disabled a {
	background-color: #f5f5f5;
}

.pagination-split li {
	margin-left: 5px;
	display: inline-block;
	float: left;
}

.pagination-split li:first-child {
	margin-left: 0;
}

.pagination-split li a {
	border-radius: 3px;
}

.page-item.active .page-link {
	background-color: #2765cf;
	border-color: #2765cf;
}

.pagination-lg .page-link {
	padding: 10px 16px;
}
/* Tabs */
.tab-content {
	padding: 20px;
	border: 2px solid #e8e8e8;
	border-top: none;
	background: #ffffff;
}

.nav.nav-tabs {
	border-bottom: 2px solid #e8e8e8;
}

.nav.nav-tabs .nav-item {
	margin-bottom: -2px;
}

.nav.nav-tabs .nav-item .nav-link {
	padding: 12px 18px;
	color: #435966;
	font-weight: 600;
	border: 2px solid transparent;
}

.nav.nav-tabs .nav-item .nav-link.active, .nav.nav-tabs .nav-item .nav-link:focus,
	.nav.nav-tabs .nav-item .nav-link:hover {
	border: 2px solid #e8e8e8;
	border-bottom-color: transparent;
	background-color: #ffffff;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus,
	.nav-tabs.nav-justified>.active>a:hover {
	border: 2px solid #e8e8e8;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #f5f5f5;
	border-color: #e8e8e8;
}
/* List group */
.list-group-item {
	border: 1px solid #ebeff2;
	border-left: none;
	border-right: none;
	background-color: transparent;
	padding: 10px 15px;
}

.list-group-item:hover {
	background-color: rgba(154, 157, 160, 0.07);
}

.list-group-item:first-child {
	border-top: none;
}

.list-group-item:last-child {
	border-bottom: none;
}

.list-no-border .list-group-item {
	border: none;
}
/* Dropcap */
.dropcap {
	font-size: 3.1em;
}

.dropcap, .dropcap-circle, .dropcap-square {
	display: block;
	float: left;
	font-weight: 400;
	line-height: 36px;
	margin-right: 6px;
	text-shadow: none;
}
/* Alert */
.alert .btn {
	margin-top: 10px;
}

.alert-success {
	background-color: rgba(95, 190, 170, 0.3);
	border-color: rgba(95, 190, 170, 0.4);
	color: #5fbeaa;
}

.alert-info {
	background-color: rgba(52, 211, 235, 0.2);
	border-color: rgba(52, 211, 235, 0.3);
	color: #45b0e2;
}

.alert-warning {
	background-color: rgba(255, 189, 74, 0.2);
	border-color: rgba(255, 189, 74, 0.3);
	color: #fbca35;
}

.alert-danger {
	background-color: rgba(240, 80, 80, 0.2);
	border-color: rgba(240, 80, 80, 0.3);
	color: #e96154;
}
/* Modals */
.modal .modal-dialog .modal-content {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #DDDDDD;
	border-radius: 2px;
	box-shadow: none;
	padding: 25px;
}

.modal .modal-dialog .modal-content .modal-header {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	border: none;
}

.modal .modal-dialog .modal-content .modal-body {
	padding: 20px 0;
}

.modal .modal-dialog .modal-content .modal-footer {
	padding: 0;
	padding-top: 15px;
}

#full-width-modal.modal .modal-dialog {
	max-width: 100%;
}

.modal-full {
	width: 98%;
}

.modal-content .nav.nav-tabs+.tab-content {
	margin-bottom: 0px;
}

.modal-content .panel-group {
	margin-bottom: 0px;
}

.modal-content .panel {
	border-top: none;
}
/* Custom-modal */
.modal-demo {
	background-color: #ffffff;
	width: 600px;
	border-radius: 4px;
	display: none;
}

.modal-demo .close {
	position: absolute;
	top: 15px;
	right: 25px;
	color: #eeeeee;
}

.custom-modal-title {
	padding: 15px 25px 15px 25px;
	line-height: 22px;
	font-size: 18px;
	background-color: #2765cf;
	color: #ffffff;
	text-align: left;
	margin: 0px;
}

.custom-modal-text {
	padding: 20px;
}

.custombox-modal-flash .close, .custombox-modal-rotatedown .close {
	top: 20px;
	z-index: 9999;
}
/* Tabs-Accordions */
.tabs-vertical-env .tab-content {
	margin-bottom: 0px;
}

.table>thead>tr>td.middle-align, .table>tbody>tr>td.middle-align, .table>.tfood>tr>td.middle-align,
	.table>thead>tr>th.middle-align, .table>tbody>tr>th.middle-align,
	.table>.tfood>tr>th.middle-align {
	vertical-align: middle;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus
	{
	background-color: #2765cf;
	border-color: #2765cf;
}

.nav-pills>.active>a>.badge {
	color: #2765cf;
}

.has-success .form-control {
	border-color: #3ec845;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.has-warning .form-control {
	border-color: #fbca35;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.has-error .form-control {
	border-color: #e96154;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.input-group-text {
	font-size: 14px;
	border-radius: 2px;
	background-color: #cfcfcf;
	border: none;
}
/* Tooltips */
.tooltip-inner {
	border-radius: 3px;
	padding: 6px 10px;
}

.jqstooltip {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: auto !important;
	height: auto !important;
}
/* Popover */
.popover {
	font-family: inherit;
	border: none;
	border-radius: 3px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover .popover-header {
	background-color: transparent;
	color: #2765cf;
	font-weight: 500;
	font-size: 15px;
	margin-top: 0px;
}

.popover .popover-body {
	color: #797979;
}
/* Code */
code {
	color: #2765cf;
	background-color: #ffffff;
	border-radius: 4px;
	padding: 2px 4px;
}
/* Pre */
pre {
	background-color: #f5f5f5;
	border: 1px solid #D4D8DA;
}
/* Carousel */
.carousel-control {
	width: 10%;
}

.carousel-control span {
	position: absolute;
	top: 50%;
	/* pushes the icon in the middle of the height */
	z-index: 5;
	display: inline-block;
	font-size: 30px;
}
/* Media */
.media {
	margin-bottom: 20px;
}

.media .media-heading {
	font-size: 15px;
}

.media:last-of-type {
	margin-bottom: 0px;
}

/* =============
   Animation
============= */
/* Progressbar Animated */
@
-webkit-keyframes animationProgress {from { width:0;
	
}

}
@
keyframes animationProgress {from { width:0;
	
}

}

/* Portlets loader */
@
-webkit-keyframes sk-rotateplane { 0% {
	-webkit-transform: perspective(120px);
}

50%
{
-webkit-transform


:

 

perspective


(120
px
)

 

rotateY


(180
deg
);




}
100%
{
-webkit-transform


:

 

perspective


(120
px
)

 

rotateY


(180
deg
)

 

rotateX


(180
deg
);




}
}
@
keyframes sk-rotateplane { 0% {
	transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}

50%
{
transform


:

 

perspective


(120
px
)

 

rotateX


(-180
.1deg


)
rotateY


(0
deg
);


 

-webkit-transform


:

 

perspective


(120
px
)

 

rotateX


(-180
.1deg


)
rotateY


(0
deg
);




}
100%
{
transform


:

 

perspective


(120
px
)

 

rotateX


(-180
deg
)

 

rotateY


(-179
.9deg


);
-webkit-transform


:

 

perspective


(120
px
)

 

rotateX


(-180
deg
)

 

rotateY


(-179
.9deg


);
}
}
/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	will-change: opacity, transform;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transform: scale(0);
	transform: scale(0);
	pointer-events: none;
}

.waves-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

.waves-circle {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 50%;
	-webkit-mask-image: none;
}

.waves-input-wrapper {
	border-radius: 0.2em;
	vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.waves-block {
	display: block;
}

.waves-effect.waves-light .waves-ripple {
	background-color: rgba(255, 255, 255, 0.4);
}

.waves-effect.waves-custom .waves-ripple {
	background-color: rgba(33, 150, 243, 0.4);
}

.waves-effect.waves-primary .waves-ripple {
	background-color: rgba(70, 103, 204, 0.4);
}

.waves-effect.waves-success .waves-ripple {
	background-color: rgba(62, 200, 69, 0.4);
}

.waves-effect.waves-info .waves-ripple {
	background-color: rgba(69, 176, 226, 0.4);
}

.waves-effect.waves-warning .waves-ripple {
	background-color: rgba(251, 202, 53, 0.4);
}

.waves-effect.waves-danger .waves-ripple {
	background-color: rgba(233, 97, 84, 0.4);
}

.waves-effect.waves-pink .waves-ripple {
	background-color: rgba(255, 138, 204, 0.4);
}

.waves-effect.purple .waves-ripple {
	background-color: rgba(170, 129, 243, 0.2);
}

.waves-effect.waves-inverse .waves-ripple {
	background-color: rgba(96, 102, 122, 0.4);
}
/*
Template Name: Flacto - Bootstrap 4 Responsive Admin Dashboard
File: Menu
*/
.topbar {
	left: 0px;
	position: fixed;
	right: 0;
	top: 0px;
	z-index: 999;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 2px 7px 0
		rgba(0, 0, 0, 0.03);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 1px 5px 0
		rgba(0, 0, 0, 0.03);
}

.topbar .topbar-left {
	float: left;
	position: relative;
	width: 230px;
	z-index: 1;
}

.logo {
	color: #333 !important;
	font-size: 14px;
	line-height: 60px;
	font-weight: 600;
}

.logo img {
	margin-right: 3px;
}

.logo i {
	color: #333;
}

.logo .icon-c-logo {
	display: none;
}

.navbar-default {
	padding: 0px;
	display: block;
}

.navbar-default .container-fluid {
	display: block;
}

.navbar-default .navbar-nav>.open>a {
	background-color: rgba(255, 255, 255, 0.1);
}

.navbar-default .navbar-nav>.open>a:focus {
	background-color: rgba(255, 255, 255, 0.1);
}

.navbar-default .navbar-nav>.open>a:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.navbar-default .badge {
	position: absolute;
	top: 12px;
	right: 7px;
}

.nav>li>a {
	color: #2765cf;
	padding: 0px 15px;
	position: relative;
}

.nav>li>a.profile-cont {
	color: #333;
	padding: 0;
	position: relative;
	width: 30px;
	height: 30px;
	display: inline-block;
	border: 2px solid #666;
	border-radius: 100px;
	line-height: 30px;
	margin-top: 13px;
}

.nav>li>a.profile-cont i {
	color: #333;
}

.nav>li>a i {
	font-size: 16px;
}

.profile {
	line-height: 56px;
}

.profile img {
	border: 2px solid #f5f5f5;
	height: 36px;
	width: 36px;
}

.dropdown-menu-lg {
	width: 300px;
}

.dropdown-menu-lg .list-group {
	margin-bottom: 0px;
}

.dropdown-menu-lg .list-group-item {
	border: none;
	padding: 10px 20px;
}

.dropdown-menu-lg .media-heading {
	margin-bottom: 0px;
}

.dropdown-menu-lg .media-body p {
	color: #828282;
}

.notification-list em {
	width: 34px;
	text-align: center;
}

.notification-list .media-body {
	display: inherit;
	width: auto;
	overflow: hidden;
	margin-left: 50px;
}

.notification-list .media-body h5 {
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
	font-weight: normal;
	overflow: hidden;
}

.notifi-title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 11px 20px 15px;
	color: #60667a;
	font-family: 'samsung';
}

.navbar-nav {
	margin: 0px;
}

.side-menu {
	bottom: 0;
	top: 0;
	width: 240px;
	z-index: 2;
	background: #ffffff;
}

.side-menu.left {
	border-right: 1px solid #efefef;
	position: absolute;
	top: 60px;
}

body.fixed-left .side-menu.left {
	bottom: 50px;
	height: 100%;
	margin-bottom: -70px;
	margin-top: 0px;
	padding-bottom: 70px;
	position: fixed;
}

.content-page {
	margin-left: 240px;
	overflow: hidden;
}

.content-page>.content {
	margin-top: 60px;
	padding: 20px 5px 95px 5px;
}

.button-menu-mobile {
	background: transparent;
	border: none;
	color: #666;
	font-size: 21px;
	line-height: 60px;
	padding: 0px 15px;
}

.button-menu-mobile:hover {
	color: #333;
}

.sidebar-inner {
	height: 100%;
}

#sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a {
	border: 0;
	font-weight: 600;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-decoration: none;
}

#sidebar-menu {
	padding-bottom: 30px;
	padding-top: 30px;
	width: 100%;
}

#sidebar-menu .waves-effect .waves-ripple {
	background-color: rgba(33, 150, 243, 0.45);
}

#sidebar-menu .nav>li>a .badge {
	position: absolute;
	right: 10px;
	top: 12px;
}

#sidebar-menu a {
	line-height: 1.3;
}

#sidebar-menu ul ul {
	display: none;
}

#sidebar-menu ul ul li {
	border-top: 0;
}

#sidebar-menu ul ul li.active a {
	color: #435966;
}

#sidebar-menu ul ul a {
	color: rgba(67, 89, 102, 0.8);
	display: block;
	padding: 10px 20px 10px 65px;
}

#sidebar-menu ul ul a:hover {
	color: #435966 !important;
}

#sidebar-menu ul ul a i {
	margin-right: 5px;
}

#sidebar-menu ul ul ul a {
	padding-left: 80px;
}

#sidebar-menu .subdrop {
	color: #435966 !important;
}

#sidebar-menu>ul>li>a {
	color: rgba(67, 89, 102, 0.9);
	display: block;
	padding: 12px 20px;
	margin: 4px 0px;
	font-size: 15px;
}

#sidebar-menu>ul>li>a:hover {
	color: #435966 !important;
	text-decoration: none;
}

#sidebar-menu>ul>li>a>span {
	vertical-align: middle;
}

#sidebar-menu ul li .menu-arrow {
	-webkit-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s;
	position: absolute;
	right: 20px;
	display: inline-block;
	font-family: 'Material-Design-Iconic-Font';
	text-rendering: auto;
	line-height: 26px;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	color: #9a9da0;
}

#sidebar-menu ul li .menu-arrow:before {
	content: "\f2fb";
}

#sidebar-menu ul li a.subdrop .menu-arrow {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

#sidebar-menu ul li a i {
	display: inline-block;
	font-size: 16px;
	line-height: 17px;
	margin-left: 3px;
	margin-right: 15px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	color: #2765cf;
}

#sidebar-menu ul li a i.md {
	font-size: 18px;
}

#sidebar-menu>ul>li>a>i.i-right {
	float: right;
	margin: 3px 0 0 0;
}

#sidebar-menu>ul>li>a.active {
	color: #2765cf !important;
}

.menu-title {
	padding: 12px 20px !important;
	letter-spacing: .035em;
	pointer-events: none;
	cursor: default;
	font-size: 13px;
}
/* Small Menu */
.side-menu-sm {
	width: 180px;
	text-align: center;
}

.side-menu-sm #sidebar-menu>ul>li>a>i {
	display: block;
	font-size: 18px;
	line-height: 24px;
	width: 100%;
	margin: 0px;
}

.side-menu-sm #sidebar-menu ul ul a {
	padding: 10px 20px 10px 20px;
}

.side-menu-sm+.content-page .footer {
	left: 180px;
}

#wrapper.enlarged .side-menu-sm {
	text-align: left;
}

#wrapper.enlarged .side-menu-sm #sidebar-menu ul li a i {
	display: inline-block;
	font-size: 18px;
	line-height: 17px;
	margin-left: 3px;
	margin-right: 15px;
	vertical-align: middle;
	width: 20px;
}

.side-menu-sm+.content-page {
	margin-left: 180px;
}

#wrapper.enlarged .menu-title, #wrapper.enlarged .menu-arrow {
	display: none !important;
}

#wrapper.enlarged #sidebar-menu ul ul {
	margin-top: -5px;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 9999;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

#wrapper.enlarged .left.side-menu {
	width: 70px;
	z-index: 5;
}

#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a {
	padding: 15px 20px;
}

#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a:hover {
	background: #f2f2f2 !important;
}

#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a:active {
	background: #f2f2f2 !important;
}

#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a:focus {
	background: #f2f2f2 !important;
}

#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a i {
	margin-right: 20px !important;
	font-size: 20px;
}

#wrapper.enlarged .left.side-menu .badge {
	position: absolute;
	top: 5px;
	left: 35px;
	text-indent: 0;
	display: block !important;
	padding: .3em .6em .2em !important;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li {
	position: relative;
	white-space: nowrap;
	max-height: 49px;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>a {
	position: relative;
	width: 260px;
	background: #f2f2f2;
	color: #435966;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul {
	display: block;
	left: 70px;
	position: absolute;
	width: 190px;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul a {
	background: #ffffff;
	color: #435966;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-left: 15px;
	position: relative;
	width: 186px;
	z-index: 6;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul a:hover {
	color: #2765cf;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover a span {
	display: inline;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li>ul {
	display: none;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover>ul {
	display: block;
	left: 190px;
	margin-top: -36px;
	position: absolute;
	width: 190px;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li>a span.float-right
	{
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	position: absolute;
	right: 20px;
	top: 12px;
	transform: rotate(270deg);
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li.active a {
	color: #2765cf;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul a:hover {
	color: #2765cf !important;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li>a span {
	display: none;
	padding-left: 10px;
}

#wrapper.enlarged .content-page {
	margin-left: 70px;
}

#wrapper.enlarged .footer {
	left: 70px;
}

#wrapper.enlarged .topbar .topbar-left {
	width: 70px !important;
}

#wrapper.enlarged .topbar .topbar-left .logo span {
	display: none;
	opacity: 0;
}

#wrapper.enlarged .topbar .topbar-left .logo .icon-c-logo {
	display: block;
	line-height: 60px;
}

#wrapper.enlarged #sidebar-menu>ul>li:hover>a.open :after {
	display: none;
}

#wrapper.enlarged #sidebar-menu>ul>li:hover>a.active :after {
	display: none;
}

#wrapper.right-bar-enabled .right-bar {
	right: 0;
}

#wrapper.right-bar-enabled .left-layout {
	left: 0;
}

.notification-box {
	margin-right: 15px;
}

.notification-box ul {
	max-height: 60px;
}

.notification-box ul li a {
	font-size: 24px;
	color: #333;
	display: block;
	line-height: 60px;
}

.notification-box .noti-dot {
	position: relative;
	top: -48px;
}

.notification-box .pulse {
	width: 2px;
	height: 2px;
	border: 3px solid #e96154;
	border-radius: 30px;
	background-color: #e96154;
	z-index: 10;
	position: absolute;
	right: 4px;
}

.notification-box .dot {
	border: 4px solid #e96154;
	background: transparent;
	border-radius: 60px;
	height: 30px;
	width: 30px;
	-webkit-animation: pulse 3s ease-out;
	animation: pulse 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	position: absolute;
	top: -12px;
	left: -5px;
	z-index: 1;
	opacity: 0;
}

@
-webkit-keyframes pulse { 0% {
	-webkit-transform: scale(0);
	opacity: 0.0;
}

25%
{
-webkit-transform


:

 

scale


(0);
opacity


:

 

0
.1


;
}
50%
{
-webkit-transform


:

 

scale


(0
.1


);
opacity


:

 

0
.3


;
}
75%
{
-webkit-transform


:

 

scale


(0
.5


);
opacity


:

 

0
.5


;
}
100%
{
-webkit-transform


:

 

scale


(1);
opacity


:

 

0
.0


;
}
}
.user-box {
	text-align: center;
}

.user-box .dropdown-toggle::after {
	display: none;
}

.user-box .user-img {
	position: relative;
}

.user-box .user-status {
	height: 12px;
	width: 12px;
	position: absolute;
	bottom: 8px;
	right: 15px;
	line-height: 0px !important;
}

.user-box .user-status i {
	font-size: 12px !important;
}

.user-box .user-status.away i {
	color: #fbca35;
}

.user-box .user-status.offline i {
	color: #e96154;
}

.user-box .user-status.online i {
	color: #3ec845;
}

.user-box .user-status.busy i {
	color: #9a9da0;
}

.app-search {
	position: relative;
	margin: 15px 0px 15px 10px;
}

.app-search a {
	position: absolute;
	top: 5px;
	right: 20px;
	color: #ebeff2;
}

.app-search .form-control, .app-search .form-control:focus {
	border: none;
	font-size: 13px;
	color: #ffffff;
	padding-left: 20px;
	padding-right: 40px;
	background-color: rgba(235, 239, 242, 0.25) !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 30px;
	height: 30px;
	font-weight: 600;
	width: 180px;
}

.app-search input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.7);
	font-weight: normal;
}

.app-search input:-moz-placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.app-search input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.app-search input:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.7);
}
/* Right sidebar */
.side-bar.right-bar {
	float: right !important;
	right: -266px;
	top: 0px;
}

.side-bar {
	-moz-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0
		rgba(0, 0, 0, 0.02);
	box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0
		rgba(0, 0, 0, 0.02);
	display: block;
	float: left;
	height: 100%;
	position: fixed;
	transition: all 200ms ease-out;
	width: 240px;
}

.right-bar {
	background: #ffffff !important;
	z-index: 9999 !important;
}

.right-bar h4 {
	border-bottom: 1px solid rgba(154, 157, 160, 0.5);
	padding: 4px 10px 10px 18px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.03em;
}

.right-bar .right-bar-toggle {
	float: right;
	line-height: 46px;
	font-size: 20px;
	color: #333;
	padding: 0px 10px;
}

.notification-list {
	padding-bottom: 60px;
	height: 100%;
}

.notification-list .list-group-item {
	border-bottom: 1px solid rgba(154, 157, 160, 0.2) !important;
	margin-bottom: 0px;
}

.notification-list .list-group-item.active {
	background-color: rgba(154, 157, 160, 0.1);
}

.user-list .user-list-item .avatar {
	float: left;
	margin-right: 5px;
	width: 30px;
	height: 30px;
}

.user-list .user-list-item .avatar img {
	border-radius: 50%;
	width: 100%;
}

.user-list .user-list-item .icon {
	float: left;
	margin-right: 5px;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	text-align: center;
	background-color: rgba(33, 150, 243, 0.8);
}

.user-list .user-list-item .icon i {
	color: #ffffff;
	line-height: 30px;
	font-size: 16px;
}

.user-list .user-list-item .user-desc {
	margin-left: 40px;
}

.user-list .user-list-item .user-desc span.name {
	color: #435966;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
	overflow: hidden;
}

.user-list .user-list-item .user-desc span.desc {
	color: #9a9da0;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
	overflow: hidden;
	font-size: 12px;
}

.user-list .user-list-item .user-desc span.time {
	font-size: 11px;
	color: #2f3e47;
	font-style: italic;
}
/* Body min-height set */
body.fixed-left-void {
	min-height: 800px;
}
/* =============
   Form Advanced
============= */
.error {
	color: #e96154;
	font-size: 12px;
	font-weight: 500;
}
/* X-Editable */
.editable-click, a.editable-click, a.editable-click:hover {
	border: none;
}
/* Bootstrap tagsinput */
.bootstrap-tagsinput {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 3px 7px 3px;
	border: 1px solid #cfcfcf;
	background-color: transparent;
	width: 100%;
}

.bootstrap-tagsinput .badge-info {
	background-color: #2765cf !important;
	display: inline-block;
	padding: 5px;
	margin-bottom: 3px;
}
/* Multiple */
.ms-container {
	background: transparent url("../images/multiple-arrow.png") no-repeat
		50% 50%;
}

.ms-container .ms-list {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid #cfcfcf;
}

.ms-container .ms-list.ms-focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid #cfcfcf;
}

.ms-container .ms-selectable li.ms-elem-selectable {
	border: none;
	padding: 5px 10px;
}

.ms-container .ms-selectable li.ms-hover {
	background-color: #4667cc;
}

.ms-container .ms-selection {
	background-color: transparent !important;
}

.ms-container .ms-selection li.ms-elem-selection {
	border: none;
	padding: 5px 10px;
}

.ms-container .ms-selection li.ms-hover {
	background-color: #4667cc;
}

.ms-selectable {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none !important;
	background-color: transparent !important;
}
/* Select 2 */
.select2-container .select2-choice {
	background-image: none !important;
	border: none !important;
	height: auto !important;
	padding: 0 !important;
	line-height: 22px !important;
	background-color: transparent !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.select2-container .select2-choice .select2-arrow {
	background-image: none !important;
	background: transparent;
	border: none;
	width: 14px;
	right: 5px;
	top: 2px;
}

.select2-container .select2-container-multi.form-control {
	height: auto;
}

.select2-results .select2-highlighted {
	color: #ffffff;
	background-color: #2765cf;
}

.select2-drop-active {
	border: 1px solid #e3e3e3 !important;
	padding-top: 5px;
	-webkit-box-shadow: 0 2px 2px rgba(245, 57, 57, 0.15);
	box-shadow: 0 2px 2px rgba(245, 57, 57, 0.15);
}

.select2-search input {
	border: 1px solid #e3e3e3;
}

.select2-container-multi {
	width: 100%;
}

.select2-container-multi .select2-choices {
	border: 1px solid #cfcfcf !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background-image: none !important;
	border-radius: 4px !important;
	min-height: 38px;
	background-color: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
	padding: 4px 7px 4px 18px;
	margin: 7px 0 3px 5px;
	color: #ffffff;
	background: #2765cf;
	border-color: #2765cf;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-field input {
	padding: 7px 7px 7px 10px;
	font-family: inherit;
}

.select2-chosen {
	height: 34px;
	line-height: 34px;
	padding-left: 15px;
}
/* Bootstrap-select */
.bootstrap-select
:not
 
(
[
class
*=
col-
]
 
)
:not
 
(
[
class
*=
form-control
]
 
)
:not

	
(
.input-group-btn
 
)
{
width
:
 
100%
!
important
;


}
.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
}

.bootstrap-select .glyphicon {
	padding-right: 6px;
}
/* Form validation */
.parsley-error {
	border-color: #e96154 !important;
}

.parsley-errors-list {
	display: none;
	margin: 0;
	padding: 0;
}

.parsley-errors-list.filled {
	display: block;
}

.parsley-errors-list>li {
	font-size: 12px;
	list-style: none;
	color: #e96154;
}
/* Datepicker */
.datepicker {
	padding: 8px;
}

.datepicker th {
	font-size: 14px !important;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover,
	.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover,
	.datepicker table tr td.selected, .datepicker table tr td.selected:hover,
	.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,
	.datepicker table tr td span.active, .datepicker table tr td span.active:hover,
	.datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover
	{
	background-image: none;
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover,
	.datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover,
	.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active,
	.datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active,
	.datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active,
	.datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active,
	.datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled,
	.datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled,
	.datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled],
	.datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled]
	{
	background-color: #2765cf;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover,
	.datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover
	{
	background-color: #2765cf !important;
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover
	{
	background-color: #fafafa;
}

.datepicker-inline {
	border: 2px solid #eeeeee;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #4667cc;
	border-color: #4667cc;
}

.daterangepicker .input-mini.active {
	border: 1px solid #AAAAAA;
}

.daterangepicker .ranges li {
	border-radius: 2px;
	color: #435966;
	font-weight: 600;
	font-size: 12px;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect,
	.daterangepicker select.secondselect, .daterangepicker select.ampmselect
	{
	border: 1px solid #e3e3e3;
	padding: 2px;
	width: 60px;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
	background-color: #4667cc;
	border: 1px solid #4667cc;
}

.search-input {
	margin-bottom: 10px;
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>td {
	padding: 5px;
}
/* Timepicker */
.bootstrap-timepicker-widget table td a:hover {
	background-color: transparent;
	border-color: transparent;
	border-radius: 4px;
	color: #4667cc;
	text-decoration: none;
}

.bootstrap-timepicker-widget table td input {
	border: none;
}
/* Bootstrap-touchSpin */
.bootstrap-touchspin .input-group-btn-vertical .btn {
	padding: 9px 12px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
	top: 4px;
	left: 8px;
}
/* Form wizard */
.navtab-wizard li:first-of-type a {
	border-left: none !important;
}

.navtab-wizard li:first-of-type a:hover, .navtab-wizard li:first-of-type a:focus,
	.navtab-wizard li:first-of-type a:active {
	border-left: none !important;
}

.navtab-wizard li:last-of-type a {
	border-right: none !important;
}

.navtab-wizard li:last-of-type a:hover, .navtab-wizard li:last-of-type a:focus,
	.navtab-wizard li:last-of-type a:active {
	border-right: none !important;
}

.wizard.pager .disabled>a {
	opacity: 0.5;
}
/* Summernote */
.note-editor .btn {
	background-color: transparent !important;
	border-color: transparent;
}

.note-editor.note-frame {
	border: 1px solid #eeeeee;
	position: relative;
}

.note-editor .note-toolbar {
	background-color: #f5f5f5;
	border-bottom: 1px solid #eeeeee;
	margin: 0;
}

.note-editor .note-statusbar {
	border-top: none !important;
}

.note-editor .note-statusbar .note-resizebar {
	height: 15px;
	padding-top: 3px;
}

.note-popover .popover .popover-content {
	padding: 5px 0 10px 5px;
}

.note-toolbar {
	padding: 5px 0 10px 5px;
}
/* Form Uploads */
/* =============
   Notification
============= */
#toast-container>div {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	opacity: 1;
}

#toast-container>:hover {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	opacity: 0.9;
}

.toast {
	background-color: #2765cf;
}

.toast-success {
	background-color: rgba(62, 200, 69, 0.8);
	border: 2px solid #3ec845;
}

.toast-error {
	background-color: rgba(233, 97, 84, 0.8);
	border: 2px solid #e96154;
}

.toast-info {
	background-color: rgba(69, 176, 226, 0.8);
	border: 2px solid #45b0e2;
}

.toast-warning {
	background-color: rgba(251, 202, 53, 0.8);
	border: 2px solid #fbca35;
}
/* =========== */
/* Sweet Alert */
/* =========== */
.sweet-alert p {
	font-size: 14px;
	line-height: 22px;
}

.sweet-alert .icon.success .placeholder {
	border: 4px solid #3ec845;
}

.sweet-alert .icon.success .line {
	background-color: #3ec845;
}

.sweet-alert .icon.warning {
	border-color: #fbca35;
}

.sweet-alert .icon.info {
	border-color: #45b0e2;
}

.sweet-alert .btn-warning:focus, .sweet-alert .btn-info:focus,
	.sweet-alert .btn-success:focus, .sweet-alert .btn-danger:focus,
	.sweet-alert .btn-default:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* =============
   Charts
============= */
/* Morris chart */
.morris-hover.morris-default-style {
	border-radius: 5px;
	padding: 10px 12px;
	background: #435966;
	border: none;
	color: #ffffff !important;
}

.morris-hover.morris-default-style .morris-hover-point {
	color: #f5f5f5 !important;
}
/* Morris chart Title */
.chart-detail-list li {
	margin: 0 10px;
	padding: 0px 5px;
}

.pieLabel div {
	font-size: 14px !important;
}

.jqstooltip {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.chart {
	position: relative;
	display: inline-block;
	width: 110px;
	height: 110px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.chart.chart-widget-pie {
	margin-top: 5px;
	margin-bottom: 5px;
}

.percent {
	display: inline-block;
	line-height: 110px;
	z-index: 2;
	font-weight: 600;
	font-size: 18px;
	color: #435966;
}

.percent:after {
	content: '%';
	margin-left: 0.1em;
	font-size: .8em;
}
/* Flot chart */
#flotTip {
	padding: 8px 12px;
	background-color: #435966;
	z-index: 100;
	color: #ffffff;
	opacity: 0.9;
	font-size: 13px;
	border-radius: 3px;
}

.legend tr {
	height: 22px;
}

.legendLabel {
	padding-left: 5px !important;
	line-height: 10px;
	padding-right: 10px;
}
/* Sparkline chart */
.jqstooltip {
	background-color: #435966 !important;
	padding: 5px 10px !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border-color: #435966 !important;
}

.jqsfield {
	font-size: 12px !important;
	line-height: 18px !important;
}
/* Chartist chart */
.ct-golden-section:before {
	float: none;
}

.ct-chart {
	max-height: 300px;
}

.ct-chart .ct-label {
	fill: #a3afb7;
	color: #a3afb7;
	font-size: 12px;
	line-height: 1;
}

.ct-grid {
	stroke: rgba(67, 89, 102, 0.15);
}

.ct-chart.simple-pie-chart-chartist .ct-label {
	color: #ffffff;
	fill: #ffffff;
	font-size: 16px;
}

.ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line,
	.ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice-donut
	{
	stroke: #2765cf;
}

.ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line,
	.ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice-donut
	{
	stroke: #45b0e2;
}

.ct-chart .ct-series.ct-series-c .ct-bar, .ct-chart .ct-series.ct-series-c .ct-line,
	.ct-chart .ct-series.ct-series-c .ct-point, .ct-chart .ct-series.ct-series-c .ct-slice-donut
	{
	stroke: gainsboro;
}

.ct-chart .ct-series.ct-series-d .ct-bar, .ct-chart .ct-series.ct-series-d .ct-line,
	.ct-chart .ct-series.ct-series-d .ct-point, .ct-chart .ct-series.ct-series-d .ct-slice-donut
	{
	stroke: #4667cc;
}

.ct-chart .ct-series.ct-series-e .ct-bar, .ct-chart .ct-series.ct-series-e .ct-line,
	.ct-chart .ct-series.ct-series-e .ct-point, .ct-chart .ct-series.ct-series-e .ct-slice-donut
	{
	stroke: #435966;
}

.ct-chart .ct-series.ct-series-f .ct-bar, .ct-chart .ct-series.ct-series-f .ct-line,
	.ct-chart .ct-series.ct-series-f .ct-point, .ct-chart .ct-series.ct-series-f .ct-slice-donut
	{
	stroke: #90caf9;
}

.ct-chart .ct-series.ct-series-g .ct-bar, .ct-chart .ct-series.ct-series-g .ct-line,
	.ct-chart .ct-series.ct-series-g .ct-point, .ct-chart .ct-series.ct-series-g .ct-slice-donut
	{
	stroke: #3ec845;
}

.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
	fill: #2765cf;
}

.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
	fill: #45b0e2;
}

.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {
	fill: gainsboro;
}

.ct-series-d .ct-area, .ct-series-d .ct-slice-pie {
	fill: #4667cc;
}

.chartist-tooltip {
	position: absolute;
	display: inline-block;
	opacity: 0;
	min-width: 10px;
	padding: 2px 10px;
	border-radius: 3px;
	background: #435966;
	color: #ffffff;
	text-align: center;
	pointer-events: none;
	z-index: 1;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.chartist-tooltip.tooltip-show {
	opacity: 1;
}
/* Circliful charts */
.circliful-chart {
	margin: 0 auto;
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
	font-size: 12px;
	font-weight: 600;
}
/* =============
   Maps
============= */
.gmaps, .gmaps-panaroma {
	height: 300px;
	background: #eeeeee;
	border-radius: 3px;
}

.gmaps-overlay {
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	line-height: 40px;
	background: #2765cf;
	border-radius: 4px;
	padding: 10px 20px;
}

.gmaps-overlay_arrow {
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	position: absolute;
}

.gmaps-overlay_arrow.above {
	bottom: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #2765cf;
}

.gmaps-overlay_arrow.below {
	top: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #2765cf;
}

.jvectormap-zoomin, .jvectormap-zoomout {
	width: 10px;
	height: 10px;
	line-height: 10px;
}

.jvectormap-zoomout {
	top: 40px;
}
/* =============
   Accounts pages
============= */
.wrapper-page .card {
	margin: 30px auto !important;
	position: relative;
	max-width: 420px;
}

.logo-alt-box {
	margin-top: 6%;
}

.logo-alt-box .logo {
	float: none;
	font-size: 24px;
	letter-spacing: .06em;
	line-height: 46px;
}

.logo-alt-box h5 {
	font-size: 12px;
}

.user-thumb {
	position: relative;
	z-index: 999;
}

.user-thumb img {
	height: 88px;
	margin: 0 auto;
	width: 88px;
}

.ex-page-content .text-error {
	color: #2765cf;
	text-shadow: rgba(33, 150, 243, 0.3) 5px 1px;
	font-size: 98px;
	font-weight: 700;
	line-height: 150px;
}

.ex-page-content .text-error i {
	font-size: 78px;
	padding: 0 10px;
}
/* ===========
  Timeline
 =============*/
.timeline {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	margin-bottom: 50px;
	position: relative;
	table-layout: fixed;
	width: 100%;
}

.timeline .time-show {
	margin-bottom: 30px;
	margin-right: -75px;
	margin-top: 30px;
	position: relative;
}

.timeline .time-show a {
	color: #ffffff;
}

.timeline:before {
	background-color: #d8d9df;
	bottom: 0px;
	content: "";
	left: 50%;
	position: absolute;
	top: 30px;
	width: 1px;
	z-index: 0;
}

.timeline .timeline-icon {
	-webkit-border-radius: 50%;
	background: #d8d9df;
	border-radius: 50%;
	border: 1px solid #d8d9df;
	color: #ffffff;
	display: block;
	height: 20px;
	left: -54px;
	margin-top: -10px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 20px;
}

.timeline .timeline-icon i {
	margin-top: 9px;
}

.timeline .time-icon:before {
	font-size: 16px;
	margin-top: 5px;
}

h3.timeline-title {
	color: #c8ccd7;
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.timeline-item {
	display: table-row;
}

.timeline-item:before {
	content: "";
	display: block;
	width: 50%;
}

.timeline-item .timeline-desk .card-body:after {
	border-bottom: 8px solid transparent;
	border-right: 8px solid #ffffff !important;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -8px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 0;
	content: "";
}

.timeline-item .timeline-desk .card-body:before {
	border-bottom: 8px solid transparent;
	border-right: 8px solid #435966 !important;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -8px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 0;
	content: "";
}

.timeline-item.alt:after {
	content: "";
	display: block;
	width: 50%;
}

.timeline-item.alt .timeline-desk .card-body:after {
	border-bottom: 8px solid transparent;
	border-left: 8px solid #ffffff !important;
	border-top: 8px solid transparent;
	border-right: 0 !important;
	display: block;
	height: 0;
	left: auto;
	margin-top: -10px;
	position: absolute;
	right: -8px;
	top: 50%;
	width: 0;
	content: "";
}

.timeline-item.alt .timeline-desk .card-body:before {
	border-bottom: 8px solid transparent;
	border-left: 8px solid #435966 !important;
	border-right: 0 !important;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: auto;
	margin-top: -10px;
	position: absolute;
	right: -8px;
	top: 50%;
	width: 0;
	content: "";
}

.timeline-item.alt .timeline-desk .album {
	float: right;
	margin-top: 20px;
}

.timeline-item.alt .timeline-desk .album a {
	float: right;
	margin-left: 5px;
}

.timeline-item.alt .timeline-icon {
	left: auto;
	right: -57px;
}

.timeline-item.alt:before {
	display: none;
}

.timeline-item.alt .card {
	margin-left: 0;
	margin-right: 45px;
}

.timeline-item.alt .card .card-body p+p {
	margin-top: 10px !important;
}

.timeline-item.alt h4, .timeline-item.alt p, .timeline-item.alt .timeline-date
	{
	text-align: right;
}

.timeline-desk {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}

.timeline-desk h4 {
	font-size: 15px;
	font-family: 'samsung';
	margin: 0;
}

.timeline-desk .card {
	background: #ffffff;
	display: block;
	margin-bottom: 5px;
	margin-left: 45px;
	position: relative;
	text-align: left;
}

.timeline-desk h5 span {
	color: #797979;
	display: block;
	font-size: 12px;
	margin-bottom: 4px;
}

.timeline-desk p {
	color: #999999;
	font-size: 14px;
}

.timeline-desk .album {
	margin-top: 12px;
}

.timeline-desk .album a {
	float: left;
	margin-right: 5px;
}

.timeline-desk .album img {
	height: 36px;
	width: auto;
	border-radius: 3px;
}

.timeline-desk .notification {
	background: none repeat scroll 0 0 #ffffff;
	margin-top: 20px;
	padding: 8px;
}

/*
Template Name: Flacto - Bootstrap 4 Responsive Admin Dashboard
Author: CoderThemes
Email: coderthemes@gmail.com
File: Responsive
*/
@media only screen and (max-width: 6000px) and (min-width: 700px) {
	.wrapper.right-bar-enabled .right-bar {
		right: 0;
		z-index: 99;
	}
}

@media ( max-width : 1023px) {
	.button-menu-mobile {
		display: block !important;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	body {
		overflow-x: hidden;
	}
}

@media ( max-width : 767px) {
	body {
		overflow-x: hidden;
	}
	.enlarged .left.side-menu {
		margin-left: -75px;
	}
	.topbar-left {
		width: 70px !important;
	}
	.logo span {
		display: none !important;
	}
	.icon-c-logo {
		display: block !important;
		line-height: 60px;
	}
	.content-page .content {
		margin-top: 54px;
	}
	.navbar-default {
		background-color: #ffffff;
		-webkit-box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0
			rgba(0, 0, 0, 0.02);
		box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0
			rgba(0, 0, 0, 0.02);
	}
	.nav {
		margin: 0px;
	}
	.nav li {
		line-height: 1px;
	}
	.app-search {
		display: none;
	}
	.nav.navbar-right {
		float: right;
	}
	.notification-box {
		display: inline;
	}
	#topnav .navbar-toggle {
		margin-right: 5px;
	}
	.nav .open .dropdown-menu {
		background-color: #ffffff;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		left: auto;
		position: absolute;
		right: 0;
	}
	.nav .open .dropdown-menu li {
		display: block;
	}
	.content-page {
		margin-left: 0px !important;
	}
	.footer {
		left: 0px !important;
	}
	.mobile-sidebar {
		left: 0px;
	}
	.mobile-content {
		left: 250px;
		right: -250px;
	}
	.wrapper-page {
		margin: 0 20px;
	}
	.dataTables_wrapper .col-6 {
		width: 100%;
		text-align: left;
	}
	div#datatable-buttons_info {
		float: none;
	}
}

@media ( max-width : 480px) {
	.side-menu {
		z-index: 10 !important;
	}
	.button-menu-mobile {
		display: block;
	}
	.search-bar {
		display: none !important;
	}
}

@media ( max-width : 420px) {
	.hide-phone {
		display: none !important;
	}
}

/* Container-alt */
@media ( min-width : 768px) {
	.container-alt {
		width: 750px;
	}
	.nav-tabs.nav-justified>li>a {
		border-bottom: 2px solid #e8e8e8;
	}
	.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus,
		.nav-tabs.nav-justified>.active>a:hover {
		border-bottom-color: #f5f5f5;
	}
	.navbar-left {
		float: left !important;
	}
	#full-width-modal.modal {
		padding-right: 0px !important;
	}
}

@media ( min-width : 992px) {
	.container-alt {
		width: 970px;
	}
}

@media ( min-width : 1200px) {
	.container-alt {
		width: 1170px;
	}
}

@media ( max-width : 419px) {
	.topbar-left {
		width: 70px !important;
	}
	.content-page {
		margin-left: 70px;
	}
	.page-title {
		margin-bottom: 10px;
	}
	.ms-container {
		width: 100%;
	}
	.display-xs-none {
		display: none;
	}
	.footer ul li a {
		font-size: 11px;
	}
}

.mid-logo {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 12px;
	width: 160px;
	text-align: center;
}

.user-text {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	margin-top: 20px;
	line-height: 17px;
}

table.ref-datatbale-cont tr th {
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid gainsboro !important;
	border-bottom: 1px solid gainsboro !important;
	background: #f4f4f4;
	color: #333;
	font-weight: 700;
}

table.ref-datatbale-cont tr td {
	vertical-align: middle;
	text-align: center;
}

table.ref-datatbale-cont tr:last-child td {
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid gainsboro !important;
	border-bottom: 1px solid gainsboro !important;
	background: #f4f4f4;
	color: #333;
	font-weight: 700;
}

table.ref-datatbale-cont-scheme tr th {
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid gainsboro !important;
	border-bottom: 1px solid gainsboro !important;
	background: #f4f4f4;
	color: #333;
	font-weight: 700;
}

table.ref-datatbale-cont-scheme tr td {
	vertical-align: middle;
	text-align: center;
}

.vspace {
	display: block;
	height: 20px;
}

.alert-text {
	color: #ff0000;
}

.login-cont {
	margin-bottom: 20px !important;
	border: none !important;
	background-color: transparent !important;
}

.login-bg {
	background: url('/admin/img/login-bg.png') no-repeat bottom center;
	position: fixed;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
}

.login-cont img {
	width: 70px;
	margin-top: 20px;
	position: fixed;
	left: 20px;
	top: 10px;
}

table.last-arrow th:last-child {
	padding-right: 10px !important;
}

.ylow-alert {
	background: #fee504 !important;
}

.gry-alert {
	background: #686868 !important;
}

.blu-alert {
	background: #50a3ff !important;
}

.red-alert {
	background: #ff533b !important;
}

.dropdown-menu {
	min-width: 7rem;
}

.blu-text {
	color: #50a3ff !important;
}

.dropdown-menu>li>a:hover i {
	color: #fff !important;
}

ul.list-group-cont {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.yellow-bg h2, .yellow-bg h5 {
	color: #000 !important;
}

.yellow-bg i {
	color: #000 !important;
}

.dashboard-cont-lead i {
	font-size: 60px;
	float: left;
	margin-left: 30px;
	color: #fff;
	margin-top: 15px;
}

.dashboard-cont-lead h2 {
	font-size: 50px;
}

.yellow-bg {
	background: #ffe502;
	-webkit-box-shadow: 10px 10px 15px -6px rgba(255, 229, 2, 1);
	-moz-box-shadow: 10px 10px 15px -6px rgba(255, 229, 2, 1);
	box-shadow: 10px 10px 15px -6px rgba(255, 229, 2, 1);
	border: none !important;
}

.blue-bg {
	background: #50a3ff;
	-webkit-box-shadow: 10px 10px 15px -6px rgba(80, 163, 255, 1);
	-moz-box-shadow: 10px 10px 15px -6px rgba(80, 163, 255, 1);
	box-shadow: 10px 10px 15px -6px rgba(80, 163, 255, 1);
	border: none !important;
}

.gray-bg {
	background: #676767;
	-webkit-box-shadow: 10px 10px 15px -6px rgba(103, 103, 103, 1);
	-moz-box-shadow: 10px 10px 15px -6px rgba(103, 103, 103, 1);
	box-shadow: 10px 10px 15px -6px rgba(103, 103, 103, 1);
	border: none !important;
}

.blue-bg h2, .blue-bg h5 {
	color: #fff !important;
}

.gray-bg h2, .gray-bg h5 {
	color: #fff !important;
}

.left-none {
	left: 0;
}

.view-icon-size {
	font-size: 16px;
}

list {
	flex: 1 1 50%;
	display: flex;
}

@media ( min-height : 900px) {
	body {
		display: flex;
		align-items: center;
	}
}

@media ( max-width : 500px) {
	.recipe-flex {
		flex-wrap: wrap;
	}
	.plan {
		border-left: 0;
	}
	.stages {
		margin-left: 24px;
	}
}
/* the outer list */
.steps {
	margin: 2em 0 0 20px;
	padding: 0 1em 0 0;
	display: block;
	flex-wrap: wrap;
	list-style-type: none;
	counter-reset: steps;
	/* alternative to built-in list style that we can style */
}
/* the steps (li) */
.steps>li {
	padding: 28px 0 10px 34px;
	flex: 1 1 100%;
	position: relative;
	border-left: 2px solid;
	counter-increment: steps;
}

.steps>li.pending, .steps>li.pending::after {
	border-color: #999;
}

.steps>li.pending::after {
	background-color: #fff;
}

.steps>li.pending li::before, .steps>li.pending a::before {
	background-color: #999;
}

.steps>li.done {
	border-color: #B5D034;
	color: #444;
}

.steps>li.done::after {
	border-color: #B5D034;
	background-color: #B5D034;
	color: white;
}

.steps>li.done li::before, .steps>li.done a::before {
	background-color: #B5D034;
}

.steps>li.current {
	border-color: #5bc0de;
	color: #444;
}

.steps>li.current::after {
	border-color: #5bc0de;
	background-color: #5bc0de;
	color: white;
}

.steps>li.current li::before, .steps>li.current a::before {
	background-color: #5bc0de;
}
/* the smallish description label next to the bubble */
.steps>li::before {
	content: attr(data-description);
	position: absolute;
	top: 3px;
	left: 24px;
	font-style: italic;
	font-weight: bold;
	color: #777;
	font-size: 12px;
}
/* the bubble with the number in it */
.steps>li::after {
	position: absolute;
	top: 0;
	left: -16px;
	border-radius: 20px;
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	font-weight: 400;
	line-height: 26px;
	content: counter(steps);
	border: 2px solid;
}
/* the inner list within a step */
.steps ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 0px;
	padding-top: 3px;
}

.steps ul li, .steps .options a {
	position: relative;
}

.steps ul li::before, .steps .options a::before {
	content: "";
	width: 35px;
	height: 2px;
	display: block;
	position: absolute;
	top: 20px;
	left: -35px;
}

.steps>li .section {
	padding: 30px 0 0 0;
	margin-top: 5px;
	flex: 1 1 100%;
	position: relative;
}

.steps .section::after {
	position: absolute;
	top: 0;
	left: -22px;
	border-radius: 20px;
	width: 16px;
	height: 16px;
	display: block;
	content: " ";
}

.steps>li .section::before {
	content: attr(data-description);
	position: absolute;
	top: 0;
	left: 10px;
	color: #777;
	font-size: 12px;
	background-color: transparent !important;
}

.steps>li .section ul {
	padding-top: 25px;
	margin-left: 0;
}

.steps>li.current .section, .steps>li.current .section::after {
	border-color: #5bc0de;
}

.steps>li.current .section::after {
	background-color: #5bc0de;
}

.steps>li.done .section, .steps>li.done .section::after {
	border-color: #B5D034;
}

.steps>li.done .section::after {
	background-color: #B5D034;
}

.steps>li.pending .section, .steps>li.pending .section::after {
	border-color: #999;
}

.steps>li.pending .section::after {
	background-color: #999;
}

.height-50 {
	height: 50px !important;
}

.list-group {
	margin-bottom: 5px;
	border: 1px solid #efefef;
}

.list-group a {
	color: #333 !important;
}

.hospital-list strong {
	font-size: 14px;
	margin-right: 10px;
}

.progress-bar-custom-alt {
	background-color: #ccc;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	margin: 10px 0;
	font-weight: 700;
}

.barcodeImages {
	width: 500px;
	margin-top: 30px;
}

.manualBagEdit {
	text-align: center;
	border: 1px solid grey;
	background-image: linear-gradient(225deg, #7d7070, #696464 10px, transparent 10px, transparent);
	
}

div#sourceFields {
  display: none;
}

div#fieldChooser {
  width: 350px;
}

.fc-field {
  margin: 0 0 0 0;
  padding: 5px;
  font-size: 1.2em;
  width: 120px;
  outline: #777777 ridge thin;
  background-color: #cccccc;
}

.fc-selected {
  background-color: #999999;
}

.fc-field-list {
  margin: 0;
  padding: 3px 3px 3px 3px;
  margin-right: 10px;
  outline: #333333 solid thin;
  height: 600px;
  width: 150px;
  overflow: scroll;
}

.fc-source-fields {
  float: left;
}

.fc-destination-fields {
  float: right;
}

.displayComponent{
	display:block;
}

.hideComponent{
	display:none;
}