.lock-avatar {
	border-radius: 0px !important;
	margin-top: 21px;
	height: auto;
	width: 120px;
}

body.index-body {background:#fff !important;}

.page-content {background:#f2f4f8 !important; padding:40px 0 5px 0 !important;}

.lock-head {
	color: #fff;
	font-weight: bold;
	background-color: #4243d7;
}
.btn.red:not(.btn-outline) {
	background-color: #ad1a24;
	border-color: #ad1a24;
	color: #fff;/*margin-top:10px;*/
}

.page-footer-custom {
	text-align: center;
	color: #fff;
	background-color: #ad1a24;
	padding: 10px 10px;
}
.page-lock .page-body {
	box-shadow: 0 0 169px 0 #0909b7;
	background-color: #7e9ffe;
}
.lock-bottom {background-color: #4243d7;}
.lock-bottom a {color: #bdbdff;}
.lock-form .form-group .form-control::-moz-placeholder {
	color: #bfbfbf;
	opacity: 1;
}
.lock-bottom a {
	font-size: 14px;
	font-weight: 400;
	color: #1e86c9;
}

.page-lock {

	margin: 25px auto 92px;

	width: 450px;

	height: 566px;

	clear: both;

}

.page-header .page-header-menu {

	background: #ad1a24 !important;

}

.page-header .page-header-menu .hor-menu .navbar-nav>li>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a>i {

	color: #fff;

}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover {

	color: #fff !important;

	background: #9c111a !important;

}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover {

	color: #fff !important;

	background: #9c111a !important;

}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {

	color: #fff !important;

	background: #9c111a !important;

}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu {

	background: #ad1a24 !important;

}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a>i {

	color: #fff !important;

}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a {

	color: #fff !important;

}

.page-header .page-header-top .page-logo img {

	width: 65%;

}

.page-header .page-header-top .page-logo .logo-default {

	margin: 0px;

	position: relative;

	z-index: 10;

	   /*left: 20px;*/

top: 7px;

}

.page-header .page-header-top {

	height: 75px !important;

}

.form-horizontal .control-label {

	text-align: right;

	margin-bottom: 0;

	padding-top: 1px;

}

.today-date {

	margin: 13px 0 0;

	padding: 0;

	float: right;

	display: block;

}

.form-horizontal .form-group {

	margin-left: -15px;

	margin-right: 14px !important;

}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i {

	color: #2d2d2d !important;

}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {

	color: #2d2d2d !important;

}

.page-head .page-title a {

	color: #2d2d2d !important;

}

.page-head .page-title a:hover {

	color: #ad1a24 !important;

}

.lock-form {

	padding-left: 0px !important;

	margin: 0px auto !important;

	text-align: center !important;

}

.lock-body {

	display: block;

	margin: 40px 35px 40px 35px !important;

	overflow: hidden;

	text-align: center;

}

body.index-body {

	background: #fff !important;

}

.lock-bottom {

	background-color: transparent !important;

}

body {

	background-color: #fff !important;

	padding: 0;

	margin: 0;

}

.lock-head {

	color: #fff;

	font-weight: bold;

	background-color: transparent !important;

}

.page-lock .page-body {

	box-shadow: none !important;

	background-color: transparent !important;

}

.lock-avatar {

	border-radius: 0px !important;

	margin-top: 21px;

	height: auto;

	width: 75% !important;

}

.input-icon>i {

	color: #ccc;

	position: absolute;

	margin: 14px 2px 4px 10px !important;

	z-index: 3;

	width: 16px;

	font-size: 20px !important;

	text-align: center;

	left: 0;

}

.page-header .page-header-menu .hor-menu {

    margin: 0;

    float: left;

    margin-left: 200px !important;

}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu {
    background: #0e0e0e !important;
    border: 0;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a>i, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a>i {
    color: #f4f4f5 !important;
}
.clear 	{clear:both; display:block; overflow:hidden; visibility:hidden; width: 0; height:0;}

.pad-5  {padding:5px}  .pad-10 {padding:10px} .pad-15 {padding:15px;} .pad-20 {padding:20px}  
.pad-30 {padding:30px} .pad-40 {padding:40px} .pad-50 {padding:50px}  .pad-75 {padding:75px}
/*margin selectors*/

.login-logo {text-align:center; padding-top:30px; width:100%;}
.login-logo > img {max-width:200px;}
.login-title {text-align:center; font-weight:600; font-size:30px; color:#000; text-transform:uppercase; width:100%;}

.login-wraper {
	width: 100%;  
	min-height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #fff;
}
.login-pic {width:50%; position:relative; min-height:100vh;}
.login-pic::before {
	content:""; display: block; position:fixed; z-index:1; width:50%; height:100%;
	top:0; left:0; bottom:0; background-color:rgba(0,0,0,0.3); background-size:cover;
	background-repeat: no-repeat; background-position:center; right:0;
	background-image:none;
}
.login-form {
	width: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	padding:0;
	position:relative;
	background-color:#FFF;
}

.login-block {width:100%; padding:10px 150px 30px 150px;}
.login-footer {text-align:center; padding:15px 0; font-size:12px; position:fixed; left:50%; right:0; bottom:5px;}
.register-footer {text-align:center; padding:15px 0; font-size:12px; position:relative; width:100%;}

.login-block .form-group .form-control {
	height:50px; color:#697687; font-size:16px; padding-left:20px !important; border-right-width:2px !important;
	padding-right:33px; border-radius:50px !important; border-bottom-width:2px !important; background-color: #f3f3f3 !important;
}
.login-block .input-icon>i {margin:17px 20px 4px 2px !important; left:auto !important; right:0; color:#bbb !important;}
.login-block .btn.red {
    width:100% !important; font-size:16px !important; border-radius:50px !important; padding-top:13px !important; padding-bottom:13px !important;
}
.login-block .login-links {display:inline-block; color:#b90007; font-weight:600;}
.login-block .login-links:hover {color:#000;}

.login-block #msform fieldset {padding-left:0 !important; padding-right:0 !important;}

.card {
	background-color:#ffffff;
	border:#EEE 1px solid;
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-radius:7px !important;
	box-shadow:6px 11px 41px -28px #94929b;
	-webkit-box-shadow:6px 11px 41px -28px #94929b;
	margin-bottom:30px;
}
.card-body {padding:20px;}

.widgets .icon {position:relative; float:left; color:#FFF; border-radius:5px !important; width:60px; height:60px; line-height:60px; font-size:26px; text-align:center;}
.widgets .widget-stats {position:relative; float:right; text-align:right;}
.widgets .widget-stats h4 {font-size:16px; color:#999; margin-top:0;}
.widgets .widget-stats .widget-body-stat {font-size:30px; color:#3e4f5e; font-weight:600}
.widgets .icon.order    {background:linear-gradient(45deg, #3858f9, #8e79fd); box-shadow:0 7px 30px rgba(128, 116, 252, 0.5);}
.widgets .icon.member   {background:linear-gradient(45deg, #f53c5b, #fb768c); box-shadow:0 7px 30px rgba(250, 106, 130, 0.5);}
.widgets .icon.customer {background:linear-gradient(to top, #0ba360 0%, #3cba92 100%); box-shadow:0 7px 30px rgba(11, 163, 96, 0.3);}
.widgets .icon.partner  {background:linear-gradient(45deg, #ff5858 0%, #f09819 100%); box-shadow:0 7px 30px rgba(241, 159, 93, 0.5);}

.portlet {
    background-color:#ffffff;
	border:#EEE 1px solid;
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-radius:7px !important;
	box-shadow:6px 11px 41px -28px #94929b;
	-webkit-box-shadow:6px 11px 41px -28px #94929b;
}
.portlet > .portlet-title {padding:15px 20px 10px;}
.portlet.dark > .portlet-title {border-color:#6b6969;}
.portlet.dark .portlet-body {color:#FFF;}
.portlet.dark .portlet-body .carousel-inner > .item p {line-height:22px; font-weight:300;}
.portlet.dark .portlet-body .carousel-inner .media-heading {font-weight:600; color:#fa6b83;}

#carousel-feedback .item {min-height:400px;}
#carousel-feedback .carousel-control.right, 
#carousel-feedback .carousel-control.left {
	width:25px; height:25px; right:0; top:-60px; background:none; left:auto;
}
#carousel-feedback .carousel-control.left {right:35px;}
#carousel-feedback .carousel-control .glyphicon {font-size:20px !important;}

.table>thead>tr>th {vertical-align:middle !important; border-bottom:#a4a4a4 2px solid;}
table.dataTable thead .sorting:after {bottom:25% !important;}

.scroll-to-top>i {color:#FFF !important;}

@media (max-width: 767px) {
	.login-pic {display:none;}
	.login-form {width:100%;}
	.login-block {padding:10px 15px;}
	.login-footer {position:relative; left:0; right:0; bottom:5px; width:100%;}
}