/*
  Style CSS
===================================================*/

.toppagebar {
  color: #555;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  background: #f5f5f5 url(../images/panel-bg.png) !important;
  font-size: 15px;
  border-bottom: 2px solid #c0c0c0;
}

.toppagebar a {
  color: #555;
}

.btn-primary {
  background: #008097;
  border: 1px solid #008097;
}

.navbar {
  background: #0089a1 url(../images/nav-bg.png);
  color: #fff;
  border: 0;
  border-bottom: 3px solid #c0c0c0;
  border-radius: 0;
  padding:10px 0 10px 0;
}

.navbar-default,
.navbar-default {
  border-radius: 0;
}

.navbar .container .fa-bars {
  font-size: 25px;
  cursor:pointer;
  margin-right: 20px;
  display: inline-block;
}

.navbar a {
  color: #fff;
  font-size: 21px;
  text-shadow: #000 1px 1px;
  text-transform: uppercase;
}

.navbar .row div.leftblock {
  padding-top: 3px;
}

.navbar .form-group {
  margin:0;
  padding:0;
}

.navbar .input-group {
  border: 1px solid #555 !important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.navbar .input-group-addon {
  background: #f5f5f5 url(../images/panel-bg.png) !important;
}

.navbar .form-control {
  border:0;
  border-right: 1px solid #ddd;
}

.navbar .input-group-addon {
  border: 0 !important;
}

.right-panel-boxes .panel-body {
  line-height: 25px;
  font-size: 12px;
}

.line_height_28 {
  line-height: 28px;
}

.navbar .container .links {
  text-align: right;
  padding-top:7px;
}

.navbar .container .links a {
  font-size: 14px;
  margin-left: 20px;
  color: #f9f9f9;
}

.navbar .container .links a i,.navbar .container .links a .bcount {
  color: #CCFFCC;
}

.navbar .container .links a:first-child {
  margin-left: 0;
}

/* Windows */
.windowPanel h2 {
  font-size: 20px;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 10px;
}
.windowPanel th {
  font-weight: bold;
}
.windowPanel .planinfo {
  font-size: 12px;
  font-style: italic;
  color: #02798E;
}
.windowPanel .plans th:first-child {
  width: 50%;
}

/* Category */
h1 {
  font-size: 20px;
  margin:0;
  padding:5px 0 10px 5px;
  color:#555;
  margin-bottom:20px;
  border-bottom: 1px solid #ddd;
}

/* New pages */
.newpagearea .panel-heading {
  font-size: 16px;
  font-weight: bold;
}

/* Pages */
.mswpages {
  border-top: 1px dashed #ddd;
  padding-top:20px;
  margin-top:10px !important;
}
.mswpages,.pagination {
  text-align: center !important;
  margin:0 0 10px 0 !important;
}
.pagination li.active a {
  background: #02798E !important;
  border: 1px solid #555 !important;
}

/* Footer Bar */
.footbar {
  border-top: 2px solid #ddd;
  padding:20px;
  margin-top:30px;
}
.footbar .row div {
  line-height: 35px;
}
footer .socialbuttons {
  margin-bottom: 15px;
}
footer .socialbuttons a i {
  font-size: 32px;
  color: #02798E;
}
footer .socialbuttons a i:hover {
  color: #555;
}
.footbar .social .row {
  padding-top:30px;
}
.footbar h2 {
  padding:0;
  margin:0 0 20px 5px;
  font-size:14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #555;
}
.footbar .footlatest .image img {
  width: 100%;
  background:#fff;
  padding:2px;
  border:1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.footbar .footlatest {
  padding:10px 0 10px 0;
  border-top: 1px dashed #ddd;
  width:100%;
}
.footbar .footlatest hr {
  border:0;
  border-bottom: 1px solid #ddd;
}

.footbar .footlatest .ecard {
  padding-left:0;
}

.footbar .footlatest:first-child {
  padding-top:0;
}

.footbar .footlatest:last-child {
  border-bottom: 0;
}

/* Screens */
.smallscreenarea {
  margin-top: 50px;
}
.smallscreenarea .panel-heading, .completedarea .panel-heading {
  font-weight: bold;
  text-transform: uppercase;
}

/* Box Formatting */

.menuboxarea {
  padding-bottom:0 !important;
}

.menuboxarea .panel-body {
  padding-top:5px !important;
  padding-bottom:0 !important;
}

.menuboxarea .boxrow {
  padding:3px;
  border-bottom: 1px solid #ddd;
}

.menuboxarea .boxrow div:first-child {
  padding:0;
  margin:0;
}

.menuboxarea .boxrow div:nth-child(2) {
  padding:10px;
}

.menuboxarea .boxrow div:first-child img {
  width: 100% !important;
  height: 50px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.menuboxarea .boxrow .ecard {
  padding-left:0;
}

.menuboxarea .boxrow:first-child {
  padding-top:0;
}

.menuboxarea .boxrow:last-child {
  border-bottom: 0;
}

.menuboxarea .boxrow:nth-child(even) {
  background: #f9f9f9;
}

.filterarea {
  margin-bottom: 10px;
}

/* Ecard Area */
.ecardarea .ecard .panel-body {
  padding:5px;
}
.ecardarea .ecard .panel-body img {
  width: 100%;
  height: 161px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ecardarea .ecard .panel-footer {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

/* Ecard view */
.ecardviewarea .playing {
  color: #008097;
  font-style: italic;
  font-size: 12px;
}
.ecardviewarea audio {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* Homepage Ecards */
.homecards h2 {
  border-bottom: 1px solid #ddd;
  color: #555;
  font-size: 20px;
  margin: 0 0 20px;
  padding: 5px 0 10px 5px;
}
.homecards h2 a i {
  font-size: 18px;
}

/* Ecard compose */
.ecardnavtabs .nav-tabs {
  border-bottom: 2px solid #ddd;
}
.ecardnavtabs .nav-tabs li {
  margin-bottom: -2px;
}
.ecardnavtabs .nav-tabs li a,.ecardnavtabs .nav-tabs li a:hover,.ecardnavtabs .nav-tabs li a:focus {
  border-width: 2px;
  border-bottom: 0;
}
.ecardnavtabs .nav-tabs li a:hover {
  background: #fff;
}
.ecardtabarea .panel-default {
  border-top: 0;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.addthis_div .panel-body {
  padding-bottom: 10px;
  text-align: right !important;
}

/* Music */
.musicarea .table td {
  padding:0 10px 0 10px;
}

.musicarea .table tr td:nth-child(2) {
  vertical-align: middle !important;
}

/* Emojis */
.musicarea_emojis .panel-body {
  padding: 8px;
  height: 50px;
  text-align: center;
}
.musicarea_emojis .panel-body img {
  max-height: 45px;
}
.musicarea_emojis .panel-footer {
  padding: 5px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Responsive YouTube */
.youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom:20px;
}
.youtube-container iframe, .youtube-container object, .youtube-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Preview */
.prevmessage {
  border-color: #ff9999;
}
.prevmessage .panel-body {
  background: #ffc6c3;
  color: #555;
}