/*
 * uAdmin v 1.0
 *
 * Copyright 2013 uExel.com
 * Author Shaan@uexel.com
/* Import Section
=================================================================== */
@import url("font-awesome.css");										/* Font Awesome Styles */
@import url("font-awesome-ie7.css");									/* Font Awesome Styles */
/* Glyphicons Halflings Font */
/* Basic
=========================================== */



body {
    background: #f5f5f5;
    color: #3b3b41;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font: normal 14px arial,sans-serif;
    font-weight: 400;
    position: relative;
    padding-top: 60px;
}

a {
    color: #646464;
}
#content{
    margin-top: 5px;
    margin-left: 0px;
    min-height: auto;
    /*min-height: 900px;*/
    padding: 15px;
    height:100%;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);

}
.well{
    background-color: #f5f5f5;
}
.logo{
   background:url(../img/logo.png);
   width: 100%;
   height: 100px;
}
.nav_logo{
    padding-top: 7px;
}
.user_list{
    background-color: #F5F5F5;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
    margin: 15px;

}

.user_list img{
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
    float: left;
    width: 80px;
    height: 80px;

}
.user_list i{
    background: #fff;
    width: 80px;
    float: left;
    font-size: 78px;

}
.wrap{
    margin-top: 20px;

}
 #menu-toggler{
            float: left;
        }
.navbar .brand{
    font-size:19px;
}
.sidebar-right{
    width: 225px;;
position: fixed;
bottom: 0;
font-size: 12px;
z-index: 999;;
}


.nav .dropdown a .badge {
position: absolute;
font-size: 11.34px !important;
font-weight: normal;
top: 8px;
right: 7px;
padding: 1px 3px;
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
border-radius: 2px !important;
text-shadow: none !important;
background-color: #f92832;
background-image: -moz-linear-gradient(top, #f93a43, #f90e18);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f93a43), to(#f90e18));
background-image: -webkit-linear-gradient(top, #f93a43, #f90e18);
background-image: -o-linear-gradient(top, #f93a43, #f90e18);
background-image: linear-gradient(to bottom, #f93a43, #f90e18);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff93a43', endColorstr='#fff90e18', GradientType=0);
-webkit-box-shadow: 0 1px 0 rgba(8, 13, 48, 0.7);
-moz-box-shadow: 0 1px 0 rgba(8, 13, 48, 0.7);
box-shadow: 0 1px 0 rgba(8, 13, 48, 0.7);
}
.datepicker .datepicker-dropdown .dropdown-menu{
    background-color: #fff;
}
.datepicker-days{
    background-color: #fff;
}
.btn-default{
    border-radius: 0px;
    padding: 4px 12px;
}
.tableMenu{
    background-color: #fff;
    padding: 20px;
}
.panel{
    background: #fff;;
    padding: 20px;
      -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,.065);
    box-shadow: 0 1px 10px rgba(0,0,0,.065);
}
.panel-heading{
    background: #d0d5d9;
    padding: 5px;
    color: white;
}
.search-above{
    min-height: 31px;
}
/* Header Section
=================================================================== */
#search{
    background: white;
    min-width:300px;

}


.top-profile-list li{
    list-style: none;
    float: left;
    margin-left: 5px;
}



/* Navigation Section
=================================================================== */
/* Sidebar */

#sidebar-nav {


    float: left;
    margin: 0em;
}
#dashboard-menu {
    list-style: none;

    margin-bottom: 0;
    margin-left: 20px;
}
#dashboard-menu > li > a {
    display: block;
    margin-right: -15px;
    margin-left: -22px;
    margin-bottom: 5px;
    border-bottom: 1px solid #dae1e8;
    box-shadow: 0 2px 1px -1px #FFFFFF;
    color: rgb(110, 130, 155);
    outline: 0px;
    width: 88%;
}
#dashboard-menu > li {
    position: relative;
}
/* font awesome icon */

#dashboard-menu > li i {
    font-size: 45px;
    top: 17px;
}

#dashboard-menu .pointer {
    position: absolute;
    right: 22px;
    top: 35px;
}
#dashboard-menu li:active .pointer {
    position: absolute;
    right: 22px;
}
#dashboard-menu .pointer .arrow,
#dashboard-menu .pointer .arrow_border {
    border-color: transparent #fff transparent transparent;
    border-width: 11px;
    border-style: solid;
    font-size: 0;
    left: 50%;
    line-height: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1002;
    left: 0;
    margin-left: 45%;
}
#dashboard-menu .pointer .arrow_border {
    border-color: transparent rgb(192, 210, 221) transparent transparent;
    border-width: 11px;
    margin-left: -1px;
    border-style: solid;
    z-index: 1001;
    top: 0px;
}
#dashboard-menu a span {
line-height: 50px;
    transition: color .1s linear;
    -moz-transition: color .1s linear;
    -webkit-transition: color .1s linear;
    -o-transition: color .1s linear;
}
#dashboard-menu a.ui-elements span {
    margin-left: 25px;
}
#dashboard-menu a i {
    left: 0;
    height: 24px;
    width: 24px;
    opacity: 0.7;
    transition: opacity .1s ease;
    -moz-transition: opacity .1s ease;
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
}

#dashboard-menu > li:hover i{
    opacity: 1;
}
#dashboard-menu > li.active > a,
#dashboard-menu > li > a:hover {
    color: rgba(51, 69, 90, 1);
    text-decoration: none;
}
#dashboard-menu > li.active a {
    font-weight: 600;
    text-shadow: 1px 1px 1px #fff;
}
#dashboard-menu > li.active i{
    opacity: 1;
    top: -45px;
}

/* sidebar submenus */
#dashboard-menu > li.active .dropdown-toggle {
    border-bottom: 0px;
    box-shadow: none;
}
#dashboard-menu ul.submenu {
    list-style-type: none;
    display: none;
    margin-top: 7px;

    margin-left: -22px;
    border-bottom: 1px solid #dae1e8;
    box-shadow: 0 2px 1px -1px #FFFFFF;
    padding-bottom: 10px;
}
#dashboard-menu ul.submenu.active {
    display: block;
}

#dashboard-menu ul.submenu a {
    font-weight: normal;
    font-size: 13px;
    color: rgb(76, 83, 90);
    text-decoration: none;
    display: block;
    margin-bottom: 7px;
    padding: 4px;
}

#dashboard-menu ul.submenu a.active {
    font-weight: bold;
    text-shadow: none;
}




/* Main Content
=================================================================== */

.content-panels{
    padding: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px #c4c4c4;
    box-shadow: 0 1px 2px #c4c4c4;
    background-color: #fff;
    border-top: 5px solid #fff;
    margin-bottom: 30px;
    min-height: 400px;

}

.content-tab1{border-top-color: #e46f61;

}
.content-tab2{border-top-color: #f9b256;
}
.content-tab3{border-top-color: #fbcb43;
}
.content-tab4{border-top-color: #8cc474;
}
.content-tab5{border-top-color: #bc5679;
}
.content-tab6{border-top-color: #6f85bf;
}


.grid{
    margin-bottom: 20px;
}

.grid-title1 {
    background-color: #e46f61;

    height:40px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 );

    overflow:hidden;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.grid-title2{
    background-color: #f9b256; 
    height:40px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 );

    overflow:hidden;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.grid-title3{
    background-color: #fbcb43;
    height:40px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 );

    overflow:hidden;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.grid-title4{
    background-color: #8cc474;
    height:40px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 );

    overflow:hidden;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.grid-title5{
    background-color: #6f85bf;
    height:40px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 );

    overflow:hidden;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.grid-title1 .pull-left .icon-title,.grid-title2 .pull-left .icon-title,.grid-title3 .pull-left .icon-title,.grid-title4 .pull-left .icon-title,.grid-title5 .pull-left .icon-title {
    padding-right:10px;
    padding-left:10px;
    height:30px;
    margin-top:-2px;
    margin-right:8px;
    padding-top:12px;
    float:left;
    color:white;
}
.grid-title1 .pull-left span,.grid-title2 .pull-left span,.grid-title3 .pull-left span,.grid-title4 .pull-left span,.grid-title5 .pull-left span {
    color:white;
    font-size:14px;
    font-weight:bold;
    height:14px;
    display:block;
    padding-top:8px;
    width:200px;
}
.grid-title1 .pull-right .icon-title,.grid-title2 .pull-right .icon-title,.grid-title3 .pull-right .icon-title,.grid-title4 .pull-right .icon-title,.grid-title5 .pull-right .icon-title {
    padding-left:10px;
    padding-right:10px;

    height:30px;
    margin-top:-2px;
    padding-top:12px;
    float:left;
}
.grid-title1 .pull-right .icon-title a,.grid-title2 .pull-right .icon-title a,.grid-title3 .pull-right .icon-title a,.grid-title4 .pull-right .icon-title a,.grid-title5 .pull-right .icon-title a{
    color:white;
}
.grid-title1 .pull-right .icon-title a:hover {
    color:white;
}
.grid-content {
    padding:10px;

    border-left:1px solid #c9c9c9;
    border-right:1px solid #c9c9c9;
    border-bottom:1px solid #c9c9c9;
    /*	-webkit-border-radius: 3px;
            -moz-border-radius: 3px;*/

    border-bottom-left-radius: 3px;
    border-bottom-ritgh-radius: 3px;
}
.grid-content.padding-none {
    padding:0;
}
.overflow {
    overflow:hidden;
}
/* 5.a Active Users ***************************/

/* 5.a Page Title ***************************/
.pagetitle {
    height:45px;
}
.pagetitle h1{
    float:left;
    text-transform:uppercase;
    font-size:24px;
    color:#5f5f5f;
}
.pagetitle .btn-group {
    float:right;
    margin-top:15px;
}
.pagetitle .btn{
    color: #5f5f5f;
    border-color:#c9c9c9;
    background-color: #fafafa;
    *background-color: #eaeaea;
    background-image: -moz-linear-gradient(top, #fafafa, #eaeaea);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#eaeaea));
    background-image: -webkit-linear-gradient(top, #fafafa, #eaeaea);
    background-image: -o-linear-gradient(top, #fafafa, #eaeaea);
    background-image: linear-gradient(to bottom, #fafafa, #eaeaea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffeaeaea', GradientType=0);
}


/* 5.d Quick Stats ***************************/
.quick-stats-box .span3{
    height:100px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align:center;
    text-transform:uppercase;
    background:#2d8aeb;
    color:#ffffff;
}
.quick-stats-box .span3 span{
    display:block;
    font-size:30px;
    font-weight:bold;
    padding-top:25px;
    margin-bottom:15px;
}
.quick-stats-box .red{
    background:#ff6868;
}
.quick-stats-box .orange{
    background:#ffa93c;
}
.quick-stats-box .green{
    background:#05a705;
}

/* 5.e Visitor Statistics ***************************/
.list-visitor {
    list-style:none;
    margin:0;
    margin-top:-30px;
}
.list-visitor li{
    margin-top:50px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
}
.list-visitor li .linecustom {
    padding-right:20px;
}
.list-visitor li .sparkbar {
    padding-right:40px;
    padding-left:20px;
}
.list-visitor li .number {
    color:#3b91eb;
    font-size:24px;
    font-weight:bold;
    float:right;
}
.list-visitor-2 li .number {
    color:#5f5f5f;
}
/* 5.f Friends Box ***************************/
.friends {
    overflow:hidden;
}
.friend {
    border-top:1px solid #e0e0e0;
    padding-top:15px;
    padding-bottom:15px;
    margin-top:-1px;
}
.f-avatar{
    border: 1px solid #5d5d5d; height: 60px; width: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
    float:left;
}
.f-info {
    margin-left:80px;
}
.f-name {
    color:#5f5f5f;
    font-size:14px;
    font-weight:bold;
    margin-top:8px;
}
.f-name img { width:8px; height:8px; }
.f-text {
    margin-top:5px;
    color:#5f5f5f;
}
.f-actions {
    float:right;
    margin-top:15px;
}
.f-actions a {
    background:#2d8aeb;
    display:block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#fff;
    padding:10px 25px;
}
.f-actions a:hover {
    text-decoration:none;
    color:#fff;
    opacity:0.9;
}


/* 5.h Twitter Widget ***************************/
.t-foot {
    margin-top:10px;
    margin-left:80px;
}
.t-date {
    float:left;
    color:#b2b2b2;
}
.t-retweet {
    float:right;
}
.t-retweet a,.t-retweet a:hover{ color:#b2b2b2; }
/* 5.i Take Notes ***************************/
.notes {
    height: 420px;
    overflow-y:scroll;
}
.note {
    border-top:1px solid #c9c9c9;
    margin-top:-1px;
}
.note-status {
    border-right:1px solid #c9c9c9;
    padding:18px 12px;
    width:10px;
    float:left;
}
.note-done {
    display:block;
    background:url(../img/check.png);
    width:12px; height:12px;
    background-size:12px 12px;
}
.no-done .note-done {
    background:url(../img/close.png);
    background-size:12px 12px;
}
.note-name {
    float:left;
    width:50%;
    height:20px;
    overflow:hidden;
    font-size:14px;
    font-weight:bold;
    color:#5f5f5f;
    padding-top:14px;
    padding-left:10px;
}
.no-done .note-name {
    color:#b2b2b2;
}
.note-date {
    float:right;
    width:65px;
    background:#ff6868;
    color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align:center;
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
    padding:3px 0px;
    font-weight:bold;
}
.note-date.blue {
    background:#2d8aeb;
}
.note-date.orange {
    background:#ffa93c;
}
.note-date.green {
    background:#05a705;
}



/******************************************Conversation Page**************************************************/


.line {
    display: inline-block;
    margin-top: 35px;
}
.blue .line {
    border-left: 4px solid #158ADD;
    margin-left: 26px;
}
.blue .line {
    margin-left: 65px;
}
.time-header {
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
    color: #FFF;
    display: inline-block;
    font-weight: 700;
    position: relative;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

    margin: 0 0 20px;
    padding: 20px 30px;
    margin-top: -35px;
}

.blue .time-header {
    float: right;
    background: #158ADD;
}
.ball {
    border-radius: 15px;
    height: 15px;
    margin-top: 12px;
    position: absolute;
    width: 15px;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.3), 0 0 0 5px #c5c2b1;
    behavior: url(../js/PIE.htc);
}
.blue .ball {
    left: -80px;
    background: #158ADD;
}
.blue .ball {
    left: -75px;;
}

.blue .pointer {
    position: absolute;
    left: -22px;
    top: 20px;
}
.blue .point {
    border-color: transparent #fff transparent transparent;
    border-width: 7px;
    border-style: solid;
    font-size: 0;
    left: 50%;
    line-height: 0;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    height: 8px;
    width: 7px;
    z-index: 1002;
    left: 0;
    margin-left: 6%;
}
.pointer .point_border {
    border-color: transparent rgb(192, 210, 221) transparent transparent;
    border-width: 11px;
    margin-left: -1px;
    border-style: solid;
    z-index: 1001;
    top: 0px;
}
.blue h3 {
    color: #fff;
    margin: 0;
}
.blue .bubble {
    float: right;
}
.bubble {
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
    margin-top: 20px;
    position: relative;
    float: left;
    padding: 10px 30px 20px;
    background: #FFF;
}
.bubble .photo {
    top: -5px;
}
.blue .bubble .photo {
    position: absolute;
}
.blue .bubble .photo {
    left: -75px;
}
.bubble .photo img {
    width: 60px;
    height: 60px;
    border: 1px solid rgb(162, 159, 142);
    box-shadow: 0 1px 0 rgba(0,0,0,0.3), 0 0 0 5px #c5c2b1;
    text-shadow: 0 -1px rgba(0,0,0,0.2);
}
.bubble .photo img {
    width: 100px;
    height: 100px;
}
.bubble .photo img {
    max-width: none;
}
.photo{
    position: absolute;
}


/********************************************* Prifle Page*************************************************/
.Common-friend{
    display: inline-block;
    margin-bottom: 20px;
}

.Common-friend ul li{
    list-style: none;
    float: left;
    margin-left: 5px;
}
.friend-img{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.basic-info ul{
    float: left;
}
.basic-info ul li{
    list-style: none;
}
.border{
    border-bottom: 1px solid #999;
}
.paddingleft{
    padding-left: 20px;
}






/*********************************************Quick Post*************************************************/
.quick-post{
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: left .5s cubic-bezier(0.250,0.460,0.450,0.940),width .4s ease,padding .4s ease,box-shadow .4s ease,margin .4s ease,border .4s ease;
    transition: left .5s cubic-bezier(0.250,0.460,0.450,0.940),width .4s ease,padding .4s ease,box-shadow .4s ease,margin .4s ease,border .4s ease;
    background-color: #f5f5f5;
    border: 1px solid #d8d8d8;
    border-bottom-width: 2px;
    min-height: 280px;
    z-index: 2;
    webkit-animation: ozShareboxSlide .5s ease-out;
    animation: ozShareboxSlide .5s ease-out;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 40px 0 rgba(0,0,0,.4);
    box-shadow: 0 2px 40px 0 rgba(0,0,0,.4);
    -webkit-transition: left .4s cubic-bezier(0.175,0.885,0.320,1.275),width .4s ease,padding .4s ease,box-shadow .4s ease,margin .4s ease,border .4s ease;
    transition: left .4s cubic-bezier(0.175,0.885,0.320,1.275),width .4s ease,padding .4s ease,box-shadow .4s ease,margin .4s ease,border .4s ease;
    border: 0;
    border-color: transparent;
    padding: 30px 30px 20px 30px;
    position: relative;
}
.post-editor .post-head{
    display: block;
}
.post-head{
    position: absolute;
    -webkit-box-shadow: inset 2px 2px 4px 0 rgba(0,0,0,.04);
    box-shadow: inset 2px 2px 4px 0 rgba(0,0,0,.04);
    background-color: white;
    border-top: 1px solid #e4e4e4;
    cursor: text;
    display: none;
    height: 15px;
    left: -19px;
    position: absolute;
    top: -1px;
    width: 20px;

}
.quick-post textArea{
    border: none;
    box-shadow: none;
    border-radius: 0px;
    height: 90px;
}
.quick-post textArea:focus{
    border: none;
    box-shadow: none;
    height: 90px;
}
input[type="text"]{
    border-radius: 0px;
}
.post-head1 {
    border-bottom: 15px solid #f5f5f5;
    border-right: 15px solid transparent;
    left: -1px;
}
.post-img{
    height: 80px;
    width: 80px;
    webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
} 
.post-editor{
    position: relative;
    background-color: white;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.04);
    box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.04);
    padding: 10px;
    height: 80px;
}

.post-attach ul li{
    float: left;
    margin-left: 10px;
}.post-list li{
    list-style: none;
    font-size: 15px;
    color:#999;
}

.blue-color{
    color: blue;
}
.green
{
    color: green;
}
.orange
{
    color: orange;
}
.red
{
    color: red;
}
.Post-sharing{
    margin-top: 10px; 
    margin-bottom: 20px;
}
.sharing-btn{
    background: #fff;
    height: 70px;
    padding: 20px;
}

/*Widget Panels*/

/*btn circle*/
.btn-primary,.bg-primary,.btn-primary.btn-circle>i {
    color: #fff;
    background-color: #13c4a5;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.btn-circle:hover>i,.btn.btn-circle:hover>i,.btn-group.open .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #23d4b5;
}

.btn-success,.bg-success,.btn-success.btn-circle>i {
    color: #fff;
    background-color: #3fcf7f;
}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.btn-circle:hover>i,.btn-group.open .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #4fdf8f;
}

.btn-info,.bg-info,.btn-info.btn-circle>i {
    color: #fff;
    background-color: #5191d1;
}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.btn-circle:hover>i,.btn-group.open .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #61a1e1;
}

.btn-inverse,.bg-inverse,.btn-inverse.btn-circle>i {
    color: #fff;
    background-color: #233445;
}

.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.btn-circle:hover>i,.btn-group.open .btn-inverse.dropdown-toggle {
    color: #fff;
    background-color: #314355;
}

.btn-warning,.bg-warning,.btn-warning.btn-circle>i {
    color: #fff;
    background-color: #f4c414;
}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.btn-circle:hover>i,.btn-group.open .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #f6d616;
}

.btn-danger,.bg-danger,.btn-danger.btn-circle>i {
    color: #fff;
    background-color: #ff5f5f;
}

.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.btn-circle:hover>i,.btn-group.open .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ff8585;
}

.btn-twitter,.btn-twitter.btn-circle>i {
    color: #fff;
    background-color: #00c7f7;
}

.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.btn-twitter.btn-circle:hover>i {
    color: #fff;
    background-color: #2fcff6;
}

.btn-facebook,.btn-facebook.btn-circle>i {
    color: #fff;
    background-color: #335397;
}

.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.btn-facebook.btn-circle:hover>i {
    color: #fff;
    background-color: #4264ab;
}

.btn-gplus,.btn-gplus.btn-circle>i {
    color: #fff;
    background-color: #dd4a38;
}

.btn-gplus:hover,.btn-gplus:focus,.btn-gplus:active,.btn-gplus.active,.btn-gplus.btn-circle:hover>i {
    color: #fff;
    background-color: #ea5e4d;
}

.btn-on.active {
    color: #fff;
    border: 1px solid #767676;
    background: #8e9eae;
}

.btn-small {
    padding: 5px 10px;
}

.btn-white.btn-small,.btn-default.btn-small {
    padding: 4px 10px;
}

.btn-large {
    padding: 15px 16px;
}

.btn-white.btn-large,.btn-default.btn-large {
    padding: 14px 16px;
}

.btn-white .caret,.btn-default .caret {
    border-top-color: #656565;
}

.dropup .btn-white .caret,.dropup .btn-default .caret {
    border-bottom-color: #656565;
}

.btn>i {
    line-height: 1.428571429;
}

.btn-mini {
    padding: 3px 6px;
    font-size: 10.5px;
    line-height: 1.1;
    border-radius: 3px;
}

.btn.btn-circle,.btn.btn-circle.disabled,.btn.btn-circle.disabled:hover {
    text-shadow: none;
    padding: 2px 5px;
    box-shadow: none;
    border: none;
    background: transparent;
    color: #3a5a7a;
    font-weight: 300;
    transition: none;
}

.btn.btn-circle.disabled>i {
    color: #fff;
}

.btn.btn-circle.disabled,.btn.btn-circle.disabled:hover {
    color: #999;
}

.btn.btn-circle:hover,.btn.btn-circle:active,.btn.btn-circle.active {
    box-shadow: none;
    background: transparent;
}

.btn-circle>i {
    color: #a5b6c7;
    background: #e5e9ed;
    width: 60px;
    height: 24px;
    padding: 18px 0;
    font-size: 24px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 6px;
    line-height: normal;
    transition: all .3s ease-in-out 0s;
}

.btn-circle.btn-large>i {
    width: 80px;
    height: 36px;
    padding: 22px 0;
    font-size: 36px;
}

.btn-circle.btn-small>i {
    width: 40px;
    height: 20px;
    padding: 10px 0;
    font-size: 20px;
}

.btn-circle.btn-mini>i {
    width: 30px;
    height: 14px;
    padding: 8px 0;
    font-size: 14px;
}

.btn-circle b.badge {
    position: absolute;
    right: 5px;
    top: 2px;
}


.btn-white.btn-circle>i {
    color: #a5b6c7;
    background: #fff;
}

.btn.btn-circle.disabled>i {
    background: #c4c9cf;
}

.btn.disabled,.btn.disabled:hover,.btn[disabled]:hover,fieldset[disabled] .btn:hover,.btn.disabled:focus,.btn[disabled]:focus,fieldset[disabled] .btn:focus,.btn.disabled:active,.btn[disabled]:active,fieldset[disabled] .btn:active,.btn.disabled.active,.btn[disabled].active,fieldset[disabled] .btn.active {
    background-color: #c4c9cf;
    color: #fff;
}
.btn-info,.bg-info,.btn-info.btn-circle>i {
    color: #fff;
    background-color: #5191d1;
}
.btn-circle b.badge {
    position: absolute;
    right: 5px;
    top: 2px;
}

.btn-circle .badge i {
    margin: 0 -5px;
}

.btn-white.btn-circle>i {
    color: #a5b6c7;
    background: #fff;
}
.badge.bg-white {
    color: #919599;
}
.bg-white {
    background: #fff;
}




/*******************************************Error Page***************************************************/
.error404 {
    font-size: 150px;
    color: #2c3e50;
    padding-top: 135px;
    margin-bottom: -25px;
}


/*******************************************Invoices Page****************************************************/

.heading_a {
    font: 300 16px/18px 'Roboto Condensed', sans-serif;
    margin: 0 0 10px;
    padding: 0 0 6px;
    border-bottom: 1px solid #ddd;
}

.formSep + .formSep {
    border-top: 1px dashed #ddd;
}
.table thead th {
    background-color: #e7f6fc !important;
}
#inv_all_items .inv_add_remove {
    padding-top: 32px;
}
#inv_all_items .inv_add_remove i {
    cursor: pointer;
}
box_a {border:1px solid #ddd;background:#fff;position:relative}
.box_a .box_a_heading {height:36px;padding:0 14px;background:#eee;border-bottom:1px solid #ddd;-webkit-box-shadow: inset 0 1px 0 #f9f9f9;-moz-box-shadow: inset 0 1px 0 #f9f9f9;box-shadow: inset 0 1px 0 #f9f9f9;}
.box_a .box_a_heading h3 {font:400 15px/36px 'Roboto Condensed',sans-serif;text-transform:uppercase;margin:0;float:left;white-space: nowrap}
.box_a_content.cnt_a {padding:14px}
.box_a + .box_a {margin-top:30px}   

.box_a .box_a_heading .label {margin:10px 0 0}
.box_a .box_a_heading select.pull-right {margin:4px 0 0}
.box_a .box_a_heading input.pull-right {margin:4px 0 0;padding:3px 6px}
.box_a .box_a_heading .pagination {margin:5px 0 0}
.box_a .box_a_heading .btn {margin:5px 0 0}

.box_a .box-toolbar {line-height:36px;cursor:default}
.box_a .box-toolbar a {display:inline-block;margin-left:2px}

.box_a .box_a_footer {background:#fafafa;border-top:1px solid #ccc;padding:10px 14px}
.box_a .box_a_footer p {margin:0}
.box_a .box_a_footer .pagination {margin:0}
.box_a .box_a_footer .label {vertical-align:1px}

.box_a .no_sp .table {margin:0}
.box_a .no_sp .table th {border-top:none}
.box_a .no_sp .table td {border:none;vertical-align:middle}
.box_a .no_sp .table tr td + td,.box_a .no_sp .table tr th + th {border-left:1px solid #ddd}
.box_a .no_sp .table tr th {border-bottom:1px solid #ddd}
.box_a .no_sp .table tr + tr td {border-top:1px solid #ddd}
.box_a .no_sp pre {margin:0;border:none}
.box_a .no_sp .accordion {margin:0}
.box_a .no_sp .accordion .accordion-group {border:none !important;margin:0}
.box_a .no_sp .accordion .accordion-group + .accordion-group {border-top:1px solid #ccc !important}


.box_a .box_a_heading .nav-tabs {border:none;margin:5px 0 0}
.box_a .box_a_heading .nav-tabs > li > a {padding:5px 10px}
.box_a .box_a_heading .nav-tabs > .active > a, .box_a .box_a_heading .nav-tabs > .active > a:hover, .box_a .box_a_heading .nav-tabs > .active > a:focus {background:#fff;border-color:#ccc #ccc transparent}
.box_a .box_a_heading .nav-tabs > li > a:hover, .box_a .box_a_heading .nav-tabs > li > a:focus {border-color:transparent transparent #ccc}


/************Twitter widget**************/
.twitter-display-widget
{
    background: #FFFFFF;
    position: absolute;
    width: 300px;
    z-index: 2000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;

}

.flip-container
{
    font-family: Arial, Helvetica, sans-serif;
    background: #FFFFFF;
    margin: 30px;
    float: left;
 
}

.flip-container, .front, .back
{
    height: 455px;
    width: 300px;
}

.flipper
{
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    position: relative;
    transform-style: preserve-3d;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.6s;
}

.front, .back
{
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    position: absolute;
    -webkit-backface-visibility: hidden;
}

.front {
    background: #32ccfe;
}

#loading{
    color:#f9f9f9;
    text-transform:capitalize;
    font-family: Georgia, serif;
    text-align: center;
    margin-top: 20px;
}

.back
{
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.drawcircle {
    border: 6px solid #e3f5ff;
    height: 180px;
    background: url('../img/twitter-logo.gif') no-repeat 20px 18px;
    width: 180px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-left: 60px;
    margin-top: 120px;
}

.twitter-display-widget header
{
    height: 95px;
    margin: 0;
    padding: 3px 15px 2px;
}

.twitter-display-widget .icon
{
    background: #06a1f1 url('../img/tweets.png') no-repeat 6px 6px;
    float: left;
    height: 100%;
    margin-left: 4px;
    width: 60px;
}

.twitter-display-widget .title
{
    background: #24b4ff;
    float: left;
    height: 100%;
    padding: 0 0 0 6px;
    width: 200px;
}

.twitter-display-widget .title h1
{
    color: #f7f7f7;
    font-size: 24px;
    font-weight: 200;
}

.twitter-display-widget .title h2
{
    color: #f7f7f7;
    font-size: 14px;
    font-weight: 400;
}

.unselected-option
{
    border-bottom: 1px solid #f0f0f0;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 10px;
}

.selected-option
{
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    border-left: 6px solid #34bd31;

    padding: 5px 5px 0px 16px;
}

.titled
{
    color: #999999;
    font-size: 13px;
    line-height: 19px;
}

.hours
{
    color: #555555;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 8px;
}

.followme
{
    color: #555555;
    font-size: 13px;
    font-weight: 600;
    margin-top: 12px;
    padding: 10px 20px;
}

.links
{
    color: #24b4ff;
    font-size: 13px;
    margin-top: 8px;
}

.shadow
{
    -webkit-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.75);
    -ms-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.75);
}

/******************Public profile**************/
.profile_image{
    margin: -20% 40% 0px;
    position: absolute;
}
.profile_image h3{
    color: #fff;
}

/******collag********/
 .Collage{

        /*This is where you set the padding you want between the images*/
        padding:10px;

        }
    .Collage img{
        margin:0;
        padding:0;
        display:inline-block;
        vertical-align:bottom;
        opacity:1;

        /*This is where you set the border you want for the image*/
        border:6px solid #FFF;
        }


    /* In this example, this is the main item being resized */
    .Image_Wrapper{
        /* to get the fade in effect, set opacity to 0 on the first element within the gallery area */
        opacity:0;
        -moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);
        box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        }

    .Caption{
        font-size:14px;
        font-weight:normal;
        font-family:arial;
        }
        .Caption_Content{
            /* padding:10px; */
            color:#FFF;
            padding:20px;
            }
            /*! ============================================================
 * Chat Window
 * ============================================================ */
.chat .chat-messages-list {
  margin-bottom: 5px;
}
.chat .chat-messages-list .slimScrollDiv {
  overflow: hidden;
  border-top: 1px solid #ddd;
}
.chat .chat-messages-list .slimScrollDiv:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 96%;
  top: -10px;
  height: 10px;
  left: 2%;
  border-radius: 20px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.chat .chat-messages-list .chat-message {
  margin-right: 20px;
  margin-bottom: 15px;
  clear: both;
}
.chat .chat-messages-list .chat-message.pull-right .chat-message-avatar {
  float: right;
}
.chat .chat-messages-list .chat-message.pull-right .chat-message-body {
  float: none;
  margin-right: 65px;
  margin-left: 0;
}
.chat .chat-messages-list .chat-message.pull-right .chat-message-body .chat-message-body-header {
  text-align: right;
}
.chat .chat-messages-list .chat-message.pull-right .chat-message-body .chat-message-body-header small {
  float: left;
}
.chat .chat-messages-list .chat-message .chat-message-avatar {
  float: left;
  margin-top: 25px;
}
.chat .chat-messages-list .chat-message .chat-message-avatar img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.chat .chat-messages-list .chat-message .chat-message-body {
  background-color: #FAFCFB;
  border: 1px solid #e6e6e6;
  padding: 0px 10px 10px 10px;
  margin-left: 65px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.chat .chat-messages-list .chat-message .chat-message-body .chat-message-body-header {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #e6e6e6;
  background-color: white;
  padding-top: 4px;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}
.chat .chat-messages-list .chat-message .chat-message-body .chat-message-body-header small {
  color: #939AA4 !important;
  float: right;
}
.chat .chat-messages-list .chat-message .chat-message-body .chat-message-body-content {
  margin-bottom: 0;
  min-height: 38px;
  margin-top: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.chat .chat-composer {
  padding: 20px;

  margin-top: 0;
  margin-bottom: -12px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
  -webkit-border-bottom-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  border-bottom-right-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  border-bottom-left-radius: 1px;
}
.chat .chat-composer:before,
.chat .chat-composer:after {
  display: table;
  content: "";
  line-height: 0;
}
.chat .chat-composer:after {
  clear: both;
}
.chat .chat-composer .chat-form .chat-input {
  margin-right: 40px;
}
.chat .chat-composer .chat-form .chat-input input {
  display: block;
  width: 100%;
 height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.chat .chat-composer .chat-form .chat-input input:focus {
  border-color: #647aab;
}
.chat .chat-composer .chat-form .chat-sender {
  margin-top: -30px;
  position: relative;
  float: right;
}
.chat .chat-composer .chat-form .chat-sender.btn {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
/*! ============================================================
 * Social Box
 * ============================================================ */
.social-box {
  margin-top: 0px;
  margin-bottom: 25px;
  background-color: #eff2f5;
  -webkit-box-shadow: 0px 1px 2px rgba(196, 197, 201, 0.75);
  -moz-box-shadow: 0px 1px 2px rgba(196, 197, 201, 0.75);
  box-shadow: 0px 1px 2px rgba(196, 197, 201, 0.75);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

}
.social-box .social-box {
  clear: none;
}
.social-box .social-box .tools {
  clear: none !important;
}
.social-box.sortable .header,
.social-box.sortable header {
  cursor: move;
}
.social-box .header,
.social-box header {
  min-height: 30px;
  padding: 4px 10px;
  margin-bottom: 0;
  width: 100%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: solid 1px #C2C2C2;
  background-color: #F7F7F7;
  -webkit-border-top-left-radius: 1px;
  -moz-border-radius-topleft: 1px;
  border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 1px;
  -moz-border-radius-topright: 1px;
  border-top-right-radius: 1px;
}
.social-box .header h4,
.social-box header h4 {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  margin: 5px 0;
  padding: 0;
}
.social-box .header h4 i,
.social-box header h4 i {
  font-size: 17px;
  margin-right: 5px;
  color: #909090;
}
.social-box .header .tools,
.social-box header .tools,
.social-box .header .title-right,
.social-box header .title-right {
  display: inline-block;
  padding: 0;
  margin: 0;
  float: right;
  clear: both;
}
.social-box .header .tools > [class^="icon-"],
.social-box header .tools > [class^="icon-"],
.social-box .header .title-right > [class^="icon-"],
.social-box header .title-right > [class^="icon-"],
.social-box .header .tools > [class*=" icon-"],
.social-box header .tools > [class*=" icon-"],
.social-box .header .title-right > [class*=" icon-"],
.social-box header .title-right > [class*=" icon-"] {
  display: inline-block;
  margin-top: 9px;
}
.social-box .header .tools form,
.social-box header .tools form,
.social-box .header .title-right form,
.social-box header .title-right form {
  margin: 0px 0 20px;
}
.social-box .header .tools .btn-mini,
.social-box header .tools .btn-mini,
.social-box .header .title-right .btn-mini,
.social-box header .title-right .btn-mini {
  margin-top: 5px;
}
.social-box .header .tools .btn-small,
.social-box header .tools .btn-small,
.social-box .header .title-right .btn-small,
.social-box header .title-right .btn-small {
  margin-top: 3px;
}
.social-box .header .tools .nav-tabs,
.social-box header .tools .nav-tabs,
.social-box .header .title-right .nav-tabs,
.social-box header .title-right .nav-tabs {
  margin-bottom: 0;
  border-bottom: none;
}
.social-box .header .tools .nav-tabs li,
.social-box header .tools .nav-tabs li,
.social-box .header .title-right .nav-tabs li,
.social-box header .title-right .nav-tabs li {
  margin-bottom: -5px;
}
.social-box .header .tools .nav-tabs > li > a,
.social-box header .tools .nav-tabs > li > a,
.social-box .header .title-right .nav-tabs > li > a,
.social-box header .title-right .nav-tabs > li > a {
  padding-top: 6px;
  padding-bottom: 7px;
  text-shadow: none !important;
  color: #333;
}
.social-box .header .tools .nav-tabs > .active > a,
.social-box header .tools .nav-tabs > .active > a,
.social-box .header .title-right .nav-tabs > .active > a,
.social-box header .title-right .nav-tabs > .active > a,
.social-box .header .tools .nav-tabs > .active > a:hover,
.social-box header .tools .nav-tabs > .active > a:hover,
.social-box .header .title-right .nav-tabs > .active > a:hover,
.social-box header .title-right .nav-tabs > .active > a:hover,
.social-box .header .tools .nav-tabs > .active > a:focus,
.social-box header .tools .nav-tabs > .active > a:focus,
.social-box .header .title-right .nav-tabs > .active > a:focus,
.social-box header .title-right .nav-tabs > .active > a:focus {
  color: #333 !important;
  background-color: #ffffff !important;
  border: 1px solid #C2C2C2 !important;
  border-bottom-color: transparent !important;
}
.social-box .header .tools .pagination,
.social-box header .tools .pagination,
.social-box .header .title-right .pagination,
.social-box header .title-right .pagination {
  margin-top: 0;
  margin-bottom: -5px;
}
.social-box .header .tools .pagination.pagination-small,
.social-box header .tools .pagination.pagination-small,
.social-box .header .title-right .pagination.pagination-small,
.social-box header .title-right .pagination.pagination-small {
  margin-top: 2px;
}
.social-box .header .tools .pagination.pagination-mini,
.social-box header .tools .pagination.pagination-mini,
.social-box .header .title-right .pagination.pagination-mini,
.social-box header .title-right .pagination.pagination-mini {
  margin-top: 5px;
}
.social-box .body {
  clear: both;
  padding: 0;
}
.social-box .body .plot {
  height: 300px;
  overflow: hidden;
}
.social-box .body .flot-base {
  width: 100%!important;
}
.social-box .body .vmap {
  height: 300px;
  position: relative;
  overflow: hidden;
}
.social-box .body .form-horizontal {
  margin-bottom: -12px;
}
.social-box .body .form-horizontal .form-actions {
  margin-bottom: 0px;
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 192px;
}
.social-box .body .tab-content {
  overflow: hidden;
}

.social-box.social-blue.social-bordered {
  border-color: #003781;
}
.social-box.social-blue.social-bordered {
border-color: #003781;
}
.social-box.social-blue .header
 {
  background-color: #2c3e50;
  border-color: #41659c;
  color: #ffffff !important;
}
.social-box.social-green .header{
    background-color: #62c462;
border-color: #6fb86f;
color: #ffffff !important;

}
.social-box.social-orange .header{
    background-color: #fbb450;
border-color: #faa937;
color: #ffffff !important;
}

.well_chat{
    border:none;
    border: solid 1px #C2C2C2;
    
}

#users-list .alert{
    border-radius: 0px !important;
   
}
/********** NAV messages **********/
 .nav-messages .dropdown-menu {
  width: 250px;
}
 .nav-messages .dropdown-menu:after {
  border-bottom-color: #F7F7F7 !important;
  top: -5px !important;
}
 .nav-messages .dropdown-menu:before {
  top: -6.5px !important;
  border-bottom-color: #ccc !important;
  border-bottom-color: rgba(0, 0, 0, 0.2) !important;
}
 .nav-messages .dropdown-menu .nav-messages-header {
  font-size: 11.9px;
  margin-top: -5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: -1px;
  border-bottom: solid 1px #C2C2C2;
  background-color: #F7F7F7 !important;
  text-align: center;
  -webkit-border-top-left-radius: 1px;
  -moz-border-radius-topleft: 1px;
  border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 1px;
  -moz-border-radius-topright: 1px;
  border-top-right-radius: 1px;
}
 .nav-messages .dropdown-menu .nav-messages-header:hover,
 .nav-messages .dropdown-menu .nav-messages-header:focus {
  background-color: #f7f7f7 !important;
  color: #6d84b4 !important;
}
 .nav-messages .dropdown-menu .nav-messages-footer {
  margin-bottom: -5px;
  padding-bottom: 10px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  border-bottom-left-radius: 1px;
  -webkit-border-bottom-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  border-bottom-right-radius: 1px;
  text-align: center;
  background-color: #f7f7f7 !important;
  border-top: solid 1px #C2C2C2;
}
 .nav-messages .dropdown-menu .nav-messages-footer > a {
  font-weight: bold;
  font-size: 11.9px;
  color: #6d84b4 !important;
  margin-bottom: -10px;
  padding-bottom: 5px;
  padding-top: 5px;
}
 .nav-messages .dropdown-menu .nav-messages-footer > a i {
  margin-top: 3px;
}
 .nav-messages .dropdown-menu .nav-messages-footer > a:hover,
 .nav-messages .dropdown-menu .nav-messages-footer > a:focus {
  text-decoration: underline;
  background-color: #f7f7f7 !important;
  color: #6d84b4 !important;
}
 .nav-messages .dropdown-menu .nav-messages-header > a,
 .nav-messages .dropdown-menu .nav-messages-header > a:hover,
 .nav-messages .dropdown-menu .nav-messages-header > a:focus {
  color: #000000 !important;
}
 .nav-messages .dropdown-menu .nav-messages-header > a:hover,
 .nav-messages .dropdown-menu .nav-messages-header > a:focus {
  text-decoration: none;
  background-color: transparent !important;
  background-image: none !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: default;
}
 .nav-messages .dropdown-menu li {
  border-top: 1px solid #e6e6e6;
}
 .nav-messages .dropdown-menu li.nav-message-body {
  overflow: hidden;
  zoom: 1;
}
 .nav-messages .dropdown-menu li.nav-message-body a {
  min-height: 60px;
  padding: 7px 8px 3px;
  cursor: pointer;
}
 .nav-messages .dropdown-menu li.nav-message-body a img {
  width: 60px;
}
 .nav-messages .dropdown-menu li.nav-message-body p,
 .nav-messages .dropdown-menu li.nav-message-body div {
  margin-left: 65px;
  white-space: normal;
}
 .nav-messages .dropdown-menu li a {
  padding: 3px 10px;
  font-size: 11.9px !important;
}
 .nav-messages .dropdown-menu li a img {
  display: block;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}