.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
	background-color: #c1e8d6 !important;
	color: #000 !important;
	font-size: 23px;
}
.callout.callout-success {
	border: 4px solid #5a0073;
}
.color-box {
	display: block;
	padding: 2px 2px;
}
.panel{
	background-color: unset !important;
}
.panel-default > .panel-heading {
	color: #333;
	background-color: #56a6d7;
	border-color: #ddd;
}
.bg-u{
	background-color: unset !important;
}
.mb-2{
	margin-bottom: 2px;
}
hr {
	margin-top: 0;
	margin-bottom: 15px;
	border: 0;
	border-top: 2px solid #cecbcb !important;
}
.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover, .skin-blue .main-header .navbar, .skin-blue .main-header .navbar .sidebar-toggle:hover {
	background-color: #455146 !important;
}
.skin-blue .main-header .navbar .sidebar-toggle {
	color: #040303;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
	background: #110303;
}
.skin-blue .sidebar-menu > li a {
	background: #2A3F54;
	border-left: 0px solid #18008a !important;
	color: #fff !important;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
	background-color: #4f575b;
	/* border-left: 3px solid #18008a !important; */
	color: #fff !important;
}
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
	color: #fff !important;
	background: #6d7377;
}
.content-wrapper, .right-side {
	min-height: 100%;
	background: linear-gradient(-100deg, rgb(8, 44, 62) 30%, rgb(209, 220, 221) 80%) !important;
	z-index: 800;
}
.box {
	position: relative;
	border-radius: 3px;
	background: linear-gradient(10deg, rgb(128, 236, 226) 30%, rgb(21, 157, 174) 80%) !important;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.info-box {
	display: block;
	min-height: 90px;
	background: #7296ac;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 2px;
	margin-bottom: 15px;
	color: #fff;
	font-weight: 1000;
}
.active{
	border-right: 5px solid #1ABB9C;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
	margin: 0;
	background: #2c3b41;
}
.sidebar-menu .treeview-menu li::after {
	border-left: 2px solid #a2b3c4;
	bottom: 0;
	content: "";
	left: 20px;
	position: absolute;
	top: 43px;
}
.sidebar-menu .treeview-menu li::before {
	background: #7f98ae;
	bottom: auto;
	content: "";
	height: 10px;
	left: 16px;
	margin-top: 10px;
	position: absolute;
	right: auto;
	width: 10px;
	z-index: 1;
	border-radius: 50%;
}
.sidebar-menu .treeview-menu > li > a {
	padding: 5px 5px 5px 30px;
	display: block;
	font-size: 14px;
}
.mainpart {
	width: 100%;
	height: auto;
	padding: 10px 10px;
	border: 2px solid #000;
	overflow: hidden;
}
.part {
	width: 50%;
	padding: 6px;
	float: left;
}
.part img{
	width: 100%;
}
.m-1{
	margin: 1px;
}
@media (min-width:768px) {
	.modal-custom {
		width:200px;
		margin:80px auto
	}
}
.panel-heading {
	padding: 2px 5px;
}
.panel-title {
	padding: 0px 10px;
}
.timepicker-text-container {
	font-size:4rem;
	font-weight:bold;
	text-align:center;
	color:rgba(255,255,255,0.6);
	font-weight:400;
	position:relative;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.timepicker-span-hours,
.timepicker-span-minutes,
.timepicker-span-am-pm div {
	cursor:pointer
}
.timepicker-span-hours {
	margin-right:3px
}
.timepicker-span-minutes {
	margin-left:3px
}
.timepicker-display-am-pm {
	font-size:1.3rem;
	position:absolute;
	right:1rem;
	bottom:1rem;
	font-weight:400
}
.timepicker-analog-display {
	-webkit-box-flex:2.5;
	-webkit-flex:2.5 auto;
	-ms-flex:2.5 auto;
	flex:2.5 auto
}
.timepicker-plate {
	background-color:#eee;
	border-radius:50%;
	width:270px;
	height:270px;
	overflow:visible;
	position:relative;
	margin:auto;
	margin-top:25px;
	margin-bottom:5px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.timepicker-canvas,
.timepicker-dial {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}
.timepicker-minutes {
	visibility:hidden
}
.timepicker-tick {
	border-radius:50%;
	color:rgba(0,0,0,0.87);
	line-height:40px;
	text-align:center;
	width:40px;
	height:40px;
	position:absolute;
	cursor:pointer;
	font-size:15px
}
.timepicker-tick.active,
.timepicker-tick:hover {
	background-color:rgba(38,166,154,0.25)
}
.timepicker-dial {
	-webkit-transition:opacity 350ms, -webkit-transform 350ms;
	transition:opacity 350ms, -webkit-transform 350ms;
	transition:transform 350ms, opacity 350ms;
	transition:transform 350ms, opacity 350ms, -webkit-transform 350ms
}
.timepicker-dial-out {
	opacity:0
}
.timepicker-dial-out.timepicker-hours {
	-webkit-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1)
}
.timepicker-dial-out.timepicker-minutes {
	-webkit-transform:scale(0.8, 0.8);
	transform:scale(0.8, 0.8)
}
.timepicker-canvas {
	-webkit-transition:opacity 175ms;
	transition:opacity 175ms
}
.timepicker-canvas line {
	stroke:#26a69a;
	stroke-width:4;
	stroke-linecap:round
}
.timepicker-canvas-out {
	opacity:0.25
}
.timepicker-canvas-bearing {
	stroke:none;
	fill:#26a69a
}
.timepicker-canvas-bg {
	stroke:none;
	fill:#26a69a
}
.timepicker-footer {
	margin:0 auto;
	padding:5px 1rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.timepicker-clear {
	color:#F44336
}
.timepicker-close {
	color:#26a69a
}
.timepicker-clear,
.timepicker-close {
	padding:0 20px
}
@media only screen and (min-width: 601px) {
	.timepicker-modal {
		max-width:600px
	}
	.timepicker-container.modal-content {
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-webkit-flex-direction:row;
		-ms-flex-direction:row;
		flex-direction:row
	}
	.timepicker-text-container {
		top:32%
	}
	.timepicker-display-am-pm {
		position:relative;
		right:auto;
		bottom:auto;
		text-align:center;
		margin-top:1.2rem
	}
}
.timepicker-digital-display {
	-webkit-box-flex: 1;
	-webkit-flex: 1 auto;
	-ms-flex: 1 auto;
	flex: 1 auto;
	background-color: #26a69a;
	padding: 10px;
	font-weight: 300;
}
.modal {
	margin: auto;
}
@media (max-width:768px) {
	.col-6 {
		width: 50%;
		float: left;
	}
}
.bg1{
	color: #ee6256 !important;
	background: #333;
}
.bg2{
	color: # !important;
	background: #f39c12;
}
.bg3{
	color: # !important;
	background: #dd4b39;
}
.borderseparateodd {
	border: 1px solid #b71111;
}
.borderseparateeven {
	border: 1px solid burlywood;
}

@-webkit-keyframes loader {
	from {opacity: .3;}
	50%  {opacity: .7 !important;} /* ignored */
	to   {opacity: 1;}
}
@keyframes loader {
	from {opacity: .3;}
	50%  {opacity: .7 !important;} /* ignored */
	to   {opacity: 1;}
}
@-webkit-keyframes loader1 {
	from {opacity: .3;}
	50%  {opacity: .7 !important;} /* ignored */
	to   {opacity: 1;}
}
@keyframes loader1 {
	from {opacity: .3;}
	50%  {opacity: .7 !important;} /* ignored */
	to   {opacity: 1;}
}
.loader {
	-webkit-animation-name: loader;
	animation-name: loader;
	animation-duration: .5s;
}
.loader1 {
	-webkit-animation-name: loader1;
	animation-name: loader1;
	animation-duration: .5s;
}
@media (max-width: 767px) {
	.fixed .content-wrapper, .fixed .right-side {
		padding-top: 50px;
	}
	.main-header .logo {
		float: left;
		width: 70px;
		padding: 5px 5px;
	}
	.main-header .logo img {
		float: left;
		width: 100% !important;
		padding: 5px 0px !important;
	}
	.main-sidebar, .left-side {
		padding-top: 60px;
	}
}
@media (max-width: 650px){
	.content-header {
		position: relative;
		padding: 2px 2px;
		margin-top: 10px;
	}
}
.modal {
	z-index: 9999;
}
label {
	border: unset !important;
}