/*fonts in site*/
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

 /*=======================custom editing in bootstrap======================*/

body {
     overflow-x: hidden;
     font-family: "Open Sans",Arial, sans-serif;
     color:#111111;
}

 .form-control-feedback {
     font-size: 20px;
     right: 15px;
     top: 7px;
}
 .text-muted {
     color: #8c8b8b;
}
 .text-white {
     color: #ffffff;
}
 .text-danger {
     color:#d82113;
}
h5 {
    color: white;
}
.fa {
	vertical-align: middle;
}
 p {
     font-size: 14px;
     line-height: 1.75;
}
 p.large {
     font-size: 24px;
     margin:10px 0;
}
 a, a:hover, a:focus, a:active, a.active {
     outline: 0;
}
 a {
     color: #fff;
}
 a:hover, a:focus, a:active, a.active {
     color: #666666;
}

.no-focus *:focus {
	outline: 0 !important
}

a {
	-webkit-transition: color .12s ease-out;
	transition: color .12s ease-out
}

a.link-effect {
	position: relative
}

a.link-effect:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	content: "";
	background-color: #3169b1;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform .12s ease-out;
	transition: transform .12s ease-out
}

a.link-effect-opacity {
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out
}

a:hover,
a:focus {
	color: #3169b1;
	text-decoration: none
}

a:hover.link-effect:before,
a:focus.link-effect:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

a:hover.link-effect-opacity,
a:focus.link-effect-opacity {
	opacity: .5
}

a:active {
	color: #ffc539
}

a.inactive {
	cursor: not-allowed
}

a.inactive:focus {
	background-color: transparent !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin: 0;
	font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1.2;
	color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
	font-weight: 600;
	font-size: 85%;
	color: #777
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: inherit
}

h1,
.h1 {
	font-size: 36px
}

h2,
.h2 {
	font-size: 30px
}

h3,
.h3 {
	font-size: 24px
}

h4,
.h4 {
	font-size: 20px
}

h5,
.h5 {
	font-size: 16px
}

h6,
.h6 {
	font-size: 14px
}

.page-heading {
	color: #545454;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.24
}

.page-heading small {
	margin-top: 5px;
	display: block;
	color: #777;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4
}
 .img-centered {
     margin: 0 auto;
}

.content-heading {
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 15px;
	color: #8c8c8c;
	text-transform: uppercase
}

.content-heading small {
	font-size: 13px;
	font-weight: normal;
	color: #999999;
	text-transform: none
}

@media screen and (min-width:768px) {
	.content-heading {
		margin-top: 25px
	}
}
/*==========================================================================* /
/* COMMON STYLING OF OTHER PAGES * /
/*===========================================================================*/

/*======================BACKGROUNDS ===========================*/
 .bg {
     padding:15px;
     margin:10px 0;
}
 .white-bg {
     background-color:#fff;
}
.bg-muted {
	background-color: #999999
}

a.bg-muted:hover,
a.bg-muted:focus {
	background-color: #808080
}

.bg-primary {
	background-color: #ffc539
}

a.bg-primary:hover,
a.bg-primary:focus {
	background-color: #3675c5
}

.bg-primary-op {
	background-color: rgba(92, 144, 210, 0.75)
}

a.bg-primary-op:hover,
a.bg-primary-op:focus {
	background-color: rgba(54, 117, 197, 0.75)
}

.bg-primary-dark {
	background-color: #d89b00
}

a.bg-primary-dark:hover,
a.bg-primary-dark:focus {
	background-color: #29313b
}

.bg-primary-dark-op {
	background-color: rgba(62, 74, 89, 0.83)
}

a.bg-primary-dark-op:hover,
a.bg-primary-dark-op:focus {
	background-color: rgba(41, 49, 59, 0.83)
}

.bg-primary-darker {
	background-color: #9f7c02
}

a.bg-primary-darker:hover,
a.bg-primary-darker:focus {
	background-color: #171b21
}

.bg-primary-light {
	background-color: #fcce60
}

a.bg-primary-light:hover,
a.bg-primary-light:focus {
	background-color: #709ed8
}

.bg-primary-lighter {
	background-color: #ffe8b2
}

a.bg-primary-lighter:hover,
a.bg-primary-lighter:focus {
	background-color: #a4c1e6
}

.bg-body {
	background-color: #f5f5f5
}

.bg-success {
	background-color: #46c37b
}

a.bg-success:hover,
a.bg-success:focus {
	background-color: #34a263
}

.bg-warning {
	background-color: #f3b760
}

a.bg-warning:hover,
a.bg-warning:focus {
	background-color: #efa231
}

.bg-info {
	background-color: #70b9eb
}

a.bg-info:hover,
a.bg-info:focus {
	background-color: #43a3e5
}

.bg-danger {
	background-color: #d26a5c
}

a.bg-danger:hover,
a.bg-danger:focus {
	background-color: #c54736
}

.bg-success-light {
	background-color: #e0f5e9
}

a.bg-success-light:hover,
a.bg-success-light:focus {
	background-color: #b9e9ce
}

.bg-warning-light {
	background-color: #fdf3e5
}

a.bg-warning-light:hover,
a.bg-warning-light:focus {
	background-color: #f9ddb6
}

.bg-info-light {
	background-color: #edf6fd
}

a.bg-info-light:hover,
a.bg-info-light:focus {
	background-color: #bfdff8
}

.bg-danger-light {
	background-color: #f9eae8
}

a.bg-danger-light:hover,
a.bg-danger-light:focus {
	background-color: #eec5c0
}

.bg-white {
	background-color: #fff
}

a.bg-white:hover,
a.bg-white:focus {
	background-color: #e6e6e6
}

.bg-white-op {
	background-color: rgba(255, 255, 255, 0.075)
}

.bg-crystal-op {
	background-color: rgba(255, 255, 255, 0.15)
}

.bg-black {
	background-color: #000
}

a.bg-black:hover,
a.bg-black:focus {
	background-color: #000
}

.bg-black-op {
	background-color: rgba(0, 0, 0, 0.4)
}

.bg-gray {
	background-color: #c9c9c9
}

a.bg-gray:hover,
a.bg-gray:focus {
	background-color: #b0b0b0
}

.bg-gray-dark {
	background-color: #999999
}

a.bg-gray-dark:hover,
a.bg-gray-dark:focus {
	background-color: #808080
}

.bg-gray-darker {
	background-color: #393939
}

a.bg-gray-darker:hover,
a.bg-gray-darker:focus {
	background-color: #202020
}

.bg-gray-light {
	background-color: #f3f3f3
}

a.bg-gray-light:hover,
a.bg-gray-light:focus {
	background-color: #dadada
}

.bg-gray-lighter {
	background-color: #f9f9f9
}

a.bg-gray-lighter:hover,
a.bg-gray-lighter:focus {
	background-color: #e0e0e0
}

.bg-image {
     background-color: #f9f9f9;
     background-position: center center;
     background-repeat: no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
     padding-left:40px;
	 position: relative;
}
.bg-image::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	content: '';
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	z-index: 0;
}
.bg-image > * {
	position: relative;
	z-index: 1;
}
 .bg-image h1{
     padding-bottom:4px;
     margin:0px;
     font-weight:600;
}
 .bg-image p{
     color:#fff;
     margin:0px;
     padding-bottom:10px;
     font-weight:600;
}
/*============================= BUTTONS ======================*/
 
.btn {
	font-weight: 600;
	border-radius: 2px;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out
}

.btn:active,
.btn.active {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn.btn-square {
	border-radius: 0
}

.btn.btn-rounded {
	border-radius: 20px
}

.btn.btn-minw {
	min-width: 110px
}

.btn.btn-noborder {
	border: none !important
}

.btn.btn-image {
	position: relative;
	padding-left: 40px
}

.btn.btn-image>img {
	position: absolute;
	top: 3px;
	left: 3px;
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 3px
}

.btn>i.pull-left {
	margin-top: 3px;
	margin-right: 5px
}

.btn>i.pull-right {
	margin-top: 3px;
	margin-left: 5px
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
	text-decoration: none
}

.btn-default {
	color: #545454;
	background-color: #f5f5f5;
	border-color: #e9e9e9
}

.btn-default:focus,
.btn-default.focus,
.btn-default:hover {
	color: #545454;
	background-color: #e1e1e1;
	border-color: #cacaca
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
	color: #545454;
	background-color: #c7c7c7;
	border-color: #b1b1b1
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
	color: #545454;
	background-color: #c7c7c7;
	border-color: #b1b1b1
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
	background-image: none
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #f5f5f5;
	border-color: #e9e9e9
}

.btn-default .badge {
	color: #f5f5f5;
	background-color: #545454
}

.btn-primary {
	color: #fff;
	background-color: #ffc539;
	border-color: #f9b81a
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover {
	color: #fff;
	background-color: #ecaf1d;
	border-color: #ecaf1d
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #ecaf1d;
	border-color: #ecaf1d
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
	color: #fff;
	background-color: #ecaf1d;
	border-color: #ecaf1d
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
	background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #fbd57c;
	border-color: #3675c5
}

.btn-primary .badge {
	color: #ffc539;
	background-color: #fff
}

.btn-success {
	color: #fff;
	background-color: #46c37b;
	border-color: #34a263
}

.btn-success:focus,
.btn-success.focus,
.btn-success:hover {
	color: #fff;
	background-color: #37a967;
	border-color: #257346
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
	color: #fff;
	background-color: #2a8350;
	border-color: #194d2f
}

.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
	color: #fff;
	background-color: #2a8350;
	border-color: #194d2f
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
	background-image: none
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: #46c37b;
	border-color: #34a263
}

.btn-success .badge {
	color: #46c37b;
	background-color: #fff
}

.btn-info {
	color: #fff;
	background-color: #70b9eb;
	border-color: #43a3e5
}

.btn-info:focus,
.btn-info.focus,
.btn-info:hover {
	color: #fff;
	background-color: #4ca7e6;
	border-color: #1d86ce
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
	color: #fff;
	background-color: #1f92e0;
	border-color: #1769a1
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
	color: #fff;
	background-color: #1f92e0;
	border-color: #1769a1
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
	background-image: none
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
	background-color: #70b9eb;
	border-color: #43a3e5
}

.btn-info .badge {
	color: #70b9eb;
	background-color: #fff
}

.btn-warning {
	color: #fff;
	background-color: #f3b760;
	border-color: #efa231
}

.btn-warning:focus,
.btn-warning.focus,
.btn-warning:hover {
	color: #fff;
	background-color: #f0a63a;
	border-color: #d38310
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #e68f11;
	border-color: #a3660c
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
	color: #fff;
	background-color: #e68f11;
	border-color: #a3660c
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
	background-image: none
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background-color: #f3b760;
	border-color: #efa231
}

.btn-warning .badge {
	color: #f3b760;
	background-color: #fff
}

.btn-danger {
	color: #fff;
	background-color: #d26a5c;
	border-color: #c54736
}

.btn-danger:focus,
.btn-danger.focus,
.btn-danger:hover {
	color: #fff;
	background-color: #c94d3c;
	border-color: #953629
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
	color: #fff;
	background-color: #a53c2d;
	border-color: #6d271e
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
	color: #fff;
	background-color: #a53c2d;
	border-color: #6d271e
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
	background-image: none
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color: #d26a5c;
	border-color: #c54736
}

.btn-danger .badge {
	color: #d26a5c;
	background-color: #fff
}

/* ---- hover sweep tp right --*/
 .login-btn {
     background-color:#fff;
     color:#0673a2;
     padding:7px 45px;
     font-size:16px;
     margin: 10px 0px 0px 15px;
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .login-btn:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #0673a2;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .login-btn:hover, .login-btn:focus, .login-btn:active {
     color: white;
     text-decoration:none;
}
 .login-btn:hover:before, .login-btn:focus:before, .login-btn:active:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}

/* ======= Read Btn Hover ====*/
 .read-btn{
     background-color:#0673a2;
     color:#fff;
     padding:11px 20px;
     margin-left:10px;
     margin-top:10px;
     border-right:5px solid #40a2cd;
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .read-btn:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #2098d1;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .read-btn:hover, .read-btn:focus, .read-btn:active {
     color: white;
}
 .read-btn:hover:before, .read-btn:focus:before, .read-btn:active:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
/* ======= Read Btn Hover end ====*/
.let_btn {
     width: auto;
     background-color: #ffc539;
     color: #fff;
     padding: 10px 20px;
     margin: 8px 0;
     border: none;
     border-radius: 0px;
     cursor: pointer;
     text-transform: uppercase;
     border: 1px solid;
}
 .let_btn:hover {
     opacity:0.8;
}
/*============================FORMS ========================*/
.custom-form {
     background-color: rgba(0, 0, 0, 0.5);
     color: #fff;
     padding-top: 25px;
     padding-bottom:6px;
}

label {
	font-size: 13px;
	font-weight: 600
}

.form-control {
    color: #646464;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .15s ease-out;
    height: 46px; 
    transition: all .15s ease-out;
    padding: 12px 20px;
    border-radius: 1px;
    border-color: #d1d1d1;
}
.form-control::-moz-placeholder {
	color: #aaa
}

.form-control:-ms-input-placeholder {
	color: #aaa
}

.form-control::-webkit-input-placeholder {
	color: #aaa
}

.form-control:focus {
	border-color: #ccc;
	background-color: #fcfcfc;
	-webkit-box-shadow: none;
	box-shadow: none
}

textarea.form-control {
	max-width: 100%
}

input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control {
	-webkit-appearance: none
}

.form-control.input-sm {
	border-radius: 1px;
	height: 30px;
	padding: 5px;
}

.form-control.input-md {
	height: 36px;
	padding: 10px;
}
.form-inline .form-control.input-sm {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	max-width: 110px;
}
.input-group-lg .form-control {
	font-size: 14px
}

.form-group {
	margin-bottom: 20px
}

.form-bordered .form-group {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f3f3f3
}

.form-bordered .form-group.form-actions {
	border-bottom: none
}

.help-block {
	margin-top: 5px;
	margin-bottom: 0;
	font-style: italic;
	font-size: 13px;
	color: #a4a4a4
}

.has-success>label,
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
	color: #46c37b
}

.has-success .form-control {
	border-color: #46c37b;
	-webkit-box-shadow: none;
	box-shadow: none
}

.has-success .form-control:focus {
	border-color: #34a263;
	-webkit-box-shadow: none;
	box-shadow: none
}

.has-success .input-group-addon {
	color: #46c37b;
	border-color: #46c37b;
	background-color: #fff
}

.has-success .form-control-feedback {
	color: #46c37b
}

.has-info>label,
.has-info .help-block,
.has-info .control-label,
.has-info .radio,
.has-info .checkbox,
.has-info .radio-inline,
.has-info .checkbox-inline,
.has-info.radio label,
.has-info.checkbox label,
.has-info.radio-inline label,
.has-info.checkbox-inline label {
	color: #70b9eb
}

.has-info .form-control {
	border-color: #70b9eb;
	-webkit-box-shadow: none;
	box-shadow: none
}

.has-info .form-control:focus {
	border-color: #43a3e5;
	-webkit-box-shadow: none;
	box-shadow: none
}

.has-info .input-group-addon {
	color: #70b9eb;
	border-color: #70b9eb;
	background-color: #fff
}

.has-info .form-control-feedback {
	color: #70b9eb
}

.has-warning>label,
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
	color: #f3b760
}

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

.has-warning .form-control:focus {
	border-color: #efa231;
	-webkit-box-shadow: none;
	box-shadow: none
}

.has-warning .input-group-addon {
	color: #f3b760;
	border-color: #f3b760;
	background-color: #fff
}

.has-warning .form-control-feedback {
	color: #f3b760
}

.has-error>label,
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #d26a5c
}

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

.has-error .form-control:focus {
	border-color: #c54736;
	-webkit-box-shadow: none;
	box-shadow: none
}

.has-error .input-group-addon {
	color: #d26a5c;
	border-color: #d26a5c;
	background-color: #fff
}

.has-error .form-control-feedback {
	color: #d26a5c
}

.input-group-addon {
	color: #646464;
	background-color: #f9f9f9;
	border-color: #e6e6e6;
	border-radius: 3px
}

.input-group-addon.input-sm,
.input-group-addon.input-lg {
	border-radius: 3px
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
	border-radius: 3px
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.input-group-addon:first-child {
	border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.input-group-addon:last-child {
	border-left: 0
}

.css-input {
	position: relative;
	display: inline-block;
	margin: 2px 0;
	font-weight: 400;
	cursor: pointer
}

.css-input input {
	position: absolute;
	opacity: 0
}

.css-input input:focus+span {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25)
}

.css-input input+span {
	position: relative;
	display: inline-block;
	margin-top: -2px;
	margin-right: 3px;
	vertical-align: middle
}

.css-input input+span:after {
	position: absolute;
	content: ""
}

.css-input-disabled {
	opacity: .5;
	cursor: not-allowed
}

.css-checkbox {
	margin: 7px 0
}

.css-checkbox input+span {
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-transition: background-color .2s;
	transition: background-color .2s
}

.css-checkbox input+span:after {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-family: "FontAwesome";
	font-size: 10px;
	color: #fff;
	line-height: 18px;
	content: "\f00c";
	text-align: center
}

.css-checkbox:hover input+span {
	border-color: #ccc
}

.css-checkbox.css-checkbox-sm {
	margin: 9px 0 8px;
	font-size: 12px
}

.css-checkbox.css-checkbox-sm input+span {
	width: 16px;
	height: 16px
}

.css-checkbox.css-checkbox-sm input+span:after {
	font-size: 8px;
	line-height: 15px
}

.css-checkbox.css-checkbox-lg {
	margin: 3px 0
}

.css-checkbox.css-checkbox-lg input+span {
	width: 30px;
	height: 30px
}

.css-checkbox.css-checkbox-lg input+span:after {
	font-size: 12px;
	line-height: 30px
}

.css-checkbox.css-checkbox-rounded input+span {
	border-radius: 3px
}

.css-checkbox-default input:checked+span {
	background-color: #999999;
	border-color: #999999
}

.css-checkbox-primary input:checked+span {
	background-color: #ffc539;
	border-color: #ffc539
}

.css-checkbox-info input:checked+span {
	background-color: #70b9eb;
	border-color: #70b9eb
}

.css-checkbox-success input:checked+span {
	background-color: #46c37b;
	border-color: #46c37b
}

.css-checkbox-warning input:checked+span {
	background-color: #f3b760;
	border-color: #f3b760
}

.css-checkbox-danger input:checked+span {
	background-color: #d26a5c;
	border-color: #d26a5c
}

.css-radio {
	margin: 7px 0
}

.css-radio input+span {
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 50%
}

.css-radio input+span:after {
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background-color: #fff;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}

.css-radio input:checked+span:after {
	opacity: 1
}

.css-radio:hover input+span {
	border-color: #ccc
}

.css-radio.css-radio-sm {
	margin: 9px 0 8px;
	font-size: 12px
}

.css-radio.css-radio-sm input+span {
	width: 16px;
	height: 16px
}

.css-radio.css-radio-lg {
	margin: 5px 0
}

.css-radio.css-radio-lg input+span {
	width: 26px;
	height: 26px
}

.css-radio-default input:checked+span:after {
	background-color: #999999
}

.css-radio-primary input:checked+span:after {
	background-color: #ffc539
}

.css-radio-info input:checked+span:after {
	background-color: #70b9eb
}

.css-radio-success input:checked+span:after {
	background-color: #46c37b
}

.css-radio-warning input:checked+span:after {
	background-color: #f3b760
}

.css-radio-danger input:checked+span:after {
	background-color: #d26a5c
}

.switch {
	margin: 3px 0
}

.switch input+span {
	width: 54px;
	height: 30px;
	background-color: #eee;
	border-radius: 30px;
	-webkit-transition: background-color .4s;
	transition: background-color .4s
}

.switch input+span:after {
	top: 2px;
	bottom: 2px;
	left: 2px;
	width: 26px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
	-webkit-transition: -webkit-transform .15s ease-out;
	transition: transform .15s ease-out
}

.switch input:checked+span {
	background-color: #ddd
}

.switch input:checked+span:after {
	-webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateX(23px);
	-ms-transform: translateX(23px);
	transform: translateX(23px)
}

.switch.switch-sm {
	margin: 8px 0 7px;
	font-size: 12px
}

.switch.switch-sm input+span {
	width: 36px;
	height: 20px
}

.switch.switch-sm input+span:after {
	width: 16px
}

.switch.switch-sm input:checked+span:after {
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px)
}

.switch.switch-lg {
	margin: 1px 0
}

.switch.switch-lg input+span {
	width: 70px;
	height: 34px
}

.switch.switch-lg input+span:after {
	width: 30px
}

.switch.switch-lg input:checked+span:after {
	-webkit-transform: translateX(35px);
	-ms-transform: translateX(35px);
	transform: translateX(35px)
}

.switch.switch-square input+span,
.switch.switch-square input+span:after {
	border-radius: 0
}

.switch-default input:checked+span {
	background-color: #999999
}

.switch-primary input:checked+span {
	background-color: #ffc539
}

.switch-info input:checked+span {
	background-color: #70b9eb
}

.switch-success input:checked+span {
	background-color: #46c37b
}

.switch-warning input:checked+span {
	background-color: #f3b760
}

.switch-danger input:checked+span {
	background-color: #d26a5c
}

.label-primary {
	background-color: #ffc539
}

.label-primary[href]:hover,
.label-primary[href]:focus {
	background-color: #3675c5
}

.label-success {
	background-color: #46c37b
}

.label-success[href]:hover,
.label-success[href]:focus {
	background-color: #34a263
}

.label-info {
	background-color: #70b9eb
}

.label-info[href]:hover,
.label-info[href]:focus {
	background-color: #43a3e5
}

.label-warning {
	background-color: #f3b760
}

.label-warning[href]:hover,
.label-warning[href]:focus {
	background-color: #efa231
}

.label-danger {
	background-color: #d26a5c
}

.label-danger[href]:hover,
.label-danger[href]:focus {
	background-color: #c54736
}

.badge-primary {
	background-color: #ffc539
}

.badge-success {
	background-color: #46c37b
}

.badge-info {
	background-color: #70b9eb
}

.badge-warning {
	background-color: #f3b760
}

.badge-danger {
	background-color: #d26a5c
}

.alert {
	padding-bottom: 10px;
	border-radius: 2px;
	border: none
}

.alert p {
	margin-bottom: 5px !important
}

.alert-success {
	background-color: #e0f5e9;
	color: #34a263;
	-webkit-box-shadow: 0 2px #cdefdb;
	box-shadow: 0 2px #cdefdb
}

.alert-success hr {
	border-top-color: #cdefdb
}

.alert-success .alert-link {
	color: #287b4b
}

.alert-info {
	background-color: #edf6fd;
	color: #43a3e5;
	-webkit-box-shadow: 0 2px #d6ebfa;
	box-shadow: 0 2px #d6ebfa
}

.alert-info hr {
	border-top-color: #d6ebfa
}

.alert-info .alert-link {
	color: #1e8cd7
}

.alert-warning {
	background-color: #fdf3e5;
	color: #efa231;
	-webkit-box-shadow: 0 2px #fbe8cd;
	box-shadow: 0 2px #fbe8cd
}

.alert-warning hr {
	border-top-color: #fbe8cd
}

.alert-warning .alert-link {
	color: #dc8911
}

.alert-danger {
	background-color: #f9eae8;
	color: #c54736;
	-webkit-box-shadow: 0 2px #f4d8d4;
	box-shadow: 0 2px #f4d8d4
}

.alert-danger hr {
	border-top-color: #f4d8d4
}

.alert-danger .alert-link {
	color: #9d392b
}

.progress {
	height: 24px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none
}

.progress.progress-mini {
	height: 5px
}

.progress.progress-mini .progress-bar {
	line-height: 5px
}

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

.progress-bar-primary {
	background-color: #ffc539
}

.progress-bar-success {
	background-color: #46c37b
}

.progress-bar-info {
	background-color: #70b9eb
}

.progress-bar-warning {
	background-color: #f3b760
}

.progress-bar-danger {
	background-color: #d26a5c
}

.nav-pills>li>a {
	font-weight: 600;
	color: #646464;
	border-radius: 3px
}

.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
	color: #646464;
	background-color: #f9f9f9
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	color: #fff;
	background-color: #ffc539
}

.nav-pills>li.active>a>.badge {
	color: #ffc539
}

.pagination {
	border-radius: 0
}

.pagination>li {
	display: block;
	float: left;
	margin: 0 0 5px 5px
}

.pagination>li>a,
.pagination>li>span {
	display: block;
	float: none;
	margin: 0;
	padding-right: 8px;
	padding-left: 8px;
	color: #646464;
	font-weight: 600;
	border: none
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

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

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	color: #ffc539;
	background-color: transparent;
	-webkit-box-shadow: 0 2px #ffc539;
	box-shadow: 0 2px #ffc539
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	color: #ffc539;
	background-color: #f9f9f9;
	-webkit-box-shadow: 0 2px #ffc539;
	box-shadow: 0 2px #ffc539
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	color: #c9c9c9;
	-webkit-box-shadow: none;
	box-shadow: none
}

.pager li>a,
.pager li>span {
	padding: 6px 14px;
	font-weight: 600;
	color: #646464;
	border: 1px solid #eee;
	border-radius: 3px
}

.pager li>a:hover,
.pager li>a:focus {
	color: #ffc539;
	background-color: #f9f9f9
}

.pager li.disabled>span,
.pager li.disabled>span:hover,
.pager li.disabled>span:focus,
.pager li.disabled>a,
.pager li.disabled>a:hover,
.pager li.disabled>a:focus {
	color: #c9c9c9;
	-webkit-box-shadow: none;
	box-shadow: none
}

.list-group-item {
	padding: 10px 15px;
	border-color: #eee
}

a.list-group-item {
	font-weight: 600;
	color: #646464
}

a.list-group-item:hover,
a.list-group-item:focus {
	color: #ffc539
}

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

.list-group-item.active>.badge {
	color: #ffc539
}

 .kyc_style{
     border:1px solid #ccc;
     width:40%;
     margin-left: 63px;
     margin-top:30px;
}

/*============================OTHER ELEMENTS ========================*/

.tooltip-inner {
	padding: 6px 8px;
	background-color: #9f7c02;
	border-radius: 0
}

.tooltip.top .tooltip-arrow {
	border-top-color: #9f7c02
}

.tooltip.right .tooltip-arrow {
	border-right-color: #9f7c02
}

.tooltip.left .tooltip-arrow {
	border-left-color: #9f7c02
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #9f7c02
}

.popover {
	border-color: #ddd;
	border-radius: 2px;
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05)
}

.popover-title {
	padding: 10px 10px 1px;
	font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #fff;
	border-bottom: none;
	border-radius: 1px 1px 0 0
}

.popover-content {
	padding: 10px
}

.dropdown-menu {
	min-width: 180px;
	padding: 5px 0;
	border-color: #ddd;
	border-radius: 2px;
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05)
}

.dropdown-menu>li>a {
	padding: 7px 12px
}

.dropdown-menu>li>a:hover {
	background-color: #f9f9f9
}

.dropdown-menu>li>a i.pull-right,
.dropdown-menu>li>a .badge.pull-right {
	right: 0;
	margin-top: 3px;
	margin-left: 10px
}

.dropdown-menu>li>a i.pull-left,
.dropdown-menu>li>a .badge.pull-left {
	left: 0;
	margin-top: 3px;
	margin-right: 10px
}

.dropdown-menu>li>a .badge.pull-right {
	margin-top: 1px
}

.dropdown-menu>li>a .badge.pull-left {
	margin-top: 1px
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	color: #545454;
	background-color: #f0f0f0
}

.dropdown-header {
	padding: 5px 12px 4px;
	font-weight: 600;
	color: #999999;
	text-transform: uppercase
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 12px 10px;
	border-top: 1px solid #f0f0f0
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th {
	padding: 16px 10px 12px;
	font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase
}

.table>thead>tr>th {
	border-bottom: 1px solid #ddd
}

.table>tbody+tbody {
	border-top: 1px solid #ddd
}

.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
	padding: 6px 8px
}

.table-bordered {
	border: 1px solid #e9e9e9
}

.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 #f0f0f0
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
	border-bottom-width: 1px;
	border-bottom-color: #e9e9e9
}

.table-borderless {
	border: none
}

.table-borderless>thead>tr>th,
.table-borderless>tbody>tr>th,
.table-borderless>tfoot>tr>th,
.table-borderless>thead>tr>td,
.table-borderless>tbody>tr>td,
.table-borderless>tfoot>tr>td {
	border: none
}

.table-borderless>thead>tr>th,
.table-borderless>thead>tr>td {
	border-bottom: 1px solid #ddd
}

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

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
	background-color: #f5f5f5
}

.table-header-bg>thead>tr>th,
.table-header-bg>thead>tr>td {
	color: #fff;
	background-color: #ffc539;
	border-bottom-color: #ffc539
}

.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
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
	background-color: #ececec
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
	background-color: #e0f5e9
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
	background-color: #cdefdb
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
	background-color: #edf6fd
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
	background-color: #d6ebfa
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
	background-color: #fdf3e5
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
	background-color: #fbe8cd
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
	background-color: #f9eae8
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
	background-color: #f4d8d4
}

.table-responsive {
	-webkit-overflow-scrolling: touch
}

.js-table-checkable tbody tr,
.js-table-sections-header>tr {
	cursor: pointer
}

.js-table-sections-header>tr>td:first-child>i {
	-webkit-transition: -webkit-transform .15s ease-out;
	transition: transform .15s ease-out
}

.js-table-sections-header+tbody {
	display: none
}

.js-table-sections-header.open>tr {
	background-color: #f9f9f9
}

.js-table-sections-header.open>tr>td:first-child>i {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.js-table-sections-header.open+tbody {
	display: table-row-group
}

.modal.fade .modal-dialog {
	-webkit-transition: all .12s ease-out;
	transition: all .12s ease-out
}

.modal.fade .modal-dialog.modal-dialog-popin {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.modal.fade .modal-dialog.modal-dialog-popout {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}

.modal.fade .modal-dialog.modal-dialog-slideup {
	-webkit-transform: translate(0, 10%);
	-ms-transform: translate(0, 10%);
	transform: translate(0, 10%)
}

.modal.fade .modal-dialog.modal-dialog-slideright {
	-webkit-transform: translate(-10%, 0);
	-ms-transform: translate(-10%, 0);
	transform: translate(-10%, 0)
}

.modal.fade .modal-dialog.modal-dialog-slideleft {
	-webkit-transform: translate(10%, 0);
	-ms-transform: translate(10%, 0);
	transform: translate(10%, 0)
}

.modal.fade .modal-dialog.modal-dialog-fromright {
	-webkit-transform: translateX(25%) rotate(10deg) scale(.9);
	-ms-transform: translateX(25%) rotate(10deg) scale(.9);
	transform: translateX(25%) rotate(10deg) scale(.9)
}

.modal.fade .modal-dialog.modal-dialog-fromleft {
	-webkit-transform: translateX(-25%) rotate(-10deg) scale(.9);
	-ms-transform: translateX(-25%) rotate(-10deg) scale(.9);
	transform: translateX(-25%) rotate(-10deg) scale(.9)
}

.modal.in .modal-dialog.modal-dialog-popin,
.modal.in .modal-dialog.modal-dialog-popout {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.modal.in .modal-dialog.modal-dialog-slideup,
.modal.in .modal-dialog.modal-dialog-slideright,
.modal.in .modal-dialog.modal-dialog-slideleft {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.modal.in .modal-dialog.modal-dialog-fromright,
.modal.in .modal-dialog.modal-dialog-fromleft {
	-webkit-transform: translateX(0) rotate(0) scale(1);
	-ms-transform: translateX(0) rotate(0) scale(1);
	transform: translateX(0) rotate(0) scale(1)
}

.modal-dialog.modal-dialog-top {
	margin-top: 0;
	padding: 0 !important
}

.modal-dialog.modal-dialog-top .modal-content {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.modal-content {
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.modal-backdrop.in {
	opacity: .25
}

.modal-header {
	padding: 18px 20px;
	border-bottom-color: #eee
}

.modal-body {
	padding: 20px
}

.modal-footer {
	padding: 12px 20px;
	border-top-color: #eee
}

.modal-title {
	font-weight: normal
}

.fade.fade-up {
	opacity: 0;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px)
}

.fade.fade-up.in {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.fade.fade-right {
	opacity: 0;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px)
}

.fade.fade-right.in {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.fade.fade-left {
	opacity: 0;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px)
}

.fade.fade-left.in {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.panel {
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none
}

.panel-group .panel {
	border-radius: 3px
}

.panel-group .panel+.panel {
	margin-top: 10px
}

.panel-default {
	border-color: #f0f0f0
}

.panel-default>.panel-heading {
	color: #646464;
	background-color: #f9f9f9;
	border-color: #f0f0f0
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #f0f0f0
}

.panel-default>.panel-heading .badge {
	color: #f9f9f9;
	background-color: #646464
}

.panel-default>.panel-heading a {
	font-weight: 400
}

.panel-default>.panel-heading a:hover,
.panel-default>.panel-heading a:focus {
	color: #4a4a4a
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #f0f0f0
}

.panel-primary {
	border-color: #ffc800
}

.panel-primary>.panel-heading {
	color: #ffc539;
	background-color: #e8eff9;
	border-color: #ffc800
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ffc800
}

.panel-primary>.panel-heading .badge {
	color: #e8eff9;
	background-color: #ffc539
}

.panel-primary>.panel-heading a {
	font-weight: 400
}

.panel-primary>.panel-heading a:hover,
.panel-primary>.panel-heading a:focus {
	color: #3675c5
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ffc800
}

.panel-success {
	border-color: #cdefdb
}

.panel-success>.panel-heading {
	color: #46c37b;
	background-color: #e0f5e9;
	border-color: #cdefdb
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #cdefdb
}

.panel-success>.panel-heading .badge {
	color: #e0f5e9;
	background-color: #46c37b
}

.panel-success>.panel-heading a {
	font-weight: 400
}

.panel-success>.panel-heading a:hover,
.panel-success>.panel-heading a:focus {
	color: #34a263
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #cdefdb
}

.panel-info {
	border-color: #d6ebfa
}

.panel-info>.panel-heading {
	color: #70b9eb;
	background-color: #edf6fd;
	border-color: #d6ebfa
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #d6ebfa
}

.panel-info>.panel-heading .badge {
	color: #edf6fd;
	background-color: #70b9eb
}

.panel-info>.panel-heading a {
	font-weight: 400
}

.panel-info>.panel-heading a:hover,
.panel-info>.panel-heading a:focus {
	color: #43a3e5
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #d6ebfa
}

.panel-warning {
	border-color: #fbe8cd
}

.panel-warning>.panel-heading {
	color: #f3b760;
	background-color: #fdf3e5;
	border-color: #fbe8cd
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #fbe8cd
}

.panel-warning>.panel-heading .badge {
	color: #fdf3e5;
	background-color: #f3b760
}

.panel-warning>.panel-heading a {
	font-weight: 400
}

.panel-warning>.panel-heading a:hover,
.panel-warning>.panel-heading a:focus {
	color: #efa231
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #fbe8cd
}

.panel-danger {
	border-color: #f4d8d4
}

.panel-danger>.panel-heading {
	color: #d26a5c;
	background-color: #f9eae8;
	border-color: #f4d8d4
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #f4d8d4
}

.panel-danger>.panel-heading .badge {
	color: #f9eae8;
	background-color: #d26a5c
}

.panel-danger>.panel-heading a {
	font-weight: 400
}

.panel-danger>.panel-heading a:hover,
.panel-danger>.panel-heading a:focus {
	color: #c54736
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #f4d8d4
}

.img-responsive {
	width: 100%
}

/*============================PADDINGS ========================*/
 .padding30 {
     padding:30px;
}
 .padding15 {
     padding:15px;
}
 .ptopbot30 {
     padding:30px 0;
}
 .mtopbot30 {
     margin:30px 0;
}
 .ptopbot15 {
     padding:15px 0;
}
 .mtopbot15 {
     margin:15px 0;
}
 .nopadding{
     padding:0px;
}
 .nomargin{
     margin:0px;
}
 .top-main{
     background-color:#0096d6;
     padding:10px 0;
}
 .top-icon{
     color:#fff;
     font-size:25px;
     padding:0 8px;
}
 .top-contact{
     font-family: 'Open Sans', sans-serif;
     color:#fff;
     font-size:15px;
}
 a:focus.login-btn{
     outline:none;
     color:#fff;
     text-decoration:none;
}

.push-5 {
	margin-bottom: 5px !important
}

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

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

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

.push-10 {
	margin-bottom: 10px !important
}

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

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

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

.push-15 {
	margin-bottom: 15px !important
}

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

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

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

.push-20 {
	margin-bottom: 20px !important
}

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

.push-20-r {
	margin-right: 20px !important
}

.push-20-l {
	margin-left: 20px !important
}

.push-30 {
	margin-bottom: 30px !important
}

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

.push-30-r {
	margin-right: 30px !important
}

.push-30-l {
	margin-left: 30px !important
}

.push-50 {
	margin-bottom: 50px !important
}

.push-50-t {
	margin-top: 50px !important
}

.push-50-r {
	margin-right: 50px !important
}

.push-50-l {
	margin-left: 50px !important
}

.push-100 {
	margin-bottom: 100px !important
}

.push-100-t {
	margin-top: 100px !important
}

.push-100-r {
	margin-right: 100px !important
}

.push-100-l {
	margin-left: 100px !important
}

.push-150 {
	margin-bottom: 150px !important
}

.push-150-t {
	margin-top: 150px !important
}

.push-150-r {
	margin-right: 150px !important
}

.push-150-l {
	margin-left: 150px !important
}

.push-200 {
	margin-bottom: 200px !important
}

.push-200-t {
	margin-top: 200px !important
}

.push-200-r {
	margin-right: 200px !important
}

.push-200-l {
	margin-left: 200px !important
}

.push-300 {
	margin-bottom: 300px !important
}

.push-300-t {
	margin-top: 300px !important
}

.push-300-r {
	margin-right: 300px !important
}

.push-300-l {
	margin-left: 300px !important
}

.pulldown {
	position: relative;
	top: 50px
}

@media screen and (min-width:992px) {
	.pulldown {
		top: 150px
	}
}

.remove-margin {
	margin: 0 !important
}

.remove-margin-t {
	margin-top: 0 !important
}

.remove-margin-r {
	margin-right: 0 !important
}

.remove-margin-b {
	margin-bottom: 0 !important
}

.remove-margin-l {
	margin-left: 0 !important
}

.remove-padding {
	padding: 0 !important
}

.remove-padding-t {
	padding-top: 0 !important
}

.remove-padding-r {
	padding-right: 0 !important
}

.remove-padding-b {
	padding-bottom: 0 !important
}

.remove-padding-l {
	padding-left: 0 !important
}

/*====================== Images ======================*/

.img-avatar {
	display: inline-block !important;
	width: 64px;
	height: 64px;
	border-radius: 50%
}

.img-avatar.img-avatar16 {
	width: 16px;
	height: 16px
}

.img-avatar.img-avatar32 {
	width: 32px;
	height: 32px
}

.img-avatar.img-avatar48 {
	width: 48px;
	height: 48px
}

.img-avatar.img-avatar96 {
	width: 96px;
	height: 96px
}

.img-avatar.img-avatar128 {
	width: 128px;
	height: 128px
}

.img-avatar-thumb {
	margin: 5px;
	-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4)
}

.img-rounded {
	border-radius: 4px
}

.img-thumb {
	padding: 5px;
	background-color: #fff;
	border-radius: 2px
}

.img-link {
	display: inline-block;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
	-webkit-transition: -webkit-transform .15s ease-out;
	transition: transform .15s ease-out
}

.img-link:hover {
	-webkit-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg)
}

.img-overlay {
	position: relative
}

.img-overlay:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 50%;
	left: 0;
	content: '';
	background: -moz-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)
}

.img-overlay.img-overlay-bottom:after {
	top: 50%;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.img-overlay.img-overlay-left:after {
	right: 50%;
	bottom: 0;
	background: -moz-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
}

.img-overlay.img-overlay-right:after {
	left: 50%;
	bottom: 0;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)
}

.img-overlay>img {
	display: block;
	width: 100%;
	height: auto
}

.img-container {
	position: relative;
	overflow: hidden;
	z-index: 0;
	display: block
}

.img-container .img-options {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: none;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out
}

.img-container .img-options-content {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	text-align: center
}

.img-container>img {
	-webkit-transition: -webkit-transform .35s ease-out;
	transition: transform .35s ease-out
}

.img-container:hover .img-options {
	opacity: 1;
	visibility: visible
}

@media screen and (max-width:767px) {
	.img-container .img-options {
		display: none
	}
	.img-container:hover .img-options {
		display: block
	}
}

.img-container.fx-img-zoom-in:hover>img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.img-container.fx-img-rotate-r:hover>img {
	-webkit-transform: scale(1.4) rotate(8deg);
	-ms-transform: scale(1.4) rotate(8deg);
	transform: scale(1.4) rotate(8deg)
}

.img-container.fx-img-rotate-l:hover>img {
	-webkit-transform: scale(1.4) rotate(-8deg);
	-ms-transform: scale(1.4) rotate(-8deg);
	transform: scale(1.4) rotate(-8deg)
}

.img-container.fx-opt-slide-top .img-options {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%)
}

.img-container.fx-opt-slide-top:hover .img-options {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.img-container.fx-opt-slide-right .img-options {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.img-container.fx-opt-slide-right:hover .img-options {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.img-container.fx-opt-slide-down .img-options {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.img-container.fx-opt-slide-down:hover .img-options {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.img-container.fx-opt-slide-left .img-options {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.img-container.fx-opt-slide-left:hover .img-options {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.img-container.fx-opt-zoom-in .img-options {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.img-container.fx-opt-zoom-in:hover .img-options {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.img-container.fx-opt-zoom-out .img-options {
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2)
}

.img-container.fx-opt-zoom-out:hover .img-options {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

/*====================== user panel ======================*/
.main-container {
	min-height: 100vh;
	background: #f1f1f1;
	padding-left: 233px;
}
.content-right.right-side-dash {
	width: 100%;
}
.logo {
	padding: 10px 0;
}
.img-box img {
	max-height: 100px;
	display: table;
	margin: 0 auto;
}
.nav-side-menu img {
	max-height: 50px;
	display: table;
	margin: 10px auto;
	width: auto;
}
#header-navbar {
	background: #0a1a2f;
	border-bottom: 0 none;
	box-shadow: 0 0 5px #ccc;
	padding: 0px;
}
#header-navbar::after,
#header-navbar::before {
	display: block;
	content:'';
	clear: both;
}
#header-navbar .nav-header > li a,
#header-navbar .nav-header > li .btn {
	width: 100%;
	border: 0 none;
	display: block;
	position: relative;
	padding: 15px 15px;
	color: #fff;
	background: transparent;
}
#header-navbar .nav-header > li .btn:hover,
#header-navbar .nav-header > li a:hover {
     background: rgba(0, 0, 0, 0.1); 
	 color: #fff;
}
/*===================== Sidebar ===============*/
.left-sided-menu{
     padding:0px;
	 overflow: auto;
     font-size: 12px;
     font-weight: 200;
     background-color: #0a1a2f;
     position:fixed;
     top: 0px;
     width: 233px;
     height: 100%;
     color: #e1ffff;
	 left:0;
}
span.left-side-name {
     font-size: 13px;
     color: #fff;
	 line-height: 40px;
}

.db-submenu li a:hover{
     color:red ;
}
.nav-side-menu {
     
}
.nav-side-menu .brand {
     background-color: #23282e;
     line-height: 50px;
     display: block;
     text-align: center;
     font-size: 14px;
}
.nav-side-menu .toggle-btn {
     display: none;
}
.nav-side-menu ul, .nav-side-menu li {
     list-style: none;
     padding: 0px;
     margin: 0px;
     line-height: 35px;
     cursor: pointer;
}
 .nav-side-menu ul :not(collapsed) .arrow:before, 
 .nav-side-menu li :not(collapsed) .arrow:before {
     font-family: FontAwesome;
     content: "\f078";
     display: inline-block;
     padding-left: 10px;
     padding-right: 10px;
     vertical-align: middle;
     float: right;
     font-size:10px;
     line-height:40px;
}
 .nav-side-menu ul .active, 
 .nav-side-menu li .active {
     border-left: 3px solid #d19b3d;
     background-color: #ecf0f5;
}
 .nav-side-menu ul .sub-menu li.active, 
 .nav-side-menu li .sub-menu li.active {
     color: #d19b3d;
}
 .nav-side-menu ul .sub-menu li.active a, 
 .nav-side-menu li .sub-menu li.active a {
     color: #fff;
}
 .nav-side-menu ul .sub-menu li, 
 .nav-side-menu li .sub-menu li {
     background-color: #181c20;
     border: none;
     line-height: 28px;
     border-bottom: 1px solid #23282e;
     margin-left: 0px;
     color:#fff;
}
 .nav-side-menu ul .sub-menu li:hover, 
 .nav-side-menu li .sub-menu li:hover {
     background-color: #020203;
}
 .nav-side-menu ul .sub-menu li:before, 
 .nav-side-menu li .sub-menu li:before {
     font-family: FontAwesome;
     content: "\f105";
     display: inline-block;
     padding-left: 10px;
     padding-right: 10px;
     vertical-align: middle;
}
 .nav-side-menu li {
     padding-left: 0px;
     border-left: 3px solid #2e353d;
     border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
     clear:both;
}
 .nav-side-menu li a {
     text-decoration: none;
     color: #fff;
	 display: block;
	 
}
 .nav-side-menu li a i {
     padding-left: 10px;
     width: 20px;
     padding-right: 20px;
     color:#fff;
} 
.nav-side-menu li:hover a i ,
.nav-side-menu li.active a i {
     color:#0a1a2f;
}
/* .menu-list .left-side-icon:before {
     content: "";
     position: absolute;
     z-index:-1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #003366;
     transform: scaleX(0);
     transform-origin: 0 50%;
     transition: transform .3s ease-out;
}
 .menu-list #left-menu-de:hover .left-side-icon:before{
     transform: scaleX(1);
}*/
.menu-list .left-side-icon {
	display: inline-block;
	position: relative;
	z-index: 0;
	padding: 9px 3px 6px 0px;
	text-align: center;
	font-size: 18px;
	line-height: 25px;
	vertical-align: middle;
}
.nav-side-menu li:hover,
.nav-side-menu li.active {
     border-left: 3px solid #d19b3d;
     background-color: #ecf0f5;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     -ms-transition: all 1s ease;
     transition: all 1s ease;
	 border-top: 1px solid #c5cfd9;
border-bottom: 1px solid #c5cfd9;
}
.nav-side-menu li:hover span.left-side-name,
.nav-side-menu li.active span.left-side-name {
     color: #0a1a2f;
}

 @media (max-width: 767px) {
     .nav-side-menu {
         position: relative;
         width: 100%;
         margin-bottom: 10px;
    }
     .nav-side-menu .toggle-btn {
         display: block;
         cursor: pointer;
         position: absolute;
         right: 10px;
         top: 10px;
         z-index: 10 !important;
         padding: 3px;
         background-color: #ffffff;
         color: #fff;
         width: 40px;
         text-align: center;
    }
}
 @media (min-width: 767px) {
     .nav-side-menu .menu-list .menu-content {
         display: block;
    }
}
.nav-side-menu .sub-menu li a {
     padding-left: 30px;
	 position: relative;
	 display: block;
}
.nav-side-menu .sub-menu li {
	position: relative;
} 
.nav-side-menu .sub-menu li::before {
    position: absolute;
	left: 0;
	top:0;	
}

/*============== THEME COLORS =====================*/

.text-default {
	color: #ffc539
}

a.text-default:hover,
a.text-default:active,
a.text-default:focus,
button.text-default:hover,
button.text-default:active,
button.text-default:focus {
	color: #ffc539;
	opacity: .75
}

.text-default-dark {
	color: #e2af00
}

a.text-default-dark:hover,
a.text-default-dark:active,
a.text-default-dark:focus,
button.text-default-dark:hover,
button.text-default-dark:active,
button.text-default-dark:focus {
	color: #e2af00;
	opacity: .75
}

.text-default-darker {
	color: #9f7c02
}

a.text-default-darker:hover,
a.text-default-darker:active,
a.text-default-darker:focus,
button.text-default-darker:hover,
button.text-default-darker:active,
button.text-default-darker:focus {
	color: #9f7c02;
	opacity: .75
}

.text-default-light {
	color: #fcce60
}

a.text-default-light:hover,
a.text-default-light:active,
a.text-default-light:focus,
button.text-default-light:hover,
button.text-default-light:active,
button.text-default-light:focus {
	color: #fcce60;
	opacity: .75
}

.text-default-lighter {
	color: #ffe8b2
}

a.text-default-lighter:hover,
a.text-default-lighter:active,
a.text-default-lighter:focus,
button.text-default-lighter:hover,
button.text-default-lighter:active,
button.text-default-lighter:focus {
	color: #ffe8b2;
	opacity: .75
}

.text-warning {
	color: #ffc539
}

a.text-warning:hover,
a.text-warning:active,
a.text-warning:focus,
button.text-warning:hover,
button.text-warning:active,
button.text-warning:focus {
	color: #ffc539;
	opacity: .75
}


.bg-default {
	background-color: #ffc539
}

a.bg-default:hover,
a.bg-default:focus {
	background-color: #3675c5
}

.bg-default-op {
	background-color: rgba(92, 144, 210, 0.75)
}

a.bg-default-op:hover,
a.bg-default-op:focus {
	background-color: rgba(54, 117, 197, 0.75)
}

.bg-default-dark {
	background-color: #d1
}

a.bg-default-dark:hover,
a.bg-default-dark:focus {
	background-color: #e1be45
}

.bg-default-dark-op {
	background-color: rgba(226, 174, 0, 0.83)
}

a.bg-default-dark-op:hover,
a.bg-default-dark-op:focus {
	background-color: rgba(255, 190, 69, 0.83)
}

.bg-default-darker {
	background-color: #9f7c02
}

a.bg-default-darker:hover,
a.bg-default-darker:focus {
	background-color: #171b21
}

.bg-default-light {
	background-color: #fcce60
}

a.bg-default-light:hover,
a.bg-default-light:focus {
	background-color: #709ed8
}

.bg-default-lighter {
	background-color: #fef1d4
}

a.bg-default-lighter:hover,
a.bg-default-lighter:focus {
	background-color: #a4c1e6
}

.text-amethyst {
	color: #034f9b
}

a.text-amethyst:hover,
a.text-amethyst:active,
a.text-amethyst:focus,
button.text-amethyst:hover,
button.text-amethyst:active,
button.text-amethyst:focus {
	color: #034f9b;
	opacity: .75
}

.text-amethyst-dark {
	color: #003366
}

a.text-amethyst-dark:hover,
a.text-amethyst-dark:active,
a.text-amethyst-dark:focus,
button.text-amethyst-dark:hover,
button.text-amethyst-dark:active,
button.text-amethyst-dark:focus {
	color: #003366;
	opacity: .75
}

.text-amethyst-darker {
	color: #01162c
}

a.text-amethyst-darker:hover,
a.text-amethyst-darker:active,
a.text-amethyst-darker:focus,
button.text-amethyst-darker:hover,
button.text-amethyst-darker:active,
button.text-amethyst-darker:focus {
	color: #01162c;
	opacity: .75
}

.text-amethyst-light {
	color: #2c88e3
}

a.text-amethyst-light:hover,
a.text-amethyst-light:active,
a.text-amethyst-light:focus,
button.text-amethyst-light:hover,
button.text-amethyst-light:active,
button.text-amethyst-light:focus {
	color: #2c88e3;
	opacity: .75
}

.text-amethyst-lighter {
	color: #a9d0f8
}

a.text-amethyst-lighter:hover,
a.text-amethyst-lighter:active,
a.text-amethyst-lighter:focus,
button.text-amethyst-lighter:hover,
button.text-amethyst-lighter:active,
button.text-amethyst-lighter:focus {
	color: #a9d0f8;
	opacity: .75
}

.bg-amethyst {
	background-color: #003366
}

a.bg-amethyst:hover,
a.bg-amethyst:focus {
	background-color: #034f9b
}

.bg-amethyst-op {
	background-color: rgba(0, 51, 102, 0.75)
}

a.bg-amethyst-op:hover,
a.bg-amethyst-op:focus {
	background-color: rgba(169, 208, 248, 0.75)
}

.bg-amethyst-dark {
	background-color: #003366
}

a.bg-amethyst-dark:hover,
a.bg-amethyst-dark:focus {
	background-color: #08213b
}
.bg-amethyst-darker {
	background-color: #01162c
}

a.bg-amethyst-darker:hover,
a.bg-amethyst-darker:focus {
	background-color: #01162c
}

.bg-amethyst-light {
	background-color: #2c88e3
}

a.bg-amethyst-light:hover,
a.bg-amethyst-light:focus {
	background-color: #2c88e3
}

.bg-amethyst-lighter {
	background-color: #e4dcf2
}

a.bg-amethyst-lighter:hover,
a.bg-amethyst-lighter:focus {
	background-color: #c7b7e4
}

.text-city {
	color: #ff6b6b
}

a.text-city:hover,
a.text-city:active,
a.text-city:focus,
button.text-city:hover,
button.text-city:active,
button.text-city:focus {
	color: #ff6b6b;
	opacity: .75
}

.text-city-dark {
	color: #555
}

a.text-city-dark:hover,
a.text-city-dark:active,
a.text-city-dark:focus,
button.text-city-dark:hover,
button.text-city-dark:active,
button.text-city-dark:focus {
	color: #555;
	opacity: .75
}

.text-city-darker {
	color: #333
}

a.text-city-darker:hover,
a.text-city-darker:active,
a.text-city-darker:focus,
button.text-city-darker:hover,
button.text-city-darker:active,
button.text-city-darker:focus {
	color: #333;
	opacity: .75
}

.text-city-light {
	color: #ff8f8f
}

a.text-city-light:hover,
a.text-city-light:active,
a.text-city-light:focus,
button.text-city-light:hover,
button.text-city-light:active,
button.text-city-light:focus {
	color: #ff8f8f;
	opacity: .75
}

.text-city-lighter {
	color: #ffb8b8
}

a.text-city-lighter:hover,
a.text-city-lighter:active,
a.text-city-lighter:focus,
button.text-city-lighter:hover,
button.text-city-lighter:active,
button.text-city-lighter:focus {
	color: #ffb8b8;
	opacity: .75
}

.bg-city {
	background-color: #ff6b6b
}

a.bg-city:hover,
a.bg-city:focus {
	background-color: #ff3838
}

.bg-city-op {
	background-color: rgba(255, 107, 107, 0.75)
}

a.bg-city-op:hover,
a.bg-city-op:focus {
	background-color: rgba(255, 56, 56, 0.75)
}

.bg-city-dark {
	background-color: #555
}

a.bg-city-dark:hover,
a.bg-city-dark:focus {
	background-color: #3b3b3b
}

.bg-city-dark-op {
	background-color: rgba(85, 85, 85, 0.83)
}

a.bg-city-dark-op:hover,
a.bg-city-dark-op:focus {
	background-color: rgba(59, 59, 59, 0.83)
}

.bg-city-darker {
	background-color: #333
}

a.bg-city-darker:hover,
a.bg-city-darker:focus {
	background-color: #1a1a1a
}

.bg-city-light {
	background-color: #ff8f8f
}

a.bg-city-light:hover,
a.bg-city-light:focus {
	background-color: #ff5c5c
}

.bg-city-lighter {
	background-color: #ffb8b8
}

a.bg-city-lighter:hover,
a.bg-city-lighter:focus {
	background-color: #ff8585
}

.text-flat {
	color: #44b4a6
}

a.text-flat:hover,
a.text-flat:active,
a.text-flat:focus,
button.text-flat:hover,
button.text-flat:active,
button.text-flat:focus {
	color: #44b4a6;
	opacity: .75
}

.text-flat-dark {
	color: #3f5259
}

a.text-flat-dark:hover,
a.text-flat-dark:active,
a.text-flat-dark:focus,
button.text-flat-dark:hover,
button.text-flat-dark:active,
button.text-flat-dark:focus {
	color: #3f5259;
	opacity: .75
}

.text-flat-darker {
	color: #242f33
}

a.text-flat-darker:hover,
a.text-flat-darker:active,
a.text-flat-darker:focus,
button.text-flat-darker:hover,
button.text-flat-darker:active,
button.text-flat-darker:focus {
	color: #242f33;
	opacity: .75
}

.text-flat-light {
	color: #83d0c7
}

a.text-flat-light:hover,
a.text-flat-light:active,
a.text-flat-light:focus,
button.text-flat-light:hover,
button.text-flat-light:active,
button.text-flat-light:focus {
	color: #83d0c7;
	opacity: .75
}

.text-flat-lighter {
	color: #a8ded8
}

a.text-flat-lighter:hover,
a.text-flat-lighter:active,
a.text-flat-lighter:focus,
button.text-flat-lighter:hover,
button.text-flat-lighter:active,
button.text-flat-lighter:focus {
	color: #a8ded8;
	opacity: .75
}

.bg-flat {
	background-color: #44b4a6
}

a.bg-flat:hover,
a.bg-flat:focus {
	background-color: #368f84
}

.bg-flat-op {
	background-color: rgba(68, 180, 166, 0.75)
}

a.bg-flat-op:hover,
a.bg-flat-op:focus {
	background-color: rgba(54, 143, 132, 0.75)
}

.bg-flat-dark {
	background-color: #3f5259
}

a.bg-flat-dark:hover,
a.bg-flat-dark:focus {
	background-color: #2a363b
}

.bg-flat-dark-op {
	background-color: rgba(63, 82, 89, 0.83)
}

a.bg-flat-dark-op:hover,
a.bg-flat-dark-op:focus {
	background-color: rgba(42, 54, 59, 0.83)
}

.bg-flat-darker {
	background-color: #242f33
}

a.bg-flat-darker:hover,
a.bg-flat-darker:focus {
	background-color: #0f1315
}

.bg-flat-light {
	background-color: #83d0c7
}

a.bg-flat-light:hover,
a.bg-flat-light:focus {
	background-color: #5ec2b6
}

.bg-flat-lighter {
	background-color: #a8ded8
}

a.bg-flat-lighter:hover,
a.bg-flat-lighter:focus {
	background-color: #83d0c7
}

.text-modern {
	color: #14adc4
}

a.text-modern:hover,
a.text-modern:active,
a.text-modern:focus,
button.text-modern:hover,
button.text-modern:active,
button.text-modern:focus {
	color: #14adc4;
	opacity: .75
}

.text-modern-dark {
	color: #3e4d52
}

a.text-modern-dark:hover,
a.text-modern-dark:active,
a.text-modern-dark:focus,
button.text-modern-dark:hover,
button.text-modern-dark:active,
button.text-modern-dark:focus {
	color: #3e4d52;
	opacity: .75
}

.text-modern-darker {
	color: #323e42
}

a.text-modern-darker:hover,
a.text-modern-darker:active,
a.text-modern-darker:focus,
button.text-modern-darker:hover,
button.text-modern-darker:active,
button.text-modern-darker:focus {
	color: #323e42;
	opacity: .75
}

.text-modern-light {
	color: #7fe3f2
}

a.text-modern-light:hover,
a.text-modern-light:active,
a.text-modern-light:focus,
button.text-modern-light:hover,
button.text-modern-light:active,
button.text-modern-light:focus {
	color: #7fe3f2;
	opacity: .75
}

.text-modern-lighter {
	color: #c4f2f9
}

a.text-modern-lighter:hover,
a.text-modern-lighter:active,
a.text-modern-lighter:focus,
button.text-modern-lighter:hover,
button.text-modern-lighter:active,
button.text-modern-lighter:focus {
	color: #c4f2f9;
	opacity: .75
}

.bg-modern {
	background-color: #14adc4
}

a.bg-modern:hover,
a.bg-modern:focus {
	background-color: #0f8496
}

.bg-modern-op {
	background-color: rgba(20, 173, 196, 0.75)
}

a.bg-modern-op:hover,
a.bg-modern-op:focus {
	background-color: rgba(15, 132, 150, 0.75)
}

.bg-modern-dark {
	background-color: #3e4d52
}

a.bg-modern-dark:hover,
a.bg-modern-dark:focus {
	background-color: #283235
}

.bg-modern-dark-op {
	background-color: rgba(62, 77, 82, 0.83)
}

a.bg-modern-dark-op:hover,
a.bg-modern-dark-op:focus {
	background-color: rgba(40, 50, 53, 0.83)
}

.bg-modern-darker {
	background-color: #323e42
}

a.bg-modern-darker:hover,
a.bg-modern-darker:focus {
	background-color: #1c2325
}

.bg-modern-light {
	background-color: #7fe3f2
}

a.bg-modern-light:hover,
a.bg-modern-light:focus {
	background-color: #51d9ed
}

.bg-modern-lighter {
	background-color: #c4f2f9
}

a.bg-modern-lighter:hover,
a.bg-modern-lighter:focus {
	background-color: #96e8f4
}

.text-smooth {
	color: #ff6c9d
}

a.text-smooth:hover,
a.text-smooth:active,
a.text-smooth:focus,
button.text-smooth:hover,
button.text-smooth:active,
button.text-smooth:focus {
	color: #ff6c9d;
	opacity: .75
}

.text-smooth-dark {
	color: #4a5568
}

a.text-smooth-dark:hover,
a.text-smooth-dark:active,
a.text-smooth-dark:focus,
button.text-smooth-dark:hover,
button.text-smooth-dark:active,
button.text-smooth-dark:focus {
	color: #4a5568;
	opacity: .75
}

.text-smooth-darker {
	color: #333a47
}

a.text-smooth-darker:hover,
a.text-smooth-darker:active,
a.text-smooth-darker:focus,
button.text-smooth-darker:hover,
button.text-smooth-darker:active,
button.text-smooth-darker:focus {
	color: #333a47;
	opacity: .75
}

.text-smooth-light {
	color: #ff90b5
}

a.text-smooth-light:hover,
a.text-smooth-light:active,
a.text-smooth-light:focus,
button.text-smooth-light:hover,
button.text-smooth-light:active,
button.text-smooth-light:focus {
	color: #ff90b5;
	opacity: .75
}

.text-smooth-lighter {
	color: #ffb9d0
}

a.text-smooth-lighter:hover,
a.text-smooth-lighter:active,
a.text-smooth-lighter:focus,
button.text-smooth-lighter:hover,
button.text-smooth-lighter:active,
button.text-smooth-lighter:focus {
	color: #ffb9d0;
	opacity: .75
}

.bg-smooth {
	background-color: #ff6c9d
}

a.bg-smooth:hover,
a.bg-smooth:focus {
	background-color: #ff397b
}

.bg-smooth-op {
	background-color: rgba(255, 108, 157, 0.75)
}

a.bg-smooth-op:hover,
a.bg-smooth-op:focus {
	background-color: rgba(255, 57, 123, 0.75)
}

.bg-smooth-dark {
	background-color: #4a5568
}

a.bg-smooth-dark:hover,
a.bg-smooth-dark:focus {
	background-color: #353d4a
}

.bg-smooth-dark-op {
	background-color: rgba(74, 85, 104, 0.83)
}

a.bg-smooth-dark-op:hover,
a.bg-smooth-dark-op:focus {
	background-color: rgba(53, 61, 74, 0.83)
}

.bg-smooth-darker {
	background-color: #333a47
}

a.bg-smooth-darker:hover,
a.bg-smooth-darker:focus {
	background-color: #1e2229
}

.bg-smooth-light {
	background-color: #ff90b5
}

a.bg-smooth-light:hover,
a.bg-smooth-light:focus {
	background-color: #ff5d93
}

.bg-smooth-lighter {
	background-color: #ffb9d0
}

a.bg-smooth-lighter:hover,
a.bg-smooth-lighter:focus {
	background-color: #ff86ae
}

@media print {
	#page-container,
	#main-container {
		padding: 0 !important
	}
	#header-navbar,
	#sidebar,
	#side-overlay,
	.block-options {
		display: none !important
	}
}

/*============== BREADCRUMBS =====================*/

.breadcrumb {
	padding: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #999999;
	background-color: transparent
}

.breadcrumb>li+li:before {
	display: inline-block;
	padding: 0;
	font-family: "FontAwesome";
	color: rgba(0, 0, 0, 0.5);
	content: "\f105";
	width: 20px;
	text-align: center;
	vertical-align: top
}

/*============== CONTENT =====================*/

.content {
	margin: 0 auto;
	padding: 16px 14px 1px;
	max-width: 100%;
	overflow-x: visible
}

.content p,
.content .push,
.content .block,
.content .items-push>div {
	margin-bottom: 16px
}

.content .items-push-2x>div {
	margin-bottom: 32px
}

.content .items-push-3x>div {
	margin-bottom: 48px
}

.content.content-full {
	padding-bottom: 16px
}

.content.content-full .pull-b {
	margin-bottom: -16px
}

.content .pull-t {
	margin-top: -16px
}

.content .pull-r-l {
	margin-right: -14px;
	margin-left: -14px
}

.content .pull-b {
	margin-bottom: -1px
}

@media screen and (min-width:768px) {
	.content {
		margin: 0 auto;
		padding: 30px 30px 1px;
		max-width: 100%;
		overflow-x: visible
	}
	.content p,
	.content .push,
	.content .block,
	.content .items-push>div {
		margin-bottom: 30px
	}
	.content .items-push-2x>div {
		margin-bottom: 60px
	}
	.content .items-push-3x>div {
		margin-bottom: 90px
	}
	.content.content-full {
		padding-bottom: 30px
	}
	.content.content-full .pull-b {
		margin-bottom: -30px
	}
	.content .pull-t {
		margin-top: -30px
	}
	.content .pull-r-l {
		margin-right: -30px;
		margin-left: -30px
	}
	.content .pull-b {
		margin-bottom: -1px
	}
	.content.content-boxed {
		max-width: 1280px
	}
	.content.content-narrow {
		max-width: 95%
	}
}

.content-grid {
	margin-bottom: 24px
}

.content-grid .push,
.content-grid .block {
	margin-bottom: 6px
}

.content-grid .row {
	margin-left: -3px;
	margin-right: -3px
}

.content-grid .row>div[class*="col"] {
	padding-left: 3px;
	padding-right: 3px
}

.content-mini {
	margin: 0 auto;
	padding: 13px 14px 1px;
	max-width: 100%;
	overflow-x: visible
}

.content-mini p,
.content-mini .push,
.content-mini .block,
.content-mini .items-push>div {
	margin-bottom: 13px
}

.content-mini .items-push-2x>div {
	margin-bottom: 26px
}

.content-mini .items-push-3x>div {
	margin-bottom: 39px
}

.content-mini.content-mini-full {
	padding-bottom: 13px
}

.content-mini.content-mini-full .pull-b {
	margin-bottom: -13px
}

.content-mini .pull-t {
	margin-top: -13px
}

.content-mini .pull-r-l {
	margin-right: -14px;
	margin-left: -14px
}

.content-mini .pull-b {
	margin-bottom: -1px
}

@media screen and (min-width:768px) {
	.content-mini {
		margin: 0 auto;
		padding: 13px 30px 1px;
		max-width: 100%;
		overflow-x: visible
	}
	.content-mini p,
	.content-mini .push,
	.content-mini .block,
	.content-mini .items-push>div {
		margin-bottom: 13px
	}
	.content-mini .items-push-2x>div {
		margin-bottom: 26px
	}
	.content-mini .items-push-3x>div {
		margin-bottom: 39px
	}
	.content-mini.content-mini-full {
		padding-bottom: 13px
	}
	.content-mini.content-mini-full .pull-b {
		margin-bottom: -13px
	}
	.content-mini .pull-t {
		margin-top: -13px
	}
	.content-mini .pull-r-l {
		margin-right: -30px;
		margin-left: -30px
	}
	.content-mini .pull-b {
		margin-bottom: -1px
	}
}

.content-boxed {
	margin: 0 auto;
	width: 100%;
	max-width: 1280px
}

/*============== WIDGETS =====================*/
 .custom-dash{
    border: 1px solid #e6e5e5;
    width: 100%;
    display: block;
    background: #fff;
    margin-bottom: 20px;
}

.block {
	margin-bottom: 30px;
	background-color: #fff;
	border-top: 3px solid #d2d6de;
	-webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.01);
	box-shadow: 0 2px rgba(0, 0, 0, 0.01)
}
.block.flex-container {
    display: flex;
    place-content: center;
}
.block .block,
.side-content .block {
	-webkit-box-shadow: none;
	box-shadow: none
}

.block-header {
	padding: 15px 20px;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}

.block-header:before,
.block-header:after {
	content: " ";
	display: table
}

.block-header:after {
	clear: both
}

.block-title {
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.2
}

.block-title.text-normal {
	text-transform: none
}

.block-title small {
	font-size: 13px;
	font-weight: normal;
	text-transform: none
}

.block-content {
	margin: 0 auto;
	padding: 10px 10px 1px;
	max-width: 100%;
	overflow-x: visible;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}
.block.flex-container .block-content {
    display: flex;
    place-content: center;
	flex-grow: 1;
}
.block-content.block-content-full.block-content-mini {
    width: 60%;
    place-content: flex-start;
    flex-grow: 1;
    place-self: center;
    text-align: left;
	flex-direction: column;
}
.block-content.block-content-full.block-content-mini strong {
    display: block;
	font-size: 30px;
}
.block-content p,
.block-content .push,
.block-content .block,
.block-content .items-push>div {
	margin-bottom: 20px
}

.block-content .items-push-2x>div {
	margin-bottom: 40px
}

.block-content .items-push-3x>div {
	margin-bottom: 60px
}

.block-content.block-content-full {
	padding-bottom: 20px
}

.block-content.block-content-full .pull-b {
	margin-bottom: -20px
}

.block-content .pull-t {
	margin-top: -20px
}

.block-content .pull-r-l {
	margin-right: -20px;
	margin-left: -20px
}

.block-content .pull-b {
	margin-bottom: -1px
}

.block-content.block-content-mini {
	padding-top: 10px
}

.block-content.block-content-mini.block-content-full {
	padding-bottom: 10px
}

@media screen and (min-width:1200px) {
	.block-content.block-content-narrow {
		padding-left: 10%;
		padding-right: 10%
	}
}

.block.block-full .block-content {
	padding-bottom: 20px
}

.block.block-full .block-content.block-content-mini {
	padding-bottom: 10px
}

.block-table {
	width: 100%
}

.block-table td {
	padding: 10px;
	vertical-align: middle
}

.block.block-bordered {
	border: 1px solid #e9e9e9;
	-webkit-box-shadow: none;
	box-shadow: none
}

.block.block-bordered>.block-header {
	border-bottom: 1px solid #e9e9e9
}

.block.block-rounded {
	border-radius: 4px
}

.block.block-rounded>.block-header {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.block.block-rounded>.block-content:first-child {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.block.block-rounded>.block-content:last-child {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.block.block-themed>.block-header {
	border-bottom: none
}

.block.block-themed>.block-header>.block-title {
	color: #fff
}

.block.block-themed>.block-header>.block-title small {
	color: rgba(255, 255, 255, 0.75)
}

.block.block-transparent {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.block.block-opt-refresh {
	position: relative
}

.block.block-opt-refresh>.block-header {
	opacity: .25
}

.block.block-opt-refresh>.block-content {
	opacity: .15
}

.block.block-opt-refresh:before {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: " "
}

.block.block-opt-refresh:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #646464;
	font-family: Simple-Line-Icons;
	font-size: 18px;
	text-align: center;
	z-index: 2;
	content: "\e09a";
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear
}

.block.block-opt-refresh.block-opt-refresh-icon2:after {
	content: "\e06e"
}

.block.block-opt-refresh.block-opt-refresh-icon3:after {
	content: "\e020"
}

.block.block-opt-refresh.block-opt-refresh-icon4:after {
	font-family: 'FontAwesome';
	content: "\f021"
}

.block.block-opt-refresh.block-opt-refresh-icon5:after {
	font-family: 'FontAwesome';
	content: "\f185"
}

.block.block-opt-refresh.block-opt-refresh-icon6:after {
	font-family: 'FontAwesome';
	content: "\f1ce"
}

.block.block-opt-refresh.block-opt-refresh-icon7:after {
	font-family: 'FontAwesome';
	content: "\f250"
}

.block.block-opt-refresh.block-opt-refresh-icon8:after {
	font-family: 'FontAwesome';
	content: "\f01e"
}

.ie9 .block.block-opt-refresh:after {
	content: "Loading.." !important
}

.block.block-opt-fullscreen {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	margin-bottom: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.block.block-opt-hidden.block-bordered>.block-header {
	border-bottom: none
}

.block.block-opt-hidden>.block-content {
	display: none
}

a.block {
	display: block;
	color: #646464;
	font-weight: normal;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out
}

a.block:hover {
	color: #646464;
	opacity: .9
}

a.block.block-link-hover1:hover {
	-webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px rgba(0, 0, 0, 0.1);
	opacity: 1
}

a.block.block-link-hover1:active {
	-webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.01);
	box-shadow: 0 2px rgba(0, 0, 0, 0.01)
}

a.block.block-link-hover2:hover {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	opacity: 1
}

a.block.block-link-hover2:active {
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	transform: translateY(-1px);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05)
}

a.block.block-link-hover3:hover {
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
	opacity: 1
}

a.block.block-link-hover3:active {
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1)
}

.block>.nav-tabs {
	background-color: #0a1a2f;
	border-bottom: none
}

.block>.nav-tabs.nav-tabs-right>li {
	float: right
}

.block>.nav-tabs.nav-justified>li>a {
	margin-bottom: 0
}

.block>.nav-tabs>li {
	margin-bottom: 0
}

.block>.nav-tabs>li>a {
	margin-right: 0;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #ffffff;
	font-weight: 600;
	border: 1px solid transparent;
	border-radius: 0
}

.block>.nav-tabs>li>a:focus ,
.block>.nav-tabs>li>a:hover {
	color: #ffc539;
	background-color: transparent;
	border-color: transparent
}

.block>.nav-tabs>li.active>a,
.block>.nav-tabs>li.active>a:hover,
.block>.nav-tabs>li.active>a:focus {
	color: #000000;
    background-color: #0a1a2f;
	border-color: transparent
}

.block>.nav-tabs.nav-tabs-alt {
	background-color: transparent;
	border-bottom: 1px solid #e9e9e9
}

.block>.nav-tabs.nav-tabs-alt>li>a {
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out
}

.block>.nav-tabs.nav-tabs-alt>li>a:hover {
	-webkit-box-shadow: 0 2px #ffc539;
	box-shadow: 0 2px #ffc539
}

.block>.nav-tabs.nav-tabs-alt>li.active>a,
.block>.nav-tabs.nav-tabs-alt>li.active>a:hover,
.block>.nav-tabs.nav-tabs-alt>li.active>a:focus {
	-webkit-box-shadow: 0 2px #ffc539;
	box-shadow: 0 2px #ffc539
}

.block .block-content.tab-content {
	overflow: hidden
}

.block-options-simple {
	float: right;
	margin: -3px 0 -3px 15px;
	padding: 1px 0;
	min-height: 24px
}

.block-options-simple.block-options-simple-left {
	float: left;
	margin-right: 15px;
	margin-left: 0
}

.block-options-simple.block-options-simple-left+.block-title {
	float: right
}

.block-options {
	float: right;
	margin: -3px 0 -3px 15px;
	padding: 0;
	height: 24px;
	list-style: none
}

.block-options:before,
.block-options:after {
	content: " ";
	display: table
}

.block-options:after {
	clear: both
}

.block-options.block-options-left {
	float: left;
	margin-right: 15px;
	margin-left: 0
}

.block-options.block-options-left+.block-title {
	float: right
}

.block-options>li {
	display: inline-block;
	margin: 0 2px;
	padding: 0
}

.block-options>li>a,
.block-options>li>button {
	display: block;
	padding: 2px 3px;
	color: #999999;
	opacity: .6
}

.block.block-themed>.block-header .block-options>li>a,
.block.block-themed>.block-header .block-options>li>button {
	color: #fff
}

.block-options>li>a:hover,
.block-options>li>button:hover {
	text-decoration: none;
	opacity: 1
}

.block-options>li>a:active,
.block-options>li>button:active {
	opacity: .6
}

.block-options>li>span {
	display: block;
	padding: 2px 3px
}

.block.block-themed>.block-header .block-options>li>span {
	color: #fff
}

.block-options>li>a:focus {
	text-decoration: none;
	opacity: 1
}

.block-options>li>button {
	background: none;
	border: none
}

.block-options>li.active>a,
.block-options>li.open>button {
	text-decoration: none;
	opacity: 1
}
/*======================DASHBOARD =========================*/
.info-block {
	display: block;
	min-height: 90px;
	background: #fff;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 2px;
	margin-bottom: 15px;
}
.info-block-icon {
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px;
	display: block;
	float: left;
	height: 90px;
	width: 90px;
	text-align: center;
	font-size: 45px;
	line-height: 90px;
	background: rgba(0,0,0,0.2);
}
.info-block-content {
	padding: 5px 10px;
	margin-left: 90px;
}
.progress-description, .info-block-text {
	display: block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.info-block-number {
	display: block;
	font-weight: bold;
	font-size: 18px;
}
.info-block .progress, .info-block .progress .progress-bar {
	border-radius: 0;
}
.info-block .progress {
	background: rgba(0,0,0,0.2);
	margin: 5px -10px 5px -10px;
	height: 2px;
}
.info-block .progress .progress-bar {
	background: #fff;
}
.progress-description {
	margin: 0;
}
/*======================LOGIN =========================*/
 .cash-pagelog {
     background: url(../../upload/green-bg.jpg) no-repeat right bottom / cover;
     width: 100%;
     height: 100vh;
     display: flex;
     flex-direction: column;
     place-content: center;
}
 .cash-pagelog .head-new-title{
     background-color:#003366;
     padding:11px;
     margin-bottom:10px;
}
 .cash-pagelog .head-new-title h2{
     color:#fff;
}
 .cash-pagelog .login_page {
     background-color: #fff;
     padding: 0;
     overflow: hidden;
     border-radius: 7px;
}
 input[type="text"], input[type="password"]{
     color:#444;
}
.cash-pagelog .img-box {
     text-align:center;
     margin:36px 0 0px;
}
 .cash-pagelog .img-box img {
}
 .cash-pagelog a:hover{
     color:#fff;
}
.login_page{
     padding:50px 0px;
}
.wido{
     max-width:100%;
     width:450px;
}
.join_form{
     padding:20px;
}
.join1{
     width: 100%;
     padding: 12px 20px;
     margin: 8px 0;
     display: inline-block;
     border: 1px solid #ccc;
     border-radius: 0px;
     box-sizing: border-box;
}
.join3{
     width: 100%;
     padding: 12px 20px;
     margin: 8px 0;
     display: inline-block;
     border: 1px solid #ccc;
     border-radius: 0px;
     box-sizing: border-box;
}
.joindob{
     width: 100%;
     padding: 12px 20px;
     margin: 8px 0;
     display: inline-block;
     border: 1px solid #ccc;
     border-radius: 0px;
     box-sizing: border-box;
}
.no_pad_left{
     padding-left:0px;
}
.no_pad_right{
     padding-right:0px;
}
.join2[type=submit] {
     width: 100%;
     background-color: #4CAF50;
     color: white;
     padding: 14px 20px;
     margin: 8px 0;
     border: none;
     border-radius: 4px;
     cursor: pointer;
}
.join2:hover {
     background-color: #45a049;
}
.legal_btn{
     padding:0px 0px 0px 10px;
}
.let_talk{
     width: 100%;
     padding: 12px 20px;
     margin: 8px 0;
     display: inline-block;
     border: 1px solid #ccc;
     border-radius: 0px;
     box-sizing: border-box;
}

/*========================== Product List =================*/
.product_title {
	height: 43px;
	overflow: hidden;
	display: block;
	font-size: 16px;
}
.price.product-price {
	color: #46c37b;
}
.price.old-price {
	color: #999;
	text-decoration: line-through;
	font-size: .8em;
	vertical-align: middle;
}
.dis_off_cat {
	font-weight: bold;
	color: #f00;
	letter-spacing: 1px;
	font-size: .9em;
	vertical-align: middle;
}


.shopping-cart-box{
     padding: 0;
     line-height:normal;
	 position: relative;
}
.shopping-cart-box:hover .cart-block{
     -webkit-transform: translate(0,0);
     -moz-transform: translate(0,0);
     -o-transform: translate(0,0);
     -ms-transform: translate(0,0);
     transform: translate(0,0);
     opacity: 1;
     visibility: visible;
}
.shopping-cart-box a.cart-link {
	width: 100%;
	border: 0 none;
	display: block;
	position: relative;
	padding: 15px 15px;
	
}
.shopping-cart-box:hover a.cart-link,
.shopping-cart-box a.cart-link:hover {
     background: rgba(0, 0, 0, 0.1); 
}
.shopping-cart-box a.cart-link .title{
     width: 100%;
     float: left;
     text-transform: uppercase;
     font-weight: bold;
     margin-top: 2px;
}

 .cart-block{
     position: absolute;
     top: 100%;
     right: -1px;
     z-index: 1002;
     max-height: 300px;
     overflow-y:auto;
     background: #FFF;
     color: #666;
     width: 300px;
     opacity: 0;
     -webkit-box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2);
     -moz-box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2);
     box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2);
     -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
     transition: opacity 0.5s, transform 0.5s;
     -webkit-transform: translate(0,40px);
     -moz-transform: translate(0,40px);
     -o-transform: translate(0,40px);
     -ms-transform: translate(0,40px);
     transform: translate(0,40px);
     opacity: 0;
     display: block;
     visibility: hidden;
}
 .cart-block .cart-block-content{
     padding: 20px;
     overflow: hidden;
}
 .cart-block .cart-block-content .cart-title{
     text-transform: uppercase;
     font-size: 12px;
}
 .cart-block .cart-block-content .cart-block-list{
}
 .cart-block .cart-block-content .product-info{
     margin-top: 10px;
     border-bottom: 1px solid #eaeaea;
     display: block;
     overflow: hidden;
     padding-bottom: 10px;
}
 .cart-block .cart-block-content .product-info .p-left{
     width: 50px;
     float: left;
     position: relative;
}
.cart-block .cart-block-content .product-info .p-right .p-name {
	height: 44px; 
	overflow: hidden;
	margin-top: 0;
	line-height: 14px; 
}
 .cart-block .cart-block-content .product-info .p-right{
     margin-left: 60px;
     line-height: 25px;
}
 .cart-block .cart-block-content .product-info .p-right .p-rice{
     color: #766aac;
}
 .cart-block .cart-block-content .product-info .p-right .change_quantity{
     margin-top: 10px;
}
 .cart-block .cart-block-content .product-info .p-right .change_quantity .blockcart_quantity_down,
 .cart-block .cart-block-content .product-info .p-right .change_quantity .blockcart_quantity_up {
     float: left;
     width: 20px;
     height: 30px;
     border: 1px solid #ccc;
     padding-top: 2px;
     text-align: center;
}
 .cart-block .cart-block-content .product-info .p-right .change_quantity .cart_quantity_input_text {
     width: 60px;
     border: 1px solid #ccc;
     margin-left: -1px;
     margin-right: -1px;
     height: 30px;
     line-height: 100%;
     float: left;
     text-align: center;
}
 .cart-block .cart-block-content .toal-cart{
     margin-top: 10px;
}
 .cart-block .cart-block-content .toal-cart .toal-price{
     font-size: 18px;
     color: #999;
}
 .cart-block .cart-block-content .cart-buttons{
     overflow: hidden;
     width: 100%;
}
 .cart-block .cart-block-content .cart-buttons a{
     width: 100%;
     float: left;
     margin-top: 12px;
     text-transform: uppercase;
     font-size: 13px;
     padding: 10px 0;
     text-align: center;
}
 .cart-block .cart-block-content .cart-buttons a:hover{
     opacity: 0.8;
}
 .cart-block .cart-block-content .cart-buttons a.btn-my-cart{
     background:#eee;
}
 .cart-block .cart-block-content .cart-buttons a.btn-check-out{
     background:#003366;
     color: #fff;
}
/*================== [18. Product page]========================= */
 #product .pb-right-column{
     line-height: 30px;
}
 #product .pb-right-column .fa{
     line-height: inherit;
}
 #product .pb-right-column .product-name{
     font-size: 24px;
}
 #product .pb-right-column .product-comments .product-star, #product .pb-right-column .product-comments .comments-advices{
     width: auto;
     display: inline-block;
}
 #product .pb-right-column .product-comments .product-star{
     color: #ff9900;
     display: none;
}
 #product .pb-right-column .product-comments .comments-advices a{
     border-right: 1px solid #eaeaea;
     padding-left: 15px;
     padding-right: 15px;
}
 #product .pb-right-column .product-comments .comments-advices a:last-child{
     border-right: none;
}
 #product .pb-right-column .product-price-group .price, #product .pb-right-column .product-price-group .old-price, #product .pb-right-column .product-price-group .discount{
     display: inline-block;
     margin-right: 15px;
}
 #product .pb-right-column .product-price-group .price{
     font-size: 18px;
     font-weight: bold;
     color: #766aac;
}
 #product .pb-right-column .product-price-group .old-price{
     text-decoration: line-through;
}
 #product .pb-right-column .product-price-group .discount{
     background: #ff9900;
     color: #fff;
     padding: 0 15px;
     text-align: center;
     line-height: inherit;
     margin-right: 0;
     height: 23px;
     line-height: 23px;
}
 #product .pb-right-column .info-orther{
     padding-bottom: 5px;
}
 #product .pb-right-column .product-desc, #product .pb-right-column .form-option, #product .pb-right-column .form-action, #product .pb-right-column .form-share{
     border-top: 1px solid #eaeaea;
     padding: 10px 0;
}
 #product .pb-right-column .form-option #size_chart{
     color: #766aac;
     text-decoration:underline;
     margin-left: 15px;
}
 #product .pb-right-column .product-desc{
     line-height: 24px;
}
 #product .pb-right-column .form-option .attributes{
     clear: both;
     padding: 5px 0;
     overflow: hidden;
}
 #product .pb-right-column .form-option .attributes:first-child{
     padding-top: 0;
}
 #product .pb-right-column .form-option .attributes .attribute-label{
     width: 50px;
     float: left;
}
 #product .pb-right-column .form-option .form-option-title{
     font-weight: bold;
     line-height: 20px;
}
 #product .pb-right-column .form-option .attributes select{
     padding: 0px 0px 0px 10px;
     height: 29px;
     line-height: 23px;
     -moz-appearance: none;
     -webkit-appearance: none;
     background: #FAFAFA url("../images/dropdown.png") no-repeat scroll right center;
     display: inline-block;
     border: 1px solid #eaeaea;
     min-width: 95px;
}
 #product .pb-right-column .form-option .qty{
     width: 40px;
     display: inline-block;
     float: left;
     overflow: hidden;
}
 #product .pb-right-column .form-option .product-qty{
     border: 1px solid #eaeaea;
     width: 60px;
     margin-left: 50px;
     overflow: hidden;
     background: #FAFAFA;
}
 #product .pb-right-column .form-option .attributes .btn-plus{
     width: 18px;
     height: 29px;
     float: left;
     display: inline-block;
     margin-top: -5px;
}
 #product .pb-right-column .form-option .btn-plus a{
     width: 18px;
     height: 10px;
     float: left;
     text-align: center;
     cursor: inherit;
}
 #product .pb-right-column .form-option .attributes input{
     max-width: 50px;
     padding: 0 5px;
}
 #product .pb-right-column .form-option .list-color{
     overflow: hidden;
     padding-top: 5px;
}
 #product .pb-right-column .form-option .list-color li{
     width: 20px;
     height: 20px;
     border: 1px solid #eaeaea;
     float: left;
     margin-right: 10px;
}
 #product .pb-right-column .form-option .list-color li:hover, #product .pb-right-column .form-option .list-color li.active{
     border: 1px solid #766aac;
}
 #product .pb-right-column .form-option .list-color li a{
     width: 20px;
     height: 20px;
     float: left;
     text-indent: -9999px;
}
 #product .pb-right-column .form-action{
     padding: 0;
     padding-bottom: 5px;
}
 #product .pb-right-column .form-action .button-group{
     margin-top: 15px;
     overflow: hidden;
}
 #product .pb-right-column .form-action .button-group .wishlist, #product .pb-right-column .form-action .button-group .compare{
     min-width: 50px;
     padding-right: 15px;
     text-align: center;
     float: left;
}
 #product .pb-right-column .form-action .button-group .wishlist .fa, #product .pb-right-column .form-action .button-group .compare .fa{
     font-size: 18px;
     width: 30px;
     height:30px;
     color: #fff;
     line-height: 30px;
     background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
     border-radius: 90%;
}
 #product .pb-right-column .form-action .button-group .wishlist:hover .fa, #product .pb-right-column .form-action .button-group .compare:hover .fa{
     background: #766aac;
}
 #product .pb-right-column .form-share .fa{
     font-size: 18px;
}
 #product .pb-right-column .form-share .sendtofriend-print a{
     margin-right: 15px;
     margin-bottom: 15px;
}
 #product .pb-left-column .product-image .product-full{
     border: 1px solid #eaeaea;
     padding: 10px;
}
 #product .pb-left-column .product-image .product-img-thumb{
     margin-top: 15px;
     padding: 0 40px;
}
 #product .pb-left-column .product-image .product-img-thumb li{
     border: 1px solid #eaeaea;
     padding: 7px 10px;
}
 #product .pb-left-column .product-image .owl-next{
     right: -40px;
}
 #product .pb-left-column .product-image .owl-prev{
     left: -40px;
}
.product-comments-block-tab {
     overflow: hidden;
}
 .product-comments-block-tab .fa{
     line-height: inherit;
}
 .product-comments-block-tab .reviewRating{
     color: #ff9900;
}
 .product-comments-block-tab .comment{
     padding-bottom: 10px;
     padding-top: 10px;
     border-bottom: 1px dotted #eaeaea;
}
 .product-comments-block-tab .comment:first-child{
     padding-top: 0;
}
 .product-comments-block-tab .comment:last-child{
     padding-bottom: 0;
     border-bottom:none;
}
 .product-comments-block-tab .comment .author{
     border-right: 1px solid #eaeaea;
}
 .product-comments-block-tab .btn-comment{
     padding: 5px 15px;
     border: 1px solid #eaeaea;
     float: left;
     margin-top: 15px;
}
 .page-product-box{
     margin-top: 50px;
}
 .page-product-box .heading{
     font-size: 16px;
     color: #333333;
     text-transform: uppercase;
     font-weight: bold;
     padding-bottom: 17px;
}
 .page-product-box .owl-next{
     top: -20px;
}
 .page-product-box .owl-prev{
     top: -20px;
     left: inherit;
     right: 26px;
}
 .page-product-box .product-list li{
     margin-bottom: 1px;
}
 .default_img {
     height: 157px;
	 width: auto;
	object-fit: cover;
	margin: 0 auto;
}
.slick-slide img {
	display: block;
	max-height: 420px;
	margin: 0 auto;
}
.portfolio-slides.slick-slider {
	border: 1px solid #eee;
	border-radius: 6px;
}
.gallery_imgs.slick-slide.slick-current.slick-active {
	border-color: #fff;
}
.slick-prev::before, .slick-next::before {
	color: #ccc;
}
.gallery_imgs {
	height: 100px;
	/* width: auto; */
	/* object-fit: cover; */
	border: 1px solid #eee;
	padding: 6px;
	border-radius: 4px;
	margin: 10px;
	display: block;
}
.gallery_imgs img {
	height: 80px;
	width: auto;
	object-fit: cover;
}
 .cat_default_img {
     height: 198px;
	 width: auto;
	object-fit: cover;
}


/*========================== SELECT 2 =================*/
.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	height: 46px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 45px;
}
.select2-container--default .selection .select2-selection--single .select2-selection__rendered > i {
	width: 16px;
	height: 43px !important;
	display: inline-block;
	
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 36px;
}

.fa, .fab, .fal, .far, .fas {
	vertical-align: middle;
}
.fa.fa-pencil::before {
	content: "\f303";
}
@media (max-width: 768px) {
    /* GENERAL PAGE */
    body {
        padding: 0;
        margin: 0;
        font-size: 14px;
    }

    .main-container,
    .container {
        padding: 0 10px;
    }

    .page-heading {
        font-size: 20px;
        text-align: center;
        margin-bottom: 15px;
    }

    /* SIDEBAR */
    .sidenav.col-sm-3 {
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        height: 100%;
        background-color: #272c33;
        z-index: 9999;
        transition: left 0.3s ease-in-out;
    }

    .sidenav.col-sm-3.active {
        left: 0;
    }

    .sidenav .nav {
        margin-top: 20px;
    }

    .left-side-bar .user-img img {
        width: 100px;
        margin: 10px auto;
        display: block;
    }

    .dividr1 {
        display: none;
    }

    /* TOGGLE BUTTON FOR SIDEBAR */
    .sidebar-toggle {
        display: inline-block;
        font-size: 24px;
        color: #fff;
        background: none;
        border: none;
        padding: 10px 15px;
    }

    /* HEADER */
    .header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px;
        background-color: #0a1a2f;
        color: white;
        position: relative;
        z-index: 10000;
    }

    .header h1,
    .header .page-heading {
        font-size: 18px;
        margin: 0;
    }

    /* MAIN CONTENT SHIFT WHEN MENU OPENS */
    .main-container.shifted {
        margin-left: 80%;
    }

    /* FOOTER */   
    .footer {
        text-align: center;
        font-size: 12px;
        padding: 10px;
    }
}
@media only screen and (max-width: 768px) {
    .left-sided-menu {
        padding: 0px;
        overflow: auto;
        font-size: 6px;   /* added px to make it valid */
        font-weight: 100;
        background-color: #0a1a2f;
        /* position: fixed; */
        top: 0px;
        width: 349px;
        height: 39%;
        color: #e1ffff;
        left: 0;
    }
}