body{font-size: 14px;}

.first-modul{margin-top:40px}

.panel-body {
    position: relative;
}
/********** header ***********/
.menu-login {background-color:#ffffff;}
.menu-login a{color:#0288d1 !important;}
.menu-login a:hover{color:#ffffff !important;}
.navbar-account-btn {padding:15px;}
.navbar-right {margin-right: 0px;}
.dropdown-body {
    height: inherit;
    padding:12px;
}

p {
    white-space: normal;
}
/**********sidebar*********/
.sidenav-heading,.sidebar-text{
    white-space: normal;
    line-height: 160%;
}
/**************footer*********/
.footer {
    background-color: #212121;
    color: #e0e0e0;
    padding-bottom: 10px;
    padding-top: 30px;
}
.footer-heading {
    font-size: 16px;
    font-weight: 700;
}
.footer-links {
    list-style: outside none none;
    padding-left: 5px;
}
.footer-links > li {
    display: block;
    margin-bottom: 10px;
}
.footer-links > li > a {
    color: #e0e0e0;
    display: block;
}
.social-list {
    margin-bottom: 30px;
    text-align: center;
}
.social-list-item {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: content-box;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    margin: 5px;
    text-align: center;
    width: 32px;
}
.social-list-item:hover {
    background-color: #fff;
    color: #212121;
}
/********** home *************/
.icon-arrow-right{margin-top:75px;}
.home-logo{
    width:100px;
}
.home-title{
    width:250px;
    margin-top:20px;
}

.features{font-size: 3.5em;}
.legends{margin-top: 12px;}
.legend{float:left;margin-right: 12px;}

.dataTables_length label{ font-weight:normal; }
.dataTables_length label select .form-control{.form-control:padding-box;}
/* sidebar*/
.strong {  font-weight: bold; }
.layout-sidebar-backdrop,.layout-sidebar {width: 300px;} /*no va en tablet*/
.layout-sidebar-body {padding-top: 20px;}
.sidenav{padding-top:5px;}
.sidenav-heading, .sidenav > li > a{font-size: 14px;}


.twitter{ background-color:#4099FF;margin: 10px 40px;}
.twitter a{ color:#ffffff !important;}
.facebook{ background-color:#3B5998;margin: 10px 40px;}
.facebook a{ color:#ffffff !important;}

.twitter a:hover{ background-color:#fff !important;color:#4099FF !important;}
.facebook a:hover{ background-color:#fff !important;color:#3B5998 !important;}
.box { margin-left:20px;margin-top:50px;}


/*tables*/
.table > tbody > tr > td{ vertical-align:middle;}

/*content */

@media (min-width: 768px) {
  .layout-content {
    margin-left: 300px;
}
}
@media (max-width: 767px) {
    .menu-login{background-color:inherit; color:#fff;}
    .menu-login a{color: #ffffff !important;}
    .icon-arrow-right{margin-top:5px;}
    .masthead{padding-top:75px;}
    .first-modul{margin-top:0px}
#taula_filter{display:none}
#taula_length{display:none}

}

.titulares{margin: 5px auto;text-align: center;}
.title.margin{margin-top:30px;}
.panel{margin-bottom:30px;}
.dades{float:left; padding:0px; margin:0px 4px;}

.rounded {
  border-radius: 10%;
}

.google{
  display: inline-block;
  font-size: 12px;
  color:#ffffff;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
  border-radius: 40%;
  margin:10px;
  background-color:#f76000;
}
.google:hover{
    color:#ffffff;
    text-decoration:none;
}

.imageBox .google { display: none; }
.imageBox:hover .google { display: block; }

.imageBox a img{
max-width:170px;
max-height:170px;
}
.imagegallery{
    display: inline-block;
    min-width: 200px;
    padding: 10px;
}



/* reddit*/

body{background-color:transparent;}
.panel,.layout-sidebar-backdrop,.layout-header{box-shadow:unset;border:1px solid #e0e0e0;border-radius:5px; }
.card-title{    background: white none repeat scroll 0 0;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    right: 50%;
    text-align: center;
    top: -10px;
    width: 300px;
    z-index: 999;}
    .layout-footer{background-color:transparent; border-top:0px;}
    .layout-content-body{margin-bottom: 50px;}
    h3.title{margin-top:40px;}


    /* date */
    .controls{
        margin: 15px;
    }

    /* photo */
    .tag-element {
        border: 1px solid #e6e6e6;
        border-radius: 3px;
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 5px;
        min-height: 18px;
        overflow-wrap: break-word;
        padding: 1px 5px;
        position: relative;
        cursor: pointer;
    }
    .tag-list {
        margin: 0px;
        padding: 0px;
    }
    #label,#comment{display:none;}
    #labels,#comments{margin-top:10px;}