.main-block
    {
        overflow:hidden;
        z-index:0;

        position: sticky;
        margin:0 0 20px 0;
       /* height: 100vh;*/
    }
    .main-block .main-block-in
    {
        width: 600px;
        min-height:300px;
        /*max-height:500px;*/

        position:relative;
        
        background-image: url('/Images/NewsRoom/frameIn0.png');
        background-repeat:repeat;

    }


    .main-block .main-block-in .newsroom-block
    {
        width: 100%;
        max-height:780px;

        min-height: -webkit-calc(100vh - 305px);
        min-height: -moz-calc(100vh - 305px);
        min-height: calc(100vh - 305px);

        overflow-x:hidden;
        overflow-y:scroll;

        margin:0 0 0 0;

        direction:ltr;

        border:solid 0px orange;
    }

    .main-block .main-block-in .newsroom-block .newsroom-wrapper
    {
        direction:rtl;
        padding:0 34px 12px 34px;
        width: 397px;
        margin:auto;

    }

    .newsroom-block::-webkit-scrollbar 
    {
        width: 12px;
    }
    .newsroom-block::-webkit-scrollbar-track 
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }
    .newsroom-block::-webkit-scrollbar-thumb 
    {
        background-color: #2353B7;
        border-radius: 6px;  
        border: 1px solid #ccc; 
    }


.main-block .newsroom-in-title {
    /*background-image: url('/Images/NewsRoom/600X72.svg');   */
    font-family: 'blender-bold',south web light,Arial,Helvetica,sans-serif;
    background: #0142ad;
    color: #fff;
    width: 600px;
    height: 72px;
    text-align: center;
    position: relative;
    margin: 0px;
    padding: 15px;
}

    .newsroom-waitme
    {
        position:absolute;
        right:28px;
        bottom:21px;
        height:28px;
    }
    .newsroom-loader
    {
        position:absolute;
        z-index:100;

        top: 0; left: 0; bottom: 0; right: 0;
        text-align:center;

        margin:-50px auto;

        border:solid 0px;
        height:320px;
    }
    .newsroom-loader img
    {
        height:347px;
        width:420px;
        border:solid 0px red;
    }


    .newsroom-block .white
    {
        background-color:#fff;
    }

    .newsroom-block .container-message
    {
    }    
    .newsroom-block .container-message-in
    {
        display:block;
    }






    .sticky-date-row
    {  
        position:absolute;
        top: 0;
        left:-4px;
        margin:0 auto;
        z-index:900;
        width:600px;
    }

.newsroom-date {
    height: 29px;
    font-family: 'blender-regular',south web light,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    margin: 26px auto 0 auto;
    padding: 6px 0 0 0;
    color: #0037ab;
    background-image: url('/Images/NewsRoom/dateIn.png');
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    width: 113px;
}
    .newsroom-date.date-text.op
    {
        opacity:0.5;
    }

.newsroom-block .newsroom-time {
    font-family: 'blender-regular',south web light,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    float: left;
    margin: 0 0 0 10px;
    color: #837E7E;
}
  

    .newsroom-block .content-img,
    .newsroom-block .content-img-notext
    {
        position:relative;
        max-height:220px;

        font-size:13px;
    }
    .newsroom-play
    {
        cursor:pointer;
        position:absolute;
        z-index: 1;

        display:block;
        top: 0; left: 0; bottom: 0; right: 0;
        margin:auto;
        width:60px;
    }
    .newsroom-content-reply .newsroom-play
    {
        width:30px;
    }

.newsroom-name {
    font-family: 'blender-regular',south web light,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 12px;
    text-align: right;
    cursor: pointer;
    color: #2353B7;
    color: linear-gradient(273.25deg, #2353B7 20.12%, #0037AB 70.61%);
}



    .newsroom-block .newsroom-img-notext, 
    .newsroom-block .newsroom-img
    {
        width:277px;
        height:208px;
        object-fit:cover;

        margin:auto;
        display:block;

        cursor:pointer;

        -webkit-clip-path: polygon(0px 0px, 277px 0px, 277px 208px, 0 208px);
        clip-path: polygon(0px 0px, 277px 0px, 277px 208px, 0 208px);

        border-radius:10px;
    }


    .newsroom-block .container-message-in .newsroom-content 
    {
        margin: 20px 0;
        padding:0 11px 0 10px;

        display: flow-root;
        overflow: hidden;
    }

.newsroom-block .content-text {
    line-height: 20px;
    text-align: right;
    direction: rtl;
    display: inline;
    font-family: 'blender-regular',south web light,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    color: #131313;
}
    .newsroom-block .content-text span
    {
        padding: 10px 12px 0 14px;
        display:block;
    }
    .newsroom-block .content-text .content-text-in
    {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .newsroom-block .container-message-in .newsroom-title
    {
    }
    .newsroom-block .container-message-in .newsroom-row
    {
        position:relative;

        border:solid 1px #d3d3d3;
        border-radius:10px;
        background-color:#fff;
    }    
    .newsroom-block .container-message-in .newsroom-row .newsroom-spitz
    {
        position:absolute;
        top:-1px;
        right:-17px;

        width:48px;
        height:21px;

        background: url('/Images/NewsRoom/top_right.png') no-repeat;
    }
     
    .newsroom-block .newsroom-user
    {
        position:absolute;
        right:-48px;
        top:5px;
    }
    .newsroom-block .newsroom-img-user 
    {
        width:43px;
        max-height:43px;
        clip-path: circle(50%);

        cursor:pointer;
    }



    .newsroom-scroll-circle
    {
        position:absolute;
        left:25px;
        bottom:12px;

        width:65px;
        height:65px;
        background-size:65px;

        background-image: url('/Images/NewsRoom/scroll_circle.png');
        background-repeat:no-repeat;

        cursor:pointer;

        display:none;
    }
    .newsroom-scroll-arrow
    {
        display:none;
        position:relative;

        width:100%;
        height:100%;
        margin:2px auto;

        background-image: url('/Images/NewsRoom/scroll_arrow.png');
        background-repeat:no-repeat;
        background-size:20px;
        background-position: center;
    }
    .newsroom-scroll-count
    {
        position:absolute;
        top:3px;
        right:3px;

        text-align: center;
        padding:3px 0 0 0;

        width:20px;
        height:20px;

        background-image: url('/Images/NewsRoom/scroll_count.png');
        background-repeat:no-repeat;
        background-size:20px;
        background-position: center;

        display:none;
    }
    .newsroom-count
    {
        color:#fff;
        font-size:10px;
        font-weight:bolder;
    }



        /* MODAL */
    .modal-open .modal
    {
        height:fit-content;
    }

      .newsroom-image-modal
    , .newsroom-video-modal
    {
        opacity: 1;
        -webkit-transition: opacity 0.5s linear;
        -o-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
    }
    .newsroom-image-modal .modal-dialog
    {
        margin-top:60px;
	    max-width:100% !important;
        max-height:100% !important;
        border:solid 0px;
        overflow:hidden;
    }
    @media (min-width: 768px)
    {
        .modal-dialog 
        {
            width: unset;
        }
    }

    .newsroom-image-modal .modal-dialog-centered
    {
        /*position:relative;*/
    }

    .newsroom-image-modal .modal-content
    {
        background-color:#000;
        color:#fff;

        border:unset;

        width: 100%;
        height:100vh; 

        border:solid 0px;
    }
.newsroom-video-modal .modal-content {
    background-color: #000;
    color: #fff;
    height: 90vh;
    top: 30px;
    border: unset;
}

.newsroom-image-modal, .newsroom-image-modal .modal-header, .newsroom-image-modal .modal-body, .newsroom-image-modal .modal-body-content, .newsroom-image-modal .modal-footer, .newsroom-video-modal, .newsroom-video-modal .modal-header, .newsroom-video-modal .modal-body, .newsroom-video-modal .modal-body-content, .newsroom-video-modal .modal-footer {
    background-color: #000;
    color: #fff;
    text-align: center;
    font-family: 'blender-regular',south web light,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    border: unset;
}
       .newsroom-image-modal .modal-body-content
     , .newsroom-video-modal .modal-body-content  
    {
        padding:10px 100px 0 100px;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;    

    }

    .newsroom-image-modal .modal-body
    {
        position:static;

        height:calc(100% - 120px);
        height:-moz-calc(100% - 120px);
        height:-webkit-calc(100% - 120px);    
        
        width: auto;

        display: inline-block;   
        
        border:solid 0px orange;
    }
    .newsroom-video-modal .modal-body
    {
        position:relative;

        width: 100% !important;
        height:calc(100% - 120px);
        height:-moz-calc(100% - 120px);
        height:-webkit-calc(100% - 120px);        

        display: inline-block;    
        
        border:solid 0px orange;
    }
    .newsroom-image-modal .modal-body img,
    .newsroom-video-modal .modal-body img
    {
        max-height:95%;
        max-width: 100%;

        object-fit:contain;
    }
    .newsroom-video-modal .modal-body video
    {
        max-height:100%;
        max-width:100%;

        object-fit:contain;
    }

      .newsroom-image-modal .modal-header
    , .newsroom-video-modal .modal-header
    {
        padding:0;
        position:static;

        margin:auto;
        width:auto;
    }

      .newsroom-image-modal .modal-title
    , .newsroom-video-modal .modal-title
    {
        font-weight: bold;
        text-align:center;
        padding:0;
        margin:auto;

        width:200px;
        position:relative;
    }
      .newsroom-image-modal .modal-date
    , .newsroom-video-modal .modal-date
    {
        font-size: 12px;
        text-align:center;
        padding:0;
        margin:auto;
 
        width:200px;
    }

    .newsroom-image-modal .close
    {
        background-color:#000;

        color:#fff;
        opacity: 1;

        font-size: 40px;

        display:block;

        position: absolute;
        top: -7px;
    }
    .newsroom-video-modal .close
    {
        background-color:#000;

        color:#fff;
        opacity: 1;

        font-size: 40px;

        display:block;

        position: absolute;
        top: -3px;
    }


      .newsroom-image-modal-width
    , .newsroom-video-modal-width
    {
        /*max-width:400px;
        width:65vh;*/
    }
      .newsroom-image-modal-height
    , .newsroom-video-modal-height
    {
        /*max-height:400px;*/
        /*height:65vh;*/
    }

    .newsroom-video-modal video
    {
       object-fit: inherit;
    }



    /* REPLY */
    .newsroom-block .newsroom-row.with-reply .container-reply-in
    {
        display:block;
        background-color:#F0F0F0;
        cursor:pointer;

        border-radius:6px;
    }
    .newsroom-block .newsroom-row.with-reply .container-reply-in .content-text
    {
        font-size:14px;
    }
    .newsroom-block .newsroom-row.with-reply .newsroom-row-reply
    {
        position:relative;
        padding:0 10px 10px 10px;
    }  
    .newsroom-block .newsroom-row.with-reply .newsroom-row-reply .newsroom-content-reply 
    {
        float: right;
        width: 100%;

        display: flow-root;
        overflow: hidden;
    }
    .newsroom-block .newsroom-row.with-reply .container-reply-in-right
    {
        border-right:solid 5px #6080C4;
        border-radius:5px;

        padding:0 2px 0 0;
        margin: 0 0 10px 0;
    }

    .newsroom-block .newsroom-row.with-reply .newsroom-name 
    {
        padding: 8px 0 2px 0;
    }

    /* image message */
    .newsroom-block .newsroom-row.with-reply .newsroom-img,
    .newsroom-block .newsroom-row.with-reply .newsroom-img-notext
    {
        max-width:277px;
        height:208px;
        object-fit:cover;
        
        margin:auto;
        display:block;

        -webkit-clip-path: polygon(0px 0px, 277px 0px, 277px 208px, 0 208px);
        clip-path: polygon(0px 0px, 277px 0px, 277px 208px, 0 208px);

        cursor:pointer;
    }

    /* container orig msg image with reply */
    .newsroom-block .newsroom-row.with-reply .newsroom-content-reply .content-img
    {
        width:77px;
        height:62px;
        object-fit:cover;

        overflow:hidden;
        float:left;
        margin:-20px 3px -8px 0;
        position:relative;
    }
    .newsroom-block .newsroom-row.with-reply .newsroom-content-reply .content-img-notext
    {
        overflow:hidden;
        position:relative;
    }


    /* image reply */
    .newsroom-block .newsroom-row.with-reply .newsroom-content-reply .newsroom-img
    {
        max-width:77px;
        height:45px;
        object-fit:cover;

        margin:8px 0;
        float:left;

        cursor:pointer;
    }
    .newsroom-block .newsroom-row.with-reply .newsroom-content-reply .newsroom-img-notext
    {
        max-width:277px;
        height:208px;
        object-fit:cover;

        -webkit-clip-path: polygon(0px 0px, 277px 0px, 277px 208px, 0 208px);
        clip-path: polygon(0px 0px, 277px 0px, 277px 208px, 0 208px);

        margin:auto;
        display:block;

        cursor:pointer;
    }

.news-room-divider {
    height: 3px;
    background: linear-gradient(#2353B7, #0037AB);
    margin: 0 0 10px 0;
    width: 600px;
}

    .tabula-container
    {
        width:600px;
    }