/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/

    body,html{
		height: 100%;
		font-family: 'Open Sans', sans-serif;
		height: 100%;
	}
	body{
		background-color: #FFFFFF;
	}

	/* remove outer padding */
	.main .row{
	/*	padding: 0px;
		margin: 0px;*/
	}
	.h1 {
		color:#817C6E!important;
		font-size:16px;
	}
	/*..............................................Sidebar Begin............................................*/
	
	/*Remove rounded coners*/

	nav.sidebar.navbar {
		border-radius: 0px;
		border-width: 0;
	}
	.sidebar{
		background-color:#19B6E1;
	}
	nav.sidebar, .main{
		-webkit-transition: margin 200ms ease-out;
	    -moz-transition: margin 200ms ease-out;
	    -o-transition: margin 200ms ease-out;
	    transition: margin 200ms ease-out;
	}

	/* Add gap to nav and right windows.*/
	.main{
		padding: 0px 0px 0 0px;
		margin-top: 95px;
	}
	.main .dashboard-content {
	}
	.siteLogo {
	height:71px;
	}
	.navbar-relative-left{
		top: 95px;
		position: relative;
		right: 0;
		left: 0;
		z-index: 1030;
		-webkit-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	/* Gallery Configuration */
	.mt {
    margin-top: 15px;
}
.photo-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #68dff0;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.project .overlay {
  position: absolute;
  text-align: center;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  
}

.project:hover .photo-wrapper {
  background-color: #68dff0;
	background-image:url(../img/zoom.png);
	background-repeat:no-repeat;
	background-position:center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: relative;
}
.project:hover .photo {
  opacity: 10;
  filter: alpha(opacity=4000);
  opacity: 0.1;
  filter: alpha(opacity=40);
}
.project:hover .overlay {
  opacity: 100;
  filter: alpha(opacity=10000);
  opacity: 1;
  filter: alpha(opacity=100);
}
	/*small/medium side display*/
	@media (min-width: 768px) {

		/*Allow main to be next to Nav*/
		.main{
			position: absolute;
			width: calc(100% - 40px); /*keeps 100% minus nav size*/
			margin-left: 40px;
			float: right;
		}

		/*lets nav bar to be showed on mouseover*/
		nav.sidebar:hover + .main{
			margin-left: 270px;
		}

		/*Center Brand*/
		nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
			margin-left: 0px;
		}
		/*Center Brand*/
		nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
			text-align: center;
			width: 100%;
			margin-left: 0px;
		}
		.navbar-nav li a {
		color:#039DC8;
		}
		/*Center Icons*/
		nav.sidebar a{
			padding-right: 13px;
		}
		.sidebar-ul>li>a{
			color: white;
			text-transform: capitalize;
		}		
		.sidebar-ul>li>a:hover, .sidebar-ul>li>a:focus, .sidebar-ul>li>a:active, .sidebar-ul>li>a:visited{
			background-color: #039DC8!important;
			
		}
		.sidebar-ul .dropdown-menu>li>a{
			color: white!important;
			text-transform: capitalize;
			background-color:#66CCFF!important;
		}
		.sidebar-ul .dropdown-menu>li>a:hover {
			color: #19B6E1 !important;
			background-color:#FFFFFF !important;
			font-weight:bold;
		}
		/*adds border top to first nav box */
		nav.sidebar .navbar-nav > li:first-child{
			border-top: 1px #e5e5e5 solid;
		}

		/*adds border to bottom nav boxes*/
		nav.sidebar .navbar-nav > li{
			border-bottom: 1px #e5e5e5 solid;
		}

		/* Colors/style dropdown box*/
		nav.sidebar .navbar-nav .open .dropdown-menu {
			position: static;
			float: none;
			width: auto;
			margin-top: 0;
			background-color: transparent;
			border: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		/*allows nav box to use 100% width*/
		nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
			padding: 0 0px 0 0px;
		}

		/*colors dropdown box text */
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
			color: #777;
		}

		/*gives sidebar width/height*/
		nav.sidebar{
			width: 270px;
			height: 100%;
			margin-left: -230px;
			float: left;
			z-index: 8000;
			margin-bottom: 0px;
		}

		/*give sidebar 100% width;*/
		nav.sidebar li {
			width: 100%;
		}

		/* Move nav to full on mouse over*/
		nav.sidebar:hover{
			margin-left: 0px;
		}
		/*for hiden things when navbar hidden*/
		.forAnimate{
			opacity: 0;
		}
	}
		/*adds border top to first nav box */
		nav.sidebar .navbar-nav > li:first-child{
			border-top: 1px #e5e5e5 solid;
		}

		/*adds border to bottom nav boxes*/
		nav.sidebar .navbar-nav > li{
			border-bottom: 1px #e5e5e5 solid;
		}
		.sidebar-ul>li>a{
			color: white;
		}
		.sidebar-ul>.open>a:hover, .sidebar-ul>.open>a:focus, .sidebar-ul>.open>a:visited,
		.sidebar-ul>li>a:hover, .sidebar-ul>li>a:focus, .sidebar-ul>li>a:visited{
			background-color:#193959;
			
		}		
		.sidebar-ul>li>ul>li>a{
			color: white;
		}
		.sidebar-ul>li>ul>li>a:hover, .sidebar-ul>li>ul>li>a:focus{
			color: white;
		}		
		.sidebar-ul{
			/*background-color:#193959;*/
			background:#19B6E1;
			border-color: #080808;
			border-right: 0;
		}

	/* .....NavBar: Fully showing nav bar..... */

	@media (min-width: 1330px) {

		/*Allow main to be next to Nav*/
		.main{
			width: calc(100% - 270px); /*keeps 100% minus nav size*/
			margin-left: 270px;
		}

		/*Show all nav*/
		nav.sidebar{
			margin-left: 0px;
			float: left;
		}
		/*Show hidden items on nav*/
		nav.sidebar .forAnimate{
			opacity: 1;
		}
		.sidebar-ul>li>a{
			padding-left: 26px;
		}
		.sidebar-ul>li>ul>li>a{
			padding-left: 26px;
		}
	}

	nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #CCC;
		background-color: transparent;
	}

	nav:hover .forAnimate{
		opacity: 1;
	}
	section{
		padding-left: 15px;
	}

	.sidebar .navbar-nav>.active>a, .sidebar .navbar-nav>.active>a:hover, .sidebar .navbar-nav>.active>a:focus{
		background-color: rgba(0,155,197,0.9);
	}

	/*......................................................Sidebar End......................................................*/

	/*.......................................................Top Navbar Start................................................*/
	.topnav{
		background-color: white;
		-webkit-box-shadow: 1px 0 1px 1px #ccc;
		box-shadow: 1px 0 1px 1px #ccc;
		border-radius: 0;
		margin-bottom: 0;
	}
	.topnav .navbar-brand{
		padding: 12px 15px;
		display: inline-table;
	}
	/*.......................................................Top Navbar End......................................................*/

/*.............................................................glyphicon.........................................................*/
	
.glyphicon, .fa{
	font-size: x-large;
}

.pad0{
	padding:0;
}
.padl0{
	padding-left: 0;
}
.pad-variatn{
	padding-left: 0;
}
.marb0{
	margin-bottom: 0;
}
.thumb-drop{
	border:4px solid #19B6E1;
	height: 55px;
	width: 55px;
}
.user-name{
	line-height: 1.8;
	
}
.user-name-text{
color:#000000;
}
.message-subject{
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
}
.message-brief{
	line-height: normal;
	font-size: 13px;
}
.message-drop{
	padding: 0;
}
.message-drop>li:last-child>a:hover ,.message-drop>li>a:focus{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.message-drop>li:last-child>a{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}  
.message-box{
	min-width: 370px;
}
.message-drop .message-thumb{
	margin-right: 10px!important;
	margin-top: 4px;
}
.message-drop>li>a{
	height: 80px;
	padding: 8px 20px 0px;
	border-bottom: 1px solid #e5e5e5;
}
.message-count{
	position: absolute;
	left: 33px;
	top: 3px;
	background-color: red;
	display: inline-block;
	color: white;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	font-size: 10px;
	height: 20px;
	width: 20px;
	margin: 5px auto;
}
.message-count-hide{
	position: absolute;
	left: 33px;
	top: 3px;
	background-color: red;
	display: none;
	color: white;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	font-size: 10px;
	height: 20px;
	width: 20px;
	margin: 5px auto;
}
/*.user-thumb, .user-thumb:hover{
	padding-top: 0!important;
	padding-bottom: 0!important;
}*/

.topnav .navbar-nav li .user-thumb{
	padding: 20px!important;
}

.navbar-content
{
    width:320px;
    padding: 15px;
    padding-bottom:0px;
    margin-top: 5px;
}
.navbar-content:before, .navbar-content:after
{
    display: table;
    content: "";
    line-height: 0;
}
.navbar-footer 
{
    background-color:#66CCFF;
}
.navbar-footer-content 
{
	padding:15px 15px 15px 15px;
}
.dropdown-menu {
	padding: 0px;
	overflow: hidden;
}
.change-photo{
	position: relative;
	top: -18px;
	background-color: rgba(0,155,197,0.9);
	padding: 2px;
	margin-bottom: 0;
}
.change-photo a{
	color: white;
}
.change-photo a:hover{
	text-decoration: none;
}
.user-name-drop{
	margin-top: -3px;
margin-bottom: 5px;color:#19B6E1;
}
.btn-taskman{
	background-color: #039DC8;
	border-radius: 24px;
	padding:5px 20px;
	color: white!important;
	margin:5px;
	font-weight:600;
}
.quote-text {
	color:#FFFFFF;
	font-weight:600;
	background-color:#66CCFF;
}
.btn-taskman:hover{
	background:#19B6E1!important;
	color: white;
}
.btn-taskman-inverted{
	background-color: white;
	border-radius: 24px;
	padding:5px 20px;
	color:#19B6E1;
	font-weight:600;
}
.btn-taskman-inverted:hover{
	/*box-shadow: none;*/
	color: #ffffff;
	background:#039DC8!important;
}
.btn-gp a{
	margin-left:15px;
	margin-right: 15px; 
}
@media screen and (max-width: 767px){
	.topnav .navbar-collapse{
		border-top: 1px solid #ccc;
	}
	.topnav .navbar-collapse .navbar-nav{
		margin: 0 -15px;
	}
	.navbar-content-xs{
		width: 100%;
	}
	.siteLogo {
	height:40px;
	}

	.sidebar .navbar-toggle{
		margin-top: 15px;
	}
	.pad-variatn{
		padding-left: 10px;
	}
	.topnav .navbar-toggle .icon-bar{
		background-color: #193959;
	}
	.sidebar .navbar-toggle .icon-bar{
		background-color: white;
	}	
	.navbar-content-xs div img{
		height: 90px;
		min-width: 90px;
	}
	.navbar-content-xs div .change-photo{
		width: 90px;
	}	
	.navbar-content-xs div .btn{
		margin-top: 5px;
	}
	.topnav .navbar-toggle{
		margin-right: 0;
	}
	.mar-l-n15{
		margin-left: -15px;
	}
	.dashboard-content{
		float: none!important;
	}
}
@media screen and (min-width: 768px){
	.message-count{
		left: 50px;
		top: 22px;
	}
	.flat-drop-btn{
		padding: 37px 33px 29px 33px!important;
	}
	.sidebar-ul>li>a{
		padding-top: 17px!important;
		padding-bottom: 17px!important;
	}
	.sidebar-ul>li>ul>li>a{
		padding-top: 14px!important;
		padding-bottom: 14px!important;
	}
	.navbar-nav.navbar-right:last-child {
	margin-right: 15px !important;
	}	
	.navbar-content div img{
		height: 103px;
	}
	.navbar-content div .change-photo{
		width: 103px;
	}
}

/*............................................Login Page Begin............................................*/
.login-background
{
    background-color:#ffffff;
}

.wrap
{
/*    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;*/
}
.wrap .img-circle{
	height: 85px;
}

p.form-title
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #FFFFFF;
    margin-top: 5%;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.wrap form
{
    width: 80%;
    margin: 0 auto;
    display: inline-block;
}

form.login input[type="text"], form.login input[type="password"]
{
    width: 100%;
    margin: 0;
    padding: 5px 10px;
    background: 0;
    border: 0;
    border-bottom: 1px solid #FFFFFF;
    outline: 0;
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 5px;
    color: #FFFFFF;
    outline: 0;
}

form.login input[type="submit"]
{
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 16px;
    outline: 0;
    cursor: pointer;
    letter-spacing: 1px;
}

form.login input[type="submit"]:hover
{
    transition: background-color 0.5s ease;
}

form.login .remember-forgot
{
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}
form.login .forgot-pass-content
{
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
form.login label, form.login a
{
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
}

form.login a
{
    transition: color 0.5s ease;
}

form.login a:hover
{
    color: #2ecc71;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ffffff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ffffff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #ffffff;
}

.pr-wrap
{
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.show-pass-reset
{
    display: block !important;
}

.pass-reset
{
    margin: 0 auto;
    width: 250px;
    position: relative;
    margin-top: 22%;
    z-index: 999;
    background: #FFFFFF;
    padding: 20px 15px;
}

.pass-reset label
{
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
}

.pass-reset input[type="email"]
{
    width: 100%;
    margin: 5px 0 0 0;
    padding: 5px 10px;
    background: 0;
    border: 0;
    border-bottom: 1px solid #000000;
    outline: 0;
    font-style: italic;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 5px;
    color: #000000;
    outline: 0;
}

.pass-reset input[type="submit"]
{
    width: 100%;
    border: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
    outline: 0;
    cursor: pointer;
    letter-spacing: 1px;
}

.pass-reset input[type="submit"]:hover
{
    transition: background-color 0.5s ease;
}

.outer-login {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle-login {
    display: table-cell;
    vertical-align: middle;
}

.inner-login {
  background-color: #19B6E1;
  padding: 50px 0 10px 0;
  width: 18%;
  margin-left: 0%;
  border-radius: 12px;
}
.btn-success,.btn-success:hover{
background:#039DC8;border-color:#039DC8;
}

@media screen and (min-width: 768px) and (max-width: 1200px){
	.inner-login
	{
	    width: 206px;
	    padding: 38px 0 6px 0;
	}
}
@media screen and (max-width: 767px){
	.outer-login
	{
 	 background-color: #193959;
	}
		.inner-login
	{
	    width: 100%;
	}
}
/*.............................................Login Page End.............................................*/

.category-title hr{
	margin-bottom: -12px;
	/*border-color: rgba(51,51,51,.6);	*/
}
.category-title p{
	display: inline-block;
	background-color: white;
	padding: 2px 8px;
	margin-bottom: 0;	
}
.project-header{
	margin-left: 5px;
}
.project-head{
	top: 8px;
	position: relative;
	left: 12px;
	color: #193959;
}
/*...................................dashboard main content start................................*/
.media-subject{
    font-size:14px;
    font-weight: bold;
}
.comments-list .media{
    border-bottom: 1px dotted #ccc;
}
.dashboard-content .message-box{
	/*min-width: 100%;*/
}
.dashboard-content .media-body{
	padding: 15px 0;
}
.dashboard-content .thumb-drop{
	margin-right: 15px;
}
.dashboard-content .user-name{
	font-weight: bold;
}
.dashboard-content .message-subject{
	font-weight: normal;
}
.dashboard-content a{
	color: rgb(51,51,51);
}
.dashboard-content a:hover, .dashboard-content a:focus{
	text-decoration: none;
}
.dashboard-content .category-title{
	/*margin-bottom: 10px;*/
}
.dashboard-content .category-title hr{
	/*margin-bottom: -12px;*/
	border-color: #ccc;	
}
.dashboard-content .category-title p{
	color:rgb(51,51,51); 	
	background-color: #f4f4f4;
}
.dashboard-content .media-body .input-group{
	margin-top: 15px;
}
.dashboard-content .media-body .input-group .btn{
	color: #ffffff;
	background-color: #193959;
	border: 1px solid #193959;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px; 
}
.pending-days{
	margin-top: 10px;
margin-bottom: 0px;
}
.overall-task-update{
	margin-top: 20px;
margin-bottom: 10px;
}
.botbor0{
	border-bottom: 0px!important;
}
.mart10{
	margin-top: 10px;
}
.container-fluid-sp{
	padding-right: 0px;
}

@media screen and (max-width: 767px){
	.xs-exclusive{
		display: none!important;
	}
	.main{
		margin-top: 95px;
	}
	.xs-left{
		float: left!important;
		width: 100%;
	}	
	.xs-logo-height{
		height: 45px;
	}
	.xs-drop-bar{
		display: block;
		margin: 10px 0 0 0;
		padding-top: 15px;
	}
	.xs-drop-bar > ul{
		list-style: none;
		padding-left: 30px;
	}
	.xs-drop-bar .dropdown{
		display: inline;
	}
	.xs-drop-bar .dropdown + .dropdown{
		margin-left: 30px;
	}
	.xs-drop-bar .message-drop{
		margin: 9px 0 0;
	}
	.xs-drop-bar .message-count{
		left: 19px;
		top: -24px;
	}
	.xs-drop-bar .glyphicon-envelope, .xs-drop-bar .glyphicon-tasks, .xs-drop-bar .glyphicon-time, .xs-drop-bar .fa-stethoscope, .fa-home{
		color: #ffffff;
	}
	.xs-ul2{
		position: absolute;
		left: -58px;
	}
	.xs-ul3{
		position: absolute;
		left: -116px;
	}
	/*modified on 09-05*/
	.xs-ul4{
		position: absolute;
		left: -174px;
	}	
	.xs-ul5{
		position: absolute;
		left: -200px;
	}	
	/*added on 09-05*/	
	.xs-ul1, .xs-ul2, .xs-ul3, .xs-ul4, .xs-ul5{
		overflow: visible;
	}

	.xs-ul1:after, .xs-ul2:after, .xs-ul3:after, .xs-ul4:after, .xs-ul5:after{
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	}
	.xs-ul1:after{	
	top: -6px;
	left: 10px;
	}
	.xs-ul2:after{
	top: -6px;
	left: 67px;
	}	
	.xs-ul3:after{
	top: -6px;
	left: 124px;
	}	
	/*added on 09-05*/	
	.xs-ul4:after{
	top: -6px;
	left: 181px;
	}		
	.xs-ul5:after{
	top: -6px;
	left: 220px;
	}		
	.xs-ul1:before, .xs-ul2:before, .xs-ul3:before, .xs-ul4:before, .xs-ul5:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	}
	.xs-ul1:before{
	top: -7px;
	left: 9px;
	}
	.xs-ul2:before{
	top: -7px;
	left: 66px;
	}	
	.xs-ul3:before{
	top: -7px;
	left: 123px;
	}	
	/*added on 09-05*/	
	.xs-ul4:before{
	top: -7px;
	left: 180px;
	}	
	.xs-ul5:before{
	top: -7px;
	left: 200px;
	}	

}
@media screen and (min-width: 768px){
	.navbar-relative-left{
	height: calc(100% - 95px)!important;
	}
	.green-bck{
		background-color:#37A244;
		color: #ffffff;
	}
	.green-bck li a{
		color: #ffffff;
	}
	.dashboard-content .nav-sidebar .category-title p{
		background-color: #37A244;
		color: #ffffff;
	}
	.green-bck .nav>li>a:hover, .green-bck .nav>li>a:focus{
		background-color: #308d3b;
	}	
	.xs-only{
		display: none!important;
	}
}

/*...................................dashboard main content end................................*/

/*temp*/
nav.sidebar.navbar{
	z-index: 1;
}