/* here you can put your own css to customize and override the theme */
a:hover { text-decoration:none;}
.app .app-item { position:relative; float:left; width:140px; height:180px; margin:10px; text-align:center;}
.app .app-item a img { border-radius:24px;}
.app .app-item span.app-me { position:absolute; left:20px; top:0; width:24px; height:40px; background:url(../img/mark-me.png) no-repeat;}
.app .app-item h4 { font-size:18px; color:#444;}
.app .app-item .app-date span, .app .app-item .app-date { font-size:12px; color:#999;}
.app .app-item .app-author span, .app .app-item .app-author { font-size:12px;}
.app .app-add a {color:#666; font-size:16px;}
.app .app-add a img { display:block; width:120px; border:4px dotted #ccc; margin:0 auto; border-radius:10px;}

.app-added .app-item { position:relative; float:left; width:60px; height:80px; margin:10px; text-align:center;}
.app-added .app-item a img { width:60px; border-radius:24px;}
.app-added .app-item h4 { font-size:12px; color:#999;}

#senderImgPath, #myImgPath { cursor:pointer;width:40px; height:40px; margin-top:10px;}
/* DEV */
.devcenter a { color:#999;}
.devcenter a:hover { color:#fff;}
.page-container-bg-solid .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected { border-color:transparent #f4f4f4 transparent transparent;}
.page-container-bg-solid .page-sidebar .page-sidebar-menu > li.start.active > a > .selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.start.active > a > .selected { border-color:transparent #fff transparent transparent;}
.btn-backuser { display:inline-block; margin-top:18px; padding:10px; font-size:14px; color:#666;}
.btn-backuser:hover { color:#fff;}
h3.page-title i { font-size:24px;}
h3.page-title i.fa { font-size:28px;}
h3.dev-title { position:relative; padding-left:90px; padding-top:10px; font-size:32px; color:#666; font-weight:300;}
h3.dev-title img { position:absolute; width:80px; height:80px; left:0; top:0;}
h3.dev-title .meta { margin:10px 0; font-size:11px; color:#999; font-weight:normal;letter-spacing:0;}
h3.dev-title .meta span { display:inline-block; margin-right:10px;}
h3.dev-title .form-group { position:absolute; right:0; top:0; margin-left:20px; font-size:18px;}
h3.dev-title .form-group label { display:inline-block; font-size:18px;}
h3.dev-title .form-group label i { font-size:18px;}
h3.dev-title .form-group .form-control { display:inline-block; width:120px;}
.portlet .portlet-title .caption i { font-size:18px;}
.portlet .portlet-title .caption { border:none;}
.portlet .portlet-body td i.fa-flag { color:#999;}

.top-menu .nav a:hover { background:none;}
.top-menu .nav a.btn-signout {display:inline-block; width:70px; height:28px; margin:18px 0 0 10px; padding:0; text-align:center; line-height:28px; color:#0bacd3; text-decoration:none; border-radius:35px !important; transition: all 0.7s ease 0s; color:#fff; background:#0bacd3; border:1px solid #0bacd3;}
.top-menu .nav a.btn-signout:hover { color:#fff; background:#104b78; border:1px solid #104b78; transition: all 0.7s ease 0s;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background:none; border:none; border-bottom:3px solid #d30000;}
.chat-form {
    margin-top: 15px;
    padding: 0;
    background-color: #f4f4f4;
    overflow: hidden;
    clear: both;
}
.nav-pills li { border-bottom:1px solid #f4f4f4;}
.chats li .message {
    display: block;
    padding: 10px;
    position: relative;
}

/* Topic */
.topic-blocks { position:relative; margin:10px 0; padding:20px; background:#fff;}
.topic-blocks span { color:#999;}
.topic-blocks .topic-block-latest { padding:10px 0;}
.topic-blocks .topic-block-latest em { color:#999; font-size:11px;}
.topic-blocks .topic-block-users { padding:10px 0;}
.topic-blocks .topic-block-users a { display:inline-block; width:30px; height:30px; margin:2px; vertical-align:middle;}
.topic-blocks .topic-block-users a img { width:30px; height:30px; border:1px solid #ccc; border-radius:15px !important;}
.topic-blocks .btn { position:absolute; right:20px; top:20px;}

/* IM */
.IM { position:fixed; width:600px; padding:5px; right:0; bottom:0; background:#fff; border:1px solid #ccc;}
.IM.IMclose { width:240px;}
.IM .title { margin:-6px; margin-bottom:5px; padding:10px; background:#1BBC9B; color:#fff; font-size:14px; font-weight:700;}
.IM .title a { color:#fff;}
.IM .row { margin:0; padding:0;}
.IM .team { margin:0; padding:0; font-size:12px;}
.IM .chatcontent { padding:0; padding-left:10px;}
.IM .portlet { margin:0; padding:0;}
.IM .team .nav li a { font-size:12px;}

/* User Info */
#defIMgs .col-md-3 { text-align:center;}
#defIMgs .col-md-3 img { width:100px; margin:5px;}
#defIMgs .col-md-3 img.selected { border:2px solid #d30000; margin:4px;}