@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "Roboto";
	src: local(Roboto Thin), url("../fonts/roboto/Roboto-Thin.eot");
	src: url("../fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/roboto/Roboto-Thin.woff") format("woff"), url("../fonts/roboto/Roboto-Thin.ttf") format("truetype");
	font-weight: 200;
}
@font-face {
	font-family: "Roboto";
	src: local(Roboto Light), url("../fonts/roboto/Roboto-Light.eot");
	src: url("../fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/roboto/Roboto-Light.woff") format("woff"), url("../fonts/roboto/Roboto-Light.ttf") format("truetype");
	font-weight: 300;
}
@font-face {
	font-family: "Roboto";
	src: local(Roboto Regular), url("../fonts/roboto/Roboto-Regular.eot");
	src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");
	font-weight: 400;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts/roboto/Roboto-Medium.eot");
	src: url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/roboto/Roboto-Medium.woff") format("woff"), url("../fonts/roboto/Roboto-Medium.ttf") format("truetype");
	font-weight: 500;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts/roboto/Roboto-Bold.eot");
	src: url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");
	font-weight: 700;
}
body {
	background-color: #ECF0F1;
	line-height: 1.5;
	font-family: "Roboto", sans-serif;
	font-weight: normal;
	color: rgba(0, 0, 0, 0.87);
	font-size: 15px;
}
a:hover, a:focus{
	text-decoration:none;
	outline:none;
}

.m-0 {
    margin: 0 !important;
}
.m-t-0 {
    margin-top: 0 !important;
}
.m-b-0 {
    margin-bottom: 0 !important;
}
.m-l-0 {
    margin-left: 0 !important;
}
.m-r-0 {
    margin-right: 0 !important;
}
.m-5 {
    margin: 5px !important;
}
.m-t-5 {
    margin-top: 5px !important;
}
.m-b-5 {
    margin-bottom: 5px !important;
}
.m-l-5 {
    margin-left: 5px !important;
}
.m-r-5 {
    margin-right: 5px !important;
}
.m-10 {
    margin: 10px !important;
}
.m-t-10 {
    margin-top: 10px !important;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.m-l-10 {
    margin-left: 10px !important;
}
.m-r-10 {
    margin-right: 10px !important;
}
.m-15 {
    margin: 15px !important;
}
.m-t-15 {
    margin-top: 15px !important;
}
.m-b-15 {
    margin-bottom: 15px !important;
}
.m-l-15 {
    margin-left: 15px !important;
}
.m-r-15 {
    margin-right: 15px !important;
}
.m-20 {
    margin: 20px !important;
}
.m-t-20 {
    margin-top: 20px !important;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.m-l-20 {
    margin-left: 20px !important;
}
.m-r-20 {
    margin-right: 20px !important;
}
.m-25 {
    margin: 25px !important;
}
.m-t-25 {
    margin-top: 25px !important;
}
.m-b-25 {
    margin-bottom: 25px !important;
}
.m-l-25 {
    margin-left: 25px !important;
}
.m-r-25 {
    margin-right: 25px !important;
}
.m-30 {
    margin: 30px !important;
}
.m-t-30 {
    margin-top: 30px !important;
}
.m-b-30 {
    margin-bottom: 30px !important;
}
.m-l-30 {
    margin-left: 30px !important;
}
.m-r-30 {
    margin-right: 30px !important;
}
.p-0 {
    padding: 0 !important;
}
.p-t-0 {
    padding-top: 0 !important;
}
.p-b-0 {
    padding-bottom: 0 !important;
}
.p-l-0 {
    padding-left: 0 !important;
}
.p-r-0 {
    padding-right: 0 !important;
}
.p-5 {
    padding: 5px !important;
}
.p-t-5 {
    padding-top: 5px !important;
}
.p-b-5 {
    padding-bottom: 5px !important;
}
.p-l-5 {
    padding-left: 5px !important;
}
.p-r-5 {
    padding-right: 5px !important;
}
.p-10 {
    padding: 10px !important;
}
.p-t-10 {
    padding-top: 10px !important;
}
.p-b-10 {
    padding-bottom: 10px !important;
}
.p-l-10 {
    padding-left: 10px !important;
}
.p-r-10 {
    padding-right: 10px !important;
}
.p-15 {
    padding: 15px !important;
}
.p-t-15 {
    padding-top: 15px !important;
}
.p-b-15 {
    padding-bottom: 15px !important;
}
.p-l-15 {
    padding-left: 15px !important;
}
.p-r-15 {
    padding-right: 15px !important;
}
.p-20 {
    padding: 20px !important;
}
.p-t-20 {
    padding-top: 20px !important;
}
.p-b-20 {
    padding-bottom: 20px !important;
}
.p-l-20 {
    padding-left: 20px !important;
}
.p-r-20 {
    padding-right: 20px !important;
}
.p-25 {
    padding: 25px !important;
}
.p-t-25 {
    padding-top: 25px !important;
}
.p-b-25 {
    padding-bottom: 25px !important;
}
.p-l-25 {
    padding-left: 25px !important;
}
.p-r-25 {
    padding-right: 25px !important;
}
.p-30 {
    padding: 30px !important;
}
.p-t-30 {
    padding-top: 30px !important;
}
.p-b-30 {
    padding-bottom: 30px !important;
}
.p-l-30 {
    padding-left: 30px !important;
}
.p-r-30 {
    padding-right: 30px !important;
}
.f-8 {
    font-size: 8px !important;
}
.f-9 {
    font-size: 9px !important;
}
.f-10 {
    font-size: 10px !important;
}
.f-11 {
    font-size: 11px !important;
}
.f-12 {
    font-size: 12px !important;
}
.f-13 {
    font-size: 13px !important;
}
.f-14 {
    font-size: 14px !important;
}
.f-15 {
    font-size: 15px !important;
}
.f-16 {
    font-size: 16px !important;
}
.f-17 {
    font-size: 17px !important;
}
.f-18 {
    font-size: 18px !important;
}
.f-19 {
    font-size: 19px !important;
}
.f-20 {
    font-size: 20px !important;
}
.f-300 {
    font-weight: 300 !important;
}
.f-400 {
    font-weight: 400 !important;
}
.f-500 {
    font-weight: 500 !important;
}
.f-700 {
    font-weight: 700 !important;
}

.loading {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.thecube {
	width: 45px;
	height: 45px;
	margin: 0 auto;
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.thecube .cube {
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.thecube .cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.thecube .cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #26a69a;
	-webkit-animation: foldthecube 2.4s infinite linear both;
	animation: foldthecube 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.thecube .c2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg);
}
.thecube .c3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg);
}
.thecube .c4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg);
}
.thecube .c2:before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.thecube .c3:before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.thecube .c4:before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
@-webkit-keyframes foldthecube {
 0%, 10% {
 -webkit-transform: perspective(140px) rotateX(-180deg);
 transform: perspective(140px) rotateX(-180deg);
 opacity: 0;
}
 25%,  75% {
 -webkit-transform: perspective(140px) rotateX(0deg);
 transform: perspective(140px) rotateX(0deg);
 opacity: 1;
}
 90%,  100% {
 -webkit-transform: perspective(140px) rotateY(180deg);
 transform: perspective(140px) rotateY(180deg);
 opacity: 0;
}
}
@keyframes foldthecube {
 0%, 10% {
 -webkit-transform: perspective(140px) rotateX(-180deg);
 transform: perspective(140px) rotateX(-180deg);
 opacity: 0;
}
 25%,  75% {
 -webkit-transform: perspective(140px) rotateX(0deg);
 transform: perspective(140px) rotateX(0deg);
 opacity: 1;
}
 90%,  100% {
 -webkit-transform: perspective(140px) rotateY(180deg);
 transform: perspective(140px) rotateY(180deg);
 opacity: 0;
}
}
.btn{
	height:36px;
	line-height:36px;
	padding:0 25px;
	border-radius:2px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
/* #### Login Page #### */
/*.login-bg1{
	background-image:  url(../images/bg-old.jpg);
	background-size:cover;
	position:relative;
}
.login-bg1:before {
	background-color:rgba(0, 0, 0, 0.002);
	content:"";
	height:100%;
	width:100%;
	position: absolute;
	top:0;
	left:0;
}
.login-bg {
    background-color: #f1f1f1;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}
.login-box {
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius:2px;
	margin-top:15%;
	padding:15px;
}
.login-box input[type="text"], .login-box input[type="password"] {
    border-radius: 0;
    border-width: 0 0 2px;
    padding-left: 35px;
}
.login-box .form-group span {
    bottom: 12px;
    color: #999;
    left: 8px;
    position: absolute;
}
.login-box .form-group{
	position:relative;
}
.login-check{
	margin-top:25px;
}
.login-box input[type=text]:focus, .login-box input[type=password]:focus{
	box-shadow:none;
}
.login-head {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 25px;
    padding-bottom: 10px;
}
.login-head h1 {
    color: #26a69a;
    font-weight: bold;
    margin: 0;
    padding: 15px 0 2px;
}
.login-head span {
    color: #999;
}
.btn-login input.log-in{
	border:none;
	width:100%;
}
.btn-login > a, .btn-login input.log-in, .st-btn {
    background-color: #26a69a;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    display: block;
    font-size: 17px;
    height: 36px;
    line-height: 36px;
    margin: 15px 0 20px;
    text-align: center;
	transition:all 0.3s ease-in-out 0s;
}
.btn-login > a:hover{
	box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}*/

/* #### End Login Page #### */

/* #### Admin Page #### */
.badge.bg-primary {
    background: #8075c4 none repeat scroll 0 0;
}
.badge.bg-success {
    background: #a9d86e none repeat scroll 0 0;
}
.badge.bg-warning {
    background: #fcb322 none repeat scroll 0 0;
}
.badge.bg-important {
    background: #ff6c60 none repeat scroll 0 0;
}
.badge.bg-info {
    background: #41cac0 none repeat scroll 0 0;
}
.badge.bg-inverse {
    background: #2a3542 none repeat scroll 0 0;
}
ul.top-menu > li{
	padding-top:9px;
}
ul.top-menu > li > a {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #666666;
    font-size: 16px;
    margin-right: 10px;
	padding:4px 8px ;
	position:relative;
}
.mCSB_inside > .mCSB_container{
	margin-right:0 !important;
}
.mCSB_container, .mCustomScrollBox{
	overflow:inherit !important;
}
.admin-login{
	margin-left:20px;
}
.admin-login .dropdown-menu{
	padding:0;
	border:0;
}
.admin-login .dropdown-menu li a span{
	padding-right:10px;
}
.admin-login .dropdown-menu li:hover a{
	background-color:#26a69a;
	color:#fff;
}
.admin-login .dropdown-menu li a{
	padding:10px;
	transition:all 0.3s ease 0s;
}
.top-menu .badge {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 100;
}
.left-menu {
	background-color:#32323a;
    width: 240px;
	position:fixed;
	left:0;
	top:59px;
	height:100%;
}
.left-menu-list > li {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.left-menu-list li a {
	color:#aeb2b7;
    display: block;
    font-size: 15px;
    padding: 18px 0 18px 25px;
    transition: all 0.3s ease 0s;
}
.left-menu-list li a span:first-child {
	font-size:15px;
	padding-right:6px;
}
.left-menu-list li:hover a, .left-menu-list li.active a  {
	background-color:#28282e;
	color:#26a69a;;
}
.admin-container {
    margin-left: 240px;
    transition: all 0.3s ease 0s;
}
.nav-dash {
    margin-left: 15px;
    margin-right: 15px;
}
.admin-container h1{
	font-size:24px;
	font-weight:400;
	margin-left:15px;
	margin-top:5px;
}
.admin-head .nav-top {
    height: 60px;
    left: 0;
    margin-bottom: 0;
    position: fixed;
    right: 0;
    z-index: 10;
}
.sidebar-toggle {
    margin-top: 9px;
}
.admin-logo {
    color: #26a69a !important;
    display: block;
    font-size: 35px;
    font-weight: bold;
    padding: 14px 10px;
    margin-left:0 !important;
}
.left-menu-icon{
	color: #999;
    cursor: pointer;
    float: left;
    font-size: 24px;
    margin-right: 10px;
    padding-top: 7px;
}
.dash-box {
    background-color: #26a69a;
    border-radius: 2px;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
    height: 150px;
	overflow:hidden;
	margin-bottom:20px;
}
.dash-title {
    background-color: #eee;
    border-bottom: 2px solid #f9f9f9;
    color: #000;
    font-size: 17px;
    line-height: 45px;
    opacity: 0.75;
    padding: 0 10px;
}
.dash-value {
    color: #fff;
    font-size: 35px;
	font-weight:400;
    position: absolute;
    right: 25px;
    top: 68px;
}
.dash-box span {
    color: #f9f9f9;
    font-size: 35px;
    padding-left: 20px;
    padding-top: 30px;
	transition:all 0.3s ease 0s;
}
.dash-box:hover{
	opacity:0.8;
}
.dash-box:hover span {
	font-size:70px;
	transform:rotate(20deg);
	opacity:0.2;
}
.dash-box a {
    display: block;
    height: 150px;
    position: relative;
}
/* #### End Admin page #### */

/* login page */
.login-content::before {
	background: #26a69a none repeat scroll 0 0;
	content: "";
	height: 50%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.login-content {
	background: rgba(0, 0, 0, 0) url("../images/bg-old.jpg") repeat fixed 0 0 / cover;
	text-align: center;
	height: 100%;
	overflow: hidden;
}
.login-details{
	display:table;
	position:absolute;
	height:100%;
	width:100%;
}
.login-box-info{
	display:table-cell;
	vertical-align:middle;
}
.login-box {
	background: #fff;
	box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
	border-radius: 2px;
	width: 380px;
	display: inline-block;
	position: relative;
	padding: 35px 25px;
}
.login-head h1 {
    color: #26a69a;
    font-weight: bold;
    margin: 0;
    padding: 0px 0 2px;
}
.login-head{
	margin-bottom:25px;
}
.login-box  .form-control{
    -moz-appearance: none;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    padding: 0;
	border-radius:0;
}
.login-box .form-control:active, .login-box .form-control:focus {
    box-shadow: none;
	border-bottom-width:2px;
	border-color:#26A69A;
}
.cust-btn {
    border: medium none;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    padding: 8px 15px;
}
.cust-btn:focus{
	border:none;
	outline:none;
}
.bg-teal{
	background-color:#26A69A;
}
.text-white{
	color:#fff;
}
.font-17{
	font-size:17px;
}
.pull-width{
	width:100%;
}
.text-desiable{
	color:#999;
}
.head-title {
    background-color:#fff !important;
   width:100%;
    margin-bottom: 30px;
    padding: 15px;
}
@media (max-width: 767px) {
.login-box {
	width: calc(100% - 60px);
}
}
/* #### 404 Error Page ####  */
.error-404::before {
	background: #EDECEC none repeat scroll 0 0;
	content: "";
	height: 50%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.error-404::after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 1px;
}
.error-404 {
	background: rgba(0, 0, 0, 0) url("images/bg-old.jpg") repeat fixed 0 0 / cover;
	text-align: center;
	height: 100%;
	overflow: hidden;
}
.error-404-text{
	color:#ccc;
	font-size:80px;
}
.error-404-num{
	color: #999;
    font-size: 120px;
	font-weight:bold;
	line-height:137px;
    text-shadow: 2px 1px 0 #ccc, 4px 2px 0 #ddd, 6px 3px 0 #888;
}
.error-404-box {
	background: #fff;
	box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
	border-radius: 2px;
	width: 500px;
	display: inline-block;
	margin-top: 42px;
	vertical-align: middle;
	position: relative;
	padding:10px 25px 35px;
}
.error-404-box p{
	font-size:25px;
	text-transform:uppercase;
	color:#999;
}
.error-404-box p:nth-child(3){
	margin-bottom:30px;
}
.error-404-box a{
	display:inline-block;
}
.error-404-box a:hover, .error-404-box a:focus{
	color:#fff;
}
@media (max-width: 767px) {
.error-404-box {
	width: calc(100% - 60px);
}
}
/* #### End 404 Error Page #### */

/*  #### Left Menu #### */
/* Top Navigation */
.top-navbar {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); /* Lighter shadow */
    border-radius: 0;
    margin-bottom: 0;
    position: fixed;
    top: 0;
    width: 100%;
    min-height: 60px;
    z-index: 999;
    border: none; /* Remove border */
    background-color: #ffffff; /* White background */
    color: #212529; /* Dark text */
    font-size: 16px; /* Adjusted font size */
    font-family: Arial, sans-serif; /* Font family */
}

.sidebar-toggle {
    color: #ffffff; /* White color for sidebar toggle */
    font-size: 22px;
    cursor: pointer;
}

/* Sidebar Navigation */
#left-nav {
    background: #212529; /* Dark Gray for sidebar */
    height: 100%;
    position: fixed;
    padding-top: 60px;
    transition: all 0.3s ease-in-out 0s;
    width: 240px;
    z-index: 5;
    border: none; /* Remove border */
    color: #ffffff; /* White text */
}

.left-nav-hide ul.sidebar-menu li a {
    padding-left: 10px !important;
}

#sidebar ul li {
    position: relative;
}

.leftside-navigation,
.right-stat-bar {
    height: 100%;
}

.right-stat-bar ul {
    list-style-type: none;
    padding-left: 0;
}

.dcjq-parent-li .dcjq-icon {
	background: rgba(0, 0, 0, 0) url("../images/nav-expand.png") no-repeat scroll center top;
	border-radius: 3px;
	display: inline-block;
	height: 17px;
	position: absolute;
	right: 10px;
	width: 17px;
}
.dcjq-parent-li a.active .dcjq-icon {
	background: rgba(0, 0, 0, 0) url("../images/nav-expand.png") no-repeat scroll center bottom;
	border-radius: 3px;
}
.nav-collapse.collapse {
	display: inline;
}
ul.sidebar-menu, ul.sidebar-menu li ul.sub {
	margin: -2px 0 0;
	padding: 0;
}
#sidebar > ul > li > ul.sub {
	display: none;
}
#sidebar .sub-menu > .sub li a {
	padding-left: 46px;
}
#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
	display: block;
}
ul.sidebar-menu li ul.sub li {
	background: #28282e none repeat scroll 0 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
ul.sidebar-menu li ul.sub li a {
	color: #aeb2b7;
	font-size: 15px;
	padding-bottom: 13px;
	padding-top: 13px;
	padding-left:48px;
	transition: all 0.3s ease 0s;
}
ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
	background: #202025 none repeat scroll 0 0;
	color: #FFA500;
	display: block;
	transition: all 0.3s ease 0s;
}
ul.sidebar-menu li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
ul.sidebar-menu li.sub-menu {
	line-height: 15px;
}
ul.sidebar-menu ul.sub li {
	border-bottom: medium none;
}
ul.sidebar-menu li a span {
	display: inline-block;
	padding-left:5px;
}
ul.sidebar-menu li a {
	color: #aeb2b7;
	display: block;
	font-size: 15px;
	outline: medium none;
	padding:10px 0 5px 5px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
ul.sidebar-menu li a img{
	width:35px;
}
ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
	background: #28282e none repeat scroll 0 0;
	color: #FFA500;
	display: block;
	transition: all 0.3s ease 0s;
}
ul.sidebar-menu li a i {
	font-size: 15px;
	padding-right: 6px;
}
ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
	color: #FFA500;
}
ul.sidebar-menu li a.active i {
	color: #FFA500;
}
.left-nav-hide li.dcjq-parent-li{
	position:relative;
}
.left-nav-hide li.dcjq-parent-li ul li a span{
	display:block !important;
}
.left-nav-hide li.dcjq-parent-li ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
@media(min-width:1185px){
.left-nav-hide ul.sidebar-menu li a span{
	display:none;
}	
}

.left-nav-hide li.dcjq-parent-li .dcjq-icon{
	right:4px;
}
.left-nav-hide li.dcjq-parent-li a.active .dcjq-icon{
	background: rgba(0, 0, 0, 0) url("../images/nav-expand.png") no-repeat scroll center top;	
}
.dcjq-parent-li.active .sub {
    display: block !important;
}
.dcjq-parent-li.active .dcjq-parent{
	background-color:#28282e;
	color:#FFA500 !important;
}
@media(max-width:1199px){
#left-nav{
	display:none;
}
.left-nav-hide{
	display:block !important;
	transition: all 0.3s ease-in-out 0s;
}
}
@media (min-width:1200px){
#main-content {
	margin-left: 240px;
	transition: all 0.3s ease-in-out 0s;
	
}
.top-navbar{
	 height:60px;
}
.left-nav-hide{
	width:60px !important;
	transition:all 0.3s ease-in-out 0s;
}
.left-nav-hide ul li a i + span {
    display: none !important;
}
.left-nav-hide ul li a i{
	font-size:18px !important;
	transition:all 0.5s ease-in-out 0s;
}
.mrg-left{
	margin-left:60px !important;
}
.left-nav-hide li.dcjq-parent-li ul {
    left: 60px;
    list-style: outside none none;
    position: absolute;
    top: 0;
    width: 170px;
}
}
/* #### End Left Menu #### */
#main-content {
    padding-top: 60px;
}
#main-content-calendar {
    padding-top: 0px;
}
.wrapper {
	display: inline-block;
	padding:0 15px 15px;
	width: 100%;
	margin-bottom: 0px;
	
}
.content-head{
	padding:15px;
}
.content-head .breadcrumb{
	margin:1000;
	padding:5px 0;
}
#main-content h1{
	font-size: 25px;
    font-weight: 400;
    margin-top: 0px;
    
}
.dash-title {
    background-color: #eee;
    border-bottom: 2px solid #f9f9f9;
    color: #000;
    font-size: 17px;
    line-height: 45px;
    opacity: 0.75;
    padding: 0 10px;
}
.dash-value {
    color: #fff;
    font-size: 35px;
    font-weight: 400;
    position: absolute;
    right: 25px;
    top: 68px;
}
.dash-box span {
    color: #f9f9f9;
    font-size: 35px;
    padding-left: 20px;
    padding-top: 30px;
    transition: all 0.3s ease 0s;
}
.dash-box:hover {
    opacity: 0.8;
}
.dash-box:hover span {
    font-size: 70px;
    opacity: 0.2;
    transform: rotate(20deg);
}
.dash-box a {
    display: block;
    height: 150px;
    position: relative;
}
.card {
    background: #fff ;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
    position: relative;
}
.bill-address, .spp-address{
}
.address-details{
	padding:15px;
	font-size:14px;
}
.order-items table{
	margin-bottom:0;
}
.bill-address h3, .spp-address h3{
	background-color:#f1f1f1;
	font-size:20px;
	margin:0;
	padding:15px;
	border-bottom:1px solid #ddd;
}
#footer {
   /*  background-color: #fff;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
    color: #3d3d3d;
    min-height: 50px;
    line-height: 50px;
	font-size:14px; */
	
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    color: #3d3d3d;
    min-height: 40px;
    line-height: 40px;
    font-size: 14px;
    position: fixed;
}
#partsControlThead, #dynamicTables{
	max-height:60vh;
	overflow-y:auto;
}
.tb_head_scroll table thead td{
	background:#fff;
	position:sticky;
	top:0;
	box-shadow:0 2px 2px -1px rgba(0, 0, 0, 0.4);
	
}
/*Header Search*/
.header-search input{
	height: 35px;
    border-radius: 25px 0 0 25px;
}
.header-search input:focus, .header-search input:hover, .header-search button:hover, .header-search button:focus{
	box-shadow:none !important; 
	outline:none !important; 
}
.header-search button:hover, .header-search button:focus{
	color: #fff  !important;
}
.header-search button{
	background-color: #26a69a !important;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0 25px 25px 0 !important;
    margin-left: -5px;
    height: 35px;
    box-shadow:none !important; 
}
.multi-select .select2{
	width:100% !important;
}