body{font-family: 'Lato', sans-serif;}

body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0; 
	font-family: 'Lato', sans-serif;
}
p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}

h1.page-header {
    margin-top: -5px;
}

.sidebar {
	padding-left: 0;
}

.main-container { 

}


.footer {
	width: 100%;
}  

:focus {
	outline: none;
}

.navbar.main-menu {    margin-bottom: 0;
    padding: 10px 0;
    background: #fff; z-index: 5;}

.side-menu {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	border-right: 1px solid #e7e7e7;
}
.side-menu .navbar {
	border: none; margin-bottom:0;
}
.side-menu .navbar-header {
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav .active a {
	background-color: #3376a7;
    color: #ffffff;
    border-left: 6px solid #3376a7;
}

.side-menu .navbar-nav li a:hover, 
.side-menu .navbar-nav li a:focus {
    color: #fff;
    background-color: #57a8e2;
	border-left: 6px solid #3376a7;
}

.side-menu .navbar-nav li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;margin-bottom: 0; background: #fed669;
}
.side-menu .navbar-nav li a {
	text-align:center;
	position: relative;
    color: #333;
    white-space: nowrap;
    z-index: 2;
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
	border-left: 6px solid transparent;
	
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #57a8e2;
}
.side-menu .navbar-nav li a span{ display:block; margin-top:5px; }

.side-menu .navbar-nav li a .glyphicon {
	padding-right: 10px;
}
.side-menu .navbar-nav li.dropdown .inul { }
.side-menu .navbar-nav li.dropdown .inul ul li a{ text-align:left; } 
.side-menu #dropdown {
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
}
.side-menu .dropdown .caret {
	float: right;
	margin: 9px 5px 0;
}

.side-menu .dropdown .caret.caret2  {

    float: right;
    margin: 9px 5px 0;
    position: absolute;
    top: 30%;
    right: 10px;

}

.side-menu .dropdown .caret.caret1 {
    position: absolute;
    right: 15px;
    top: 40%;
}

.side-menu .dropdown .indicator {
	float: right;
}
.side-menu .dropdown > a {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .dropdown .panel-body {
	padding: 0;
	background-color: #ff7e7e80;
}
.side-menu .dropdown .panel-body .navbar-nav {
	width: 100%;
}
.side-menu .dropdown .panel-body .navbar-nav li {
	padding-left: 0x;
	border-bottom:0px solid #e7e7e7;
}
.side-menu .dropdown .panel-body .navbar-nav li:last-child {
	border-bottom: none;
}
.side-menu .dropdown .panel-body .panel > a {
	margin-left: -20px;
	padding-left: 35px;
}
.side-menu .dropdown .panel-body .panel-body {
	margin-left: -15px;
}
.side-menu .dropdown .panel-body .panel-body li {
	padding-left: 30px;
}
.side-menu .dropdown .panel-body .panel-body li:last-child {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .dropdown .panel-body .panel-body ul li{ text-align:right !important; }

.side-menu #search-trigger {
	background-color: #f3f3f3;
	border: 0;
	border-radius: 0;
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
	min-height: 50px;
}
.side-menu .brand-name-wrapper .navbar-brand {
	display: block;
}
.side-menu #search {
	position: relative;
	z-index: 1000;
}
.side-menu #search .panel-body {
	padding: 0;
}
.side-menu #search .panel-body .navbar-form {
	padding: 0;
	padding-right: 50px;
	width: 100%;
	margin: 0;
	position: relative;
	border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
	width: 100%;
	position: relative;
}
.side-menu #search .panel-body .navbar-form input {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	border-radius: 0;
	background-color: #f3f3f3;
	padding: 15px 18px;
}
/* Main body section */
.side-body {
	margin-left: 310px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand ,
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand:hover {
    font-size: 16px;
    font-weight: 600;
    color: #666;
}
.label.label-primary {
   border-radius: 50%;
    font-size: 9px;
    right: 1px;
    position: absolute;
    top: 8px;
}
.icon-info .label {
    border: 2px solid #ffffff;
    font-weight: 500;
    padding: 3px 5px;
    text-align: center;
}


.gry{ background: #e9edee !important; }

.page-sec .panel.panel-in { border: none;background: none;}

/* small screen */
@media (max-width: 768px) {
	.side-menu {
		position: relative;
		width: 100%;
		height: 0;
		border-right: 0;
	}

	.side-menu .navbar {
		z-index: 999;
		position: relative;
		height: 0;
		min-height: 0;
		background-color:none !important;
		border-color: none !important;
	}
	.side-menu .brand-name-wrapper .navbar-brand {
		display: inline-block;
	}
	/* Slide in animation */
	@-moz-keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@-webkit-keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@-moz-keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	@-webkit-keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	@keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	/* Slide side menu*/
	/* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
	.side-menu-container > .navbar-nav.slide-in {
		-moz-animation: slidein 300ms forwards;
		-o-animation: slidein 300ms forwards;
		-webkit-animation: slidein 300ms forwards;
		animation: slidein 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.side-menu-container > .navbar-nav {
		/* Add position:absolute for scrollable menu -> see top comment */
		position: fixed;
		left: -300px;
		width: 300px;
		top: 43px;
		height: 100%;
		border-right: 1px solid #e7e7e7;
		background-color: #f8f8f8;
		overflow: auto;
		-moz-animation: slideout 300ms forwards;
		-o-animation: slideout 300ms forwards;
		-webkit-animation: slideout 300ms forwards;
		animation: slideout 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	@-moz-keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@-webkit-keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@-moz-keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	@-webkit-keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	@keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	/* Slide side body*/
	.side-body {
		margin-left: 5px;
		margin-top: 70px;
		position: relative;
		-moz-animation: bodyslideout 300ms forwards;
		-o-animation: bodyslideout 300ms forwards;
		-webkit-animation: bodyslideout 300ms forwards;
		animation: bodyslideout 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.body-slide-in {
		-moz-animation: bodyslidein 300ms forwards;
		-o-animation: bodyslidein 300ms forwards;
		-webkit-animation: bodyslidein 300ms forwards;
		animation: bodyslidein 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	/* Hamburger */
	.navbar-toggle-sidebar {
		border: 0;
		float: left;
		padding: 18px;
		margin: 0;
		border-radius: 0;
		background-color: #f3f3f3;
	}
	/* Search */
	#search .panel-body .navbar-form {
		border-bottom: 0;
	}
	#search .panel-body .navbar-form .form-group {
		margin: 0;
	}
	.side-menu .navbar-header {
		/* this is probably redundant */
		position: fixed;
		z-index: 3;
		background-color: #f8f8f8;
	}
	/* Dropdown tweek */
	#dropdown .panel-body .navbar-nav {
		margin: 0;
	}
}


@media (max-width: 767px) {
.navbar.main-menu { margin-bottom: 0;padding: 0;}
.nav.navbar-nav.navbar-right> li {  width:auto;float: left;}
.detailed-info-sec aside.left aside.img-sec { width: 58px; padding-right: 15px;}
.detailed-info-sec aside h3.verfy-txt { padding-right: 0; margin-top: 14px;  font-size: 14px;}
.button-gallery-sec a.btn.btn-gry-red { width: 32.6%;}
}



.profile-fill-sec { margin:15px 0 10px 0 !important; }
.profile-fill-sec .progress {height: 10px !important; margin-bottom: 0 !important; width: 90%;}
.profile-fill-sec .progress > .progress-completed {position: absolute;right: 0px;font-weight: 800; padding: 0px 8px 0px;font-size: 12px; margin-top: -5px;}
.profile-fill-sec p.progrs-p-txt{ padding-top: 10px; font-weight: 300; font-size: 12px;color: #333; padding: 0;  margin: 0;}