body.forums main .card-body{padding:10px !important}
body.forum main .container{ margin-top: 0px}


.divTable{display:block; width: 100%; border:0; font-size:12px; margin: 15px 0 95px 0; padding:0 5px;}
.divTableRow{ display:block; width:100%; clear:both; border-top: 1px solid #ddd; margin-top:20px}
.table-action{display:none}
.divTableHeading{ display:table; width:100%}
.divTableHeading .columns, .divTableHeading .view-toggle{display:none}

.table-replies{ display:inline-block; float:left; padding-left:80px; padding-right:10px;}
.table-views{ display:inline-block; float:left;}
.table-last-post{ display:block; float:left; clear:both; text-align:left; padding-left:80px; padding-bottom:10px}

#report-search{ margin-top:15px;}
#report-search .view-toggle a{ margin-top :0px}
#report-search .member-searched{ text-align:left}

#report-search #property-selector button{ border: 1px solid #DDD;  font-size: 13px; border-radius: 5px; padding: 12px 25px 12px 15px;                                          background: url('/assets/images/common/pota-ibang-chevron-nanaman-ang-ginamit.png'); background-position: right 10px center; background-repeat: no-repeat; width:100%; text-align: left; margin-bottom:10px}
#report-search #property-selector a.dropdown-item{ font-size:12px; word-wrap:break-word; white-space: normal }
#report-search #property-selector .dropdown-menu{ max-height:300px; overflow-y:scroll; width:100%; transform: none !important; margin-top: 50px }
#report-search #search-member{ width:100%; margin:0px}
#report-search #search-member input{ height:45px; border: 1px solid #DDD;}

#report-search .tt-menu{ margin-top:5px}
#report-search .tt-menu div.member-searched h6 {
    padding: 8px 10px 8px 30px;
    font-size: 13px;
    font-weight:400;
    background: url(/assets/images/common/search-muted.png) left center no-repeat;
}


.divTable p{ margin:0; padding:0}
.table-summary{padding:15px 10px}
.table-summary img{ margin-right:20px; width:50px; height:50px; padding:0px}
.table-summary a{ font-size:15px; color:#000 !important}
.table-summary a:hover{color:#941B20 !important}

.table-action a.btn{ padding:10px 20px; background:#46444F; font-size:13px}
.table-head-summary{ text-align:left}
.table-last-post em{ font-style: normal; display: block;}

.table-head-action #property-selector button{ border:1px solid #ddd; text-align:left !important; background:#fff url('/assets/images/common/chevrons.png') right center no-repeat; margin-top: 10px; font-weight:normal; padding-right: 30px; height:42px}


.table-head-action #property-selector .dropdown-menu{max-height: 100vh; overflow-y: auto; position:fixed !important; top:0px; left:0; right:0;transform: none !important}
.table-head-action #property-selector .dropdown-menu a{font-size:14px; white-space: initial; }
.table-head-action .search-forums input{ width:200px; margin-top: 10px; padding:20px 10px; font-size:12px}

.view-toggle a.active{ background-color: #EDEDED}
.view-toggle a.list{background-image: url(/assets/images/common/list-icon.png); background-position:center center; background-repeat: no-repeat;}
.view-toggle a.block{background-image: url(/assets/images/common/block-icon.png); background-position: center center; background-repeat: no-repeat;}


/*single view*/

.post_contents{margin:10px 0;}
.logged-in .post_contents{ min-height:200px}
.post_contents .layout{display:block}
.post_contents .post_left{ width:100%; margin-bottom:20px}
.post_contents .post_left p{ margin:0px; font-size:15px}
.post_contents .post_left h3{ font-size:25px; font-weight:600; line-height:25px; margin:0px}
.post_contents .post_left .user-meta{ display:flex; margin-top:20px}
.post_contents .post_left .user-meta img{ margin-right:20px}
.post_contents .post_left .user-meta p{font-weight:600}
.post_contents .post_left .user-meta em{ font-weight:400; font-style:normal}
 p.actions{ text-align:left}
p.actions span{ display:block; width:100%;}
 p.actions a{ font-size:11px; font-weight:500; border: 1px solid #ddd; padding:8px 10px; border-radius:5px; display:inline-block; margin:5px 2px}
.post_contents.comment .post-right{padding-top:20px}
.post-right img{ max-width:100% !important; height:auto !important}
.post-right cite{ display:none}
.post-right blockquote{ font-size: 10px; margin: 0px 0px 20px 0px; background: #F0F0F0; padding: 20px; }

.post_contents.comment{ border-top: 1px solid #ddd; padding-top:20px}
.logged-in .post_contents.comment{ border: none; padding-top:0px}

.reply-arrow{background:url('/assets/images/common/reply-arrow.png') top center no-repeat; width:100px;}

.report-gallery{
    /*
    line-height:0;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    column-count: 4;
    column-gap:10px;

     */
}

.report-gallery img{
    /*
    width: 100% !important;
    height: auto !important;
    margin:8px !important;

     */
}


.report-gallery a{
    display:block;
    width:100%;
    max-width:124px;
    margin:5px
}

.report-gallery a.youtube-embed{
    min-height:83px;
    background-color:#000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: flex;
}

.report-gallery a.youtube-embed span{ display:block; width:99px; height:70px; margin:auto; background:url('/assets/images/common/youtube.png') center center no-repeat; background-size: 50%}
#html5-watermark{display:none !important}
#html5-watermark{ display:none}

a.kinam, i.kinam {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background: url(/assets/images/common/info-icon.png) no-repeat;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    #report-search div.col{display:flex}
    #report-search #search-member{ width:100%; max-width:250px; margin-left:7px}
    #search-member input{max-width:250px}

    #report-search #property-selector a.dropdown-item{ font-size:12px;}
    #report-search #property-selector .dropdown-menu{overflow-y:scroll; width:400px; }

}

@media(min-width:640px){


    p.actions span{ display:inline; width:auto;}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    body.forums main .card-body{
        padding:20px !important
    }

    .view-toggle a{display: block; border: 1px solid #ddd; width: 42px; height: 42px; margin: 10px 5px; border-radius: 5px;}

    /*BLOCK LAYOUT */


    main.block .divTable{display:block}
    main.block .divTableHeading{display:table; width:100%;}
    main.block .divTableHeading .divTableRow .divTableHead{border:none}
    main.block .divTableHeading .columns{ display:none; }
    main.block .divTableBody{display:flex; flex-wrap: wrap}
    main.block .divTableBody .divTableRow{ margin:20px; border:1px solid #ddd; width:30%;  padding:15px 5px; display:flex; flex-direction:column; flex-basis:  auto; flex-grow: 1;}
    main.block .divTableBody .divTableCell{ display: block; vertical-align: middle; border-bottom: 0px}
    main.block .divTableBody .divTableCell.table-replies,
    main.block .divTableBody .divTableCell.table-views{ display:inline; text-align:left !important; float:left; padding-right: 20px}
    main.block .divTableBody .divTableCell.columns{ padding:2px 10px }
    main.block .divTableBody .divTableCell.columns span{ display:inline}
    main.block .divTableBody .divTableCell.table-last-post{ display:block; clear:both; float:left; width:100%; text-align:left;}
    main.block .divTableBody .divTableCell.table-last-post em{ display:inline; font-style:normal}
    main.block .divTableBody .divTableCell.table-action{ margin-top:auto; text-align:center; width:100%; padding-top:20px; padding-bottom:10px}
    main.block .divTableBody .table-summary{ border-bottom:1px solid #ddd; margin-bottom:10px}
    main.block .divTableBody .table-summary{ border-bottom:1px solid #ddd; margin-bottom:10px}

    .table-head-action #property-selector .dropdown-menu{position: absolute !important; will-change: transform; top: 0px; max-height: 300px;
        transform: translate3d(-360px, 62px, 0px)!important;overflow-y: auto;  right:0px; width:480px}

    .table-head-action #property-selector .dropdown-menu a{font-size:14px; white-space: nowrap; }
    .post_contents{margin:20px 0; min-height:280px}
    .post_contents .layout{ display:flex}
    .post_contents .post_left{ width:450px}
    .post_contents.comment .post-right{border-top: 1px solid #ddd;}
    p.actions{ text-align:right}
    p.actions span{ display:inline; width:auto;}
    .post_contents.comment{ border-top: none; padding-top:0px}
    .logged-in .post_contents.comment{ border: none; padding-top:0px}
    .post-right blockquote{margin: 0px 20px 20px 20px;}
    #report-search{display:flex}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .reply_form{ margin-left:370px;}



    /*TABLE LAYOUT */
    .divTable{display: table; width: 100%; border:0; font-size:14px; margin: 15px 0 65px 0; padding:0 20px;}
    .divTableRow {display: table-row; border-bottom: 1px solid #ddd; padding:0px;}
    .divTableHeading {display: table-header-group;}
    .divTableCell, .divTableHead{ display: table-cell; vertical-align: middle; border-bottom: 1px solid #ddd}
    .divTableCell.columns span{display:none}
    .divTableHead{ padding-bottom:20px}
    .divTableHeading {display: table-header-group; font-size:14px;  font-weight:500;}
    .divTableFoot {background-color: #EEE; display: table-footer-group;font-weight: bold;}
    .divTableBody{display: table-row-group;}


    .table-replies{float:none; padding:0px }
    .table-views{float:none;}
    .table-action{text-align: right; width:150px}
    .table-last-post{clear:none; float:none; text-align: center; padding:0px}
    .divTableHeading .columns{ display: table-cell;}
    main.block .divTableBody .divTableRow{width:25%;}
    .report-gallery a{ max-width:195px;}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    body.forums main .card-body{padding:50px !important}
    body.forums main .container{ margin-top: 0rem !important}
    .divTableHeading {font-size:19px; letter-spacing: -1px; font-weight:600;}
    main.block .divTableBody .divTableRow{ width:20%;}
    .table-head-action #property-selector .dropdown-menu{transform: translate3d(-330px, 62px, 0px)!important;}
    .report-gallery a{ max-width:300px;}
    .report-gallery a.youtube-embed {min-height: 200px;}

  }