/* chat box,search design

 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  background:#d9e0e7;
}


/*
 * Global add-ons
 */
.doc-name{
 font-size:15px;text-align: center;color:#fff;font-weight: bold;font-size: 12px;margin-top:-20px;}


 a{color:#1c9bdd;}
 a:hover{color:#07c6e9;}
 a:focus{color:#038ba4;}
 
 .border-row{
 background:#f6f6f6;
 border:1px solid #ebecec;
 }
 .border-mainhome{
 border:1px solid #368dc2;
 padding:6px;
 }
 .border-mainhome-cont{
 padding:4px 10px;

 }
 .backbg{
 background:#3c9dd8;
 color:#fff;
 }
 .border-general-pages{
 border:1px solid #53acc7;
 padding:6px;
 }
  .general-pages-backbg{
 background:#5bc0de;
 color:#fff;
 }

 .contbackbg{
 background:#f6f6f6;
 }
.tile-hover-main
{
 background:#fff;
 border-bottom:3px solid #9ac6dd;
 height:auto;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); 

}
.tile-hover-main:hover
{
 background:#f3fafd;
}
.package-border
{
border-bottom:3px solid #3c9dd8;
padding:10px;
text-align:left;
text-transform:uppercase;
} 
 

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.profile-radius{
border-radius:100px;border:3px solid #265269;
}

.user-type{
font-size:11px;
color:#6fc4e7;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #1a709d;
    border-right: 1px solid #023e63;
	border-top: 1px solid #6291b2;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  color:#ccc;
  font-size:12px;
  border-bottom:1px solid #186892;
  background: -webkit-linear-gradient(#1a709d, #1d7bab); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1a709d, #1d7bab); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1a709d, #1d7bab); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1a709d, #1d7bab); /* Standard syntax (must be last) */
}
.nav-sidebar > li > a:hover {
  color:#ccc;
  font-size:12px;
  background:#232a2f;
  border-right:6px solid #3c9dd8;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #3c9dd8;
}
.box-border-top{
min-height:570px;background:#fff;border-top:5px solid #3c9dd8;padding-top:10px;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;
}
.box-border-left{
min-height:40px;background:#fff;padding:10px;border-left:1px solid #d0d0d0;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;margin-bottom:10px;
}

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}
/*-----------chat box--------------*/
/*.chat-box {
  font:normal normal 11px/1.4 Tahoma,Verdana,Sans-Serif;
  color:#333;
  width:260px; 
  border:1px solid #ccc;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom:none;
  background-color:white;
  position:fixed;
  right:10px;
  bottom:0;
  z-index:9999;
  -webkit-box-shadow:1px 1px 10px rgba(0,0,0,.2);
  -moz-box-shadow:1px 1px 10px rgba(0,0,0,.2);
  box-shadow:1px 1px 10px rgba(0,0,0,.2);
}
.chat-box > input[type="checkbox"] {
  display:block;
  margin:0 0;
  padding:0 0;
  position:absolute;
  top:0;
  right:0;
  left:0;
  width:100%;
  height:26px;
  z-index:4;
  cursor:pointer;
  opacity:0;
  filter:alpha(opacity=0);
}

.chat-box > label {
  display:block;
  height:30px;
  line-height:30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color:#404D5A;
  color:white;
  font-weight:bold;
  padding:0 1em 1px;
}

.chat-box > label:before {content:attr(data-collapsed)}

.chat-box .chat-box-content {
  padding:10px;
  display:none;
}


.chat-box > input[type="checkbox"]:hover + label {background-color:#232a2f;}


.chat-box > input[type="checkbox"]:checked + label {background-color:#3c9dd8;}
.chat-box > input[type="checkbox"]:checked + label:before {content:attr(data-expanded)}
.chat-box > input[type="checkbox"]:checked ~ .chat-box-content {display:block;}


form {
    display: inline-block;
    margin: 0 100px;
    position: relative;
}

#search {
    border: 2px solid #999;
	font-size:11px;
    cursor: pointer;
    height: 10px;
    padding: 8px;
    position: relative;
    width: 10px;
	margin-top:4px;
    
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    
    -moz-appearance: none;
    -webkit-appearance: none;
}

#search:hover {   
    border-color: #199ed9;
}

#search:focus {   
    border-color: #3c9dd8;
    outline: none;
    width: 230px;
    
    -moz-transition: all .2s ease-in-out;  
    -webkit-transition: all .2s ease-in-out;
}

#search.searching {
    margin-left: 80px;
    width: 10px;
    
    -moz-transition: all .2s ease-in-out;  
    -webkit-transition: all .2s ease-in-out;
}

#search + p {
    background: #999;
    content: '';
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute;
    right: 22px;
    top: -6px;
    width: 4px;
    
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
     
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform-origin: center 20px;
    -webkit-transform-origin: center 20px;
}

#search + p:hover,
#search:hover + p,
#search:focus + p {   
    background: #3c9dd8;
}

#search.searching + p {
    -moz-animation: rotateHandle .6s linear 6;
    -webkit-animation: rotateHandle .6s linear 6;
}

@-webkit-keyframes rotateHandle {
    from { -webkit-transform: rotate(135deg); }
    to { -webkit-transform: rotate(-225deg); }
}

@-moz-keyframes rotateHandle {
    from { -moz-transform: rotate(135deg); }
    to { -moz-transform: rotate(-225deg); }
}
*/
.capital
{
	text-transform: capitalize;
}