/***
* By uScripts.de
***/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700&subset=latin,cyrillic);

body {
 padding: 51px 0px 0px 0px;
}

#footer {
 margin-top: 200px;
 padding-top: 60px;
 padding-bottom: 60px;
 color: #999;
 border-top: 1px solid #eee;
 background-color: #333;
}

#footer a{ color: #737373; }
#footer a:hover {
 color: #eee;
 text-decoration: none;
}
#footer ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#featuredslider { margin-bottom: 40px !important; }

.block { margin-bottom: 40px; }
section.block header {
 text-transform: uppercase;
 border-bottom: 1px solid #DDD;
 padding: 5px 0;
 margin-bottom: 1px;
 font-weight: 300;
}

.container {
 margin-right: auto;
 margin-left: auto;
 padding-left: 15px;
 padding-right:15px;
}

.ms-caption>span.readtime {
 float: right;
 color: #fff;
 font-weight: 300;
 font-family: georgia, serif;
 font-size: 12px;
 margin-top: 5px;
}
.ms-slide h2.rounded {
 font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
 border-top: solid 1px rgba(255,255,255,0.75);
 padding-top: 10px;
 font-size: 11px;
 font-weight: 300;
 color: rgba(255,255,255,0.75);
 text-transform: uppercase;
 margin: 0 0 40px 0;
}
h1.ms-h1 {
 font-size: 18px;
 color: #fff !important;
 margin: 0;
 padding: 0;
 letter-spacing: 0px;
 font-weight: 500;
}

div.lead {
 margin-top: 10px;
 color: #fafafa !important;
}

.lead {
 margin-bottom: 20px;
 font-size: 16px;
 font-weight: 200;
 line-height: 1.4;
}

.lead p {
 line-height: 1.6em;
 font-size: 0.8em;
 color: #ddd !important;
 opacity: 1;
 font-family: inherit;
}
section { position: relative; }

article.post {
 padding: 0 15px;
 position: relative;
}

.entry-header h2.title a { color: #333; }
.entry-header h2.title a:hover { text-decoration: none; }
.article-post-date {
 font-size: 11px;
 margin: 0 0 10px 0;
 padding: 0;
 text-transform: uppercase;
 color: #818181;
}
.article-short-body { padding: 30px !important }
.article-short-image {
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 -webkit-background-size: cover;
}
.article-short-wrap {
 border: solid 1px #DDD;
 margin-bottom: 20px;
 background-color: #FFF;
 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
 box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.article-short-views-counter-tag {
 background-color: #002846;
 color: #FFF;
 position: absolute;
 z-index: 1;
 padding: 2px 10px;
 left: 8px;
 top: 8px;
}
.article-short-views-counter-tag a { color: #FFF; }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
 font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

article.post [class*='col-'] { padding: 0: }
span.readtime {
 float: right;
 color: #AAA;
 font-weight: 300;
 font-family: georgia, serif;
 font-size: 11px;
 margin-top: -2px;
 font-style: italic:
}

.msg_container_base{
 background: #e5e5e5;
 margin: 0;
 padding: 0 10px 10px;
 max-height:300px;
 overflow-x:hidden;
}
.top-bar {
 background: #666;
 color: white;
 padding: 10px;
 position: relative;
 overflow: hidden;
}
.msg_2{
 padding-left:0;
 margin-left:0;
}
.msg_1{
 padding-bottom:20px !important;
 margin-right:0;
}
.messages {
 background: white;
 padding: 10px;
 border-radius: 2px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 max-width:100%;
}
.messages > p {
 font-size: 13px;
 margin: 0 0 0.2rem 0;
 }
.messages > time {
 font-size: 11px;
 color: #ccc;
}
.msg_container {
 padding: 10px;
 overflow: hidden;
 display: flex;
}
img {
 display: block;
 width: 100%;
}
.avatar {
 position: relative;
}
.base_2 > .avatar:after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 width: 0;
 height: 0;
 border: 5px solid #FFF;
 border-left-color: rgba(0, 0, 0, 0);
 border-bottom-color: rgba(0, 0, 0, 0);
}

.base_1 {
 justify-content: flex-end;
 align-items: flex-end;
}
.base_1 > .avatar:after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 0;
 height: 0;
 border: 5px solid white;
 border-right-color: transparent;
 border-top-color: transparent;
 box-shadow: 1px 1px 2px rgba(black, 0.2); // not quite perfect but close
}

.msg_1 > time{
 float: right;
}



.msg_container_base::-webkit-scrollbar-track
{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar
{
 width: 12px;
 background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar-thumb
{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #555;
}

.btn-group.dropup{
 position:fixed;
 left:0px;
 bottom:0;
}

@media (min-width: 768px) {
 .sidebar-nav .navbar .navbar-collapse {
 padding: 0;
 max-height: none;
 } 
 .sidebar-nav .navbar ul { float: none; }
 .sidebar-nav .navbar ul:not { display: block; }
 .sidebar-nav .navbar li {
 float: none;
 display: block;
 }
 .sidebar-nav .navbar li a {
 padding-top: 12px;
 padding-bottom: 12px;
 }
}

@media (min-width: 480px) {
 .post { margin: auto; }
}