/****************************************/
/****************************************/
/** Recruitment, Consulting and Staffing Association **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to CTA
 *
 *
*/
/****************************************/
/****************************************/ 
/******** Tile CTA ********/
div[id*="tile"]>div:nth-child(1), div[id*="tile"]>a>div:nth-child(1) {
    padding: 3rem 3rem;
    margin: 0;
    margin-bottom: 1rem;
    background: #2cace3;
}

div[id*="tile"]>div:nth-child(1) ol, div[id*="tile"]>div:nth-child(1) ul {
    margin-bottom: 1rem;
}

div[id*="tile"]>a>div:nth-child(1) a.call-to-action-link {
    display: none !important;
}

div[id*="tile"]>a + div {
    display: none !important;
}

.iMIS-WebPart>div[id*="tile"]>a {
    width: 100%;
    display: flex;
}

div[id*="tile"] h4 {
    margin-top: 0;
    font-weight: 500;
    font-size: 2.2rem;
    margin-bottom: 1rem !important;
    color: #ffffff;
    letter-spacing: -0.04em;
}

div[id*="tile"]:not([id*="greytile"], [id*="darktile"]) h1, div[id*="tile"]:not([id*="greytile"], [id*="darktile"]) h2, div[id*="tile"]:not([id*="greytile"], [id*="darktile"]) h3, div[id*="tile"]:not([id*="greytile"], [id*="darktile"]) h5, div[id*="tile"]:not([id*="greytile"], [id*="darktile"]) h6 {
    color: #fff;
}

div[id*="tile"] p {
    text-shadow: none;
    margin-bottom: 1rem !important;
    color: #ffffff;
}

div[id*="tile"] a[class*='utton'] {
    color: #2cace3;
    background: #fff;
}

div[id*="tile"] a[class*='utton']:hover {
    background: transparent;
    color: #fff;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #ffffff;
}

div[id*="darktile"] a[class*='utton']:hover,
div[id*="Darktile"] a[class*='utton']:hover {
    background: transparent;
    color: #2cace3;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #ffffff;
}

.iMIS-WebPart div[id*="_Panel_tile"] a:not(.button):not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) {
    color: #fff !important;
}

.iMIS-WebPart div[id*="_Panel_tile"] a:not(.button):not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):before {
    background: #fff !important;
}

div[id*="tile"]>div:nth-child(1) ol li, div[id*="tile"]>div:nth-child(1) ul li {
    color: white;
}

.iMIS-WebPart div[id*="_Panel_tile"] a:not(.button):not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):hover {
    color: #2cace3 !important;
}

div[id*="darktile"]>div:nth-child(1), div[id*="Darktile"]>a>div:nth-child(1) {
    background: #1b2a35
}

div[id*="darktile"] h4, div[id*="Darktile"] h4 {
    color: #2cace3;
}

div[id*="whitetile"]>div:nth-child(1), div[id*="Whitetile"]>a>div:nth-child(1) {
    background: #ffffff;
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
}

div[id*="whitetile"] h4, div[id*="Whitetile"] h4 {
    color: #2cace3;
}

div[id*="whitetile"] p, div[id*="Whitetile"] p {
    color:#1b2a35;
}

div[id*="whitetile"] a[class*='utton'], div[id*="Whitetile"] a[class*='utton'] {
    background: #2cace3;
    color:#ffffff
}

div[id*="whitetile"] a[class*='utton']:hover, div[id*="Whitetile"] a[class*='utton']:hover {
    background: transparent;
    color: #2cace3;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #2cace3;
}

/**************** Standard call-to-action ****************/
.row.call-to-action-row {
    display: flex;
}

.row.call-to-action-row div {
    display: flex;
}

.row.call-to-action-row div:not(.call-to-action>div>div>div:nth-child(1)>div) {
    width: 100%;
}

div.call-to-action>div>div>div:nth-child(1) {
    display: flex;
    flex-direction: column;
    padding-bottom: 3rem;
    width: 100%;
}

div.call-to-action>div>div>div:nth-child(1)>p:last-child {
    align-self: flex-start;
    flex-flow: column-reverse;
    height: 100%;
}

div.call-to-action>div>div>div:nth-child(1)>*:not(img) {
    /*
    display: flex;
    flex-flow: column;
*/
    padding-right: 6rem;
    transition: 0.5s all ease-in-out;
}

div.call-to-action>div>div>div:nth-child(1):hover>*:not(img) {
    padding: 0 3rem;
}

div.call-to-action>div>div>div:nth-child(1) {
    overflow: auto;
    transition: all 0.2s ease-in-out;
    background: transparent;
}

div.call-to-action>div>div>div:not(:nth-child(1)) {
    display: none;
}

div.call-to-action>div>div>div:nth-child(1):hover {
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
    background: #fff;
}

div.call-to-action>div>div>div:nth-child(1) ul {
    padding: 0 5rem 0 2rem;
}

div.call-to-action>div>div>div:nth-child(1):hover>ul {
    padding: 0 2rem 0 5rem;
}

.call-to-action>div>div>div:nth-child(1)>div {
    align-self: flex-start;
    flex-grow: 1;
    margin-top: 1rem;
}

.call-to-action>div>div>div:nth-child(1)>div>a.Button {
    margin-top: auto;
}

div.call-to-action>div>div>div:nth-child(1):hover {
    overflow: auto;
}

.row.call-to-action-row>div>div>div>div>div>div:nth-child(2) {
    display: none;
}

.call-to-action>div>div>div:nth-child(1) img {
    max-height: 24rem;
    object-fit: cover;
    object-position: center center;
    min-height: 24rem;
}

@media (max-width: 1024px) {
    .call-to-action>div>div>div:nth-child(1) img {
        max-height: 19rem;
        min-height: 19rem;
    }
}

@media (max-width: 768px) {
    .call-to-action>div>div>div:nth-child(1)) img {
        max-height: 13rem;
        min-height: 13rem;
    }
}

.call-to-action h4 {
    margin-top: 3rem;
    font-size: 2.2rem;
/*     font-size: 2.9rem; */
    margin-bottom: 1.5rem;
    font-weight: 500 !important;
    color: #2cace3;
}

.call-to-action p {
    /* font-size: 1.9rem */
}

.call-to-action a {
    /* font-size: 1.6rem; */
    /*     font-weight: 600 !important; */
}

@media (max-width: 767px) {
    .row.call-to-action-row {
        /*        display: block;*/ flex-direction: column;
    }

    .col-primary>div>div>div>div.row .iMIS-WebPart>div {
        padding-top: 0 !important;
        padding-bottom: 0rem !important;
    }

    .row.call-to-action-row div {
        display: block;
    }

    .call-to-action>div>div>div:nth-child(1) img {
        max-height: 21rem;
        min-height: 21rem;
    }
}

/***** Icon call-to-action *****/
.WebPartZone.icon div[id*="Panel"] {
    flex-direction: column;
    align-items: center;
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
    background: #fff;
}

.WebPartZone.icon div[id*="Panel"] img {
    min-height: 24rem;
    max-height: 24rem;
    width: 100%;
    padding: 3rem;
    object-fit: contain;
}

.WebPartZone.icon div[id*="Panel"] h4 {
    margin-bottom: 0;
    text-align: center;
    padding: 0 3rem 3rem;
}


.WebPartZone.icon a.noeffect {
    display: flex;
    width: 100%;
}

.WebPartZone.icon div[id*="Panel"] a.icon-link {
    display: none !important;
}

.WebPartZone.icon >div>div>div:not([id*="Panel"]) {
    display: none !important;
}

/***** 

IQA WIDGETS

Version 1 - 26/04/2022


*****/
   div[class*="Widget"] thead {
    display: none;
    }
   div[class*="Widget"] .RadGrid_MetroTouch {
    border: none;
    color: #182232;
    background-color: transparent;
    }
   div[class*="Widget"] .RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, div[class*="Widget"].RadGrid_MetroTouch .rgSelectedRow, div[class*="Widget"] .RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, div[class*="Widget"] .RadGrid_MetroTouch .rgSelectedRow td.rgSorted {
    color: #182232;
    background: transparent;
    border-color: transparent;
    }
   div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch th.rgSorted a, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgSelectedRow a, div[class*="Widget"] .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, div[class*="Widget"] .RadGrid.RadGrid_Metro th.rgSorted a {
    color: #ffffff !important;    }
   div[class*="Widget"] .RadGrid_MetroTouch .rgRow a, div[class*="Widget"] .RadGrid_MetroTouch .rgAltRow a, div[class*="Widget"] .RadGrid_MetroTouch tr.rgEditRow a, div[class*="Widget"] .RadGrid_MetroTouch .rgFooter a, div[class*="Widget"] .RadGrid_MetroTouch .rgEditForm a {
    color: #182232 !important;
    }
   div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgActiveRow td, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgActiveRow td, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgSelectedRow td, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
    border: none;
    }
   div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgSelectedRow, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, div[class*="Widget"] .RadGrid.RadGrid_MetroTouch th.rgSorted, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgSelectedRow, div[class*="Widget"] .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, div[class*="Widget"] .RadGrid.RadGrid_Metro th.rgSorted {
    background: transparent;
    border-color: transparent;
    }
   div[class*="Widget"] .RadGrid_MetroTouch .rgAltRow {
    background: transparent;
    }
   div[class*="Widget"] .RadGrid_MetroTouch .rgRow>a>td, div[class*="Widget"] .RadGrid_MetroTouch .rgAltRow>a>td {
    border: none;
    padding: 0 !important;
    }
   div[class*="Widget"] .RadGrid.RadGrid_MetroTouch .rgMasterTable, div[class*="Widget"] .RadGrid.RadGrid_Metro .rgMasterTable {
    background-color: transparent;
    }
    /* radGrid reset end */
 
   div[class*="Widget"] .RadGrid.RadGrid_MetroTouch>table>tfoot>tr {
    display: block !important;
    }
   div[class*="Widget"] .RadGrid.RadGrid_MetroTouch>table>tfoot>tr td td div.rgNumPart a {
    background-color: #1b2a35 !important;
    color: #fff !important;;
    }
   div[class*="Widget"] .RadGrid.RadGrid_MetroTouch>table>tfoot>tr td td div.rgNumPart a:hover {
    background: #cecece !important;
    }
   div[class*="Widget"] .RadGrid.RadGrid_MetroTouch>table>tfoot>tr td td div.rgNumPart a.rgCurrentPage {
    background: #2cace3 !important;
    }
   div[class*="Widget"] .RadGrid.RadGrid_MetroTouch>table>tfoot>tr td td div.rgAdvPart {
    display: none;
    }
   div[class*="Widget"] .RadGrid.RadGrid_MetroTouch>table>tfoot>tr td td div.rgInfoPart {
    display: none;
    }
   div[class*="Widget"] .RadGrid.RadGrid_MetroTouch>table>tfoot>tr td table + a.AddPaddingLeft {
    display: none;
    }
   /***** upcoming events styling START *****/
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody {
    display: flex;
    flex-wrap: wrap;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr {
    width: 33.33333333333333333333333%;
    display: flex;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td {
    padding: 1.5rem !important;
    border: none !important;
    display: flex;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card {
    display: flex;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card>a {
    display: flex;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card>a>div {
    display: flex;
    flex-direction: column;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card {
    transition: all ease-in-out .2s;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card:hover {
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card .image-container {
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card .image-container img {
    width: 100%;
    min-height: 20rem;
    max-height: 20rem;
    object-fit: cover;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card .details {
    padding: 3rem 6rem 3rem 0;
    transition: padding .5s ease-in-out;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card .details p.description {
    flex-grow: 1;
    line-height: 1.5;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card .details p.type {
    font-weight: 600;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card .details p.date {
    color: #2cace3;
    font-weight: 600;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card>a:hover .details {
    padding: 3rem;
    }
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>.event-card .details p:not(.description) {
    margin: 0;
    font-size: 1.4rem;
    }
    @media (max-width: 767px) {
    .eventWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr {
    width: 100%;
    }
    }
    /**********/
    /***** upcoming events styling START *****/
    /***** Template IQA Styling *****/
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody {
    display: flex;
    flex-wrap: wrap;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr {
    width: 50%;
    display: flex;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td {
    border: none !important;
    padding: 1.5rem !important;
    display: flex;
    }
    .templateWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div {
    display: flex;
    flex-wrap: wrap;
    padding: 3rem;
    border: .1rem solid #ececec;
    transition: all .2s ease-in-out;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div:hover {
    box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 11%);
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(1) {
    width: 66.6666666666666667%;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(1) p {
    margin: 0;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(1) .Title p {
    color: #2cace3;
    font-size: 2rem;
    font-weight: 600;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(1) .Category p {
    font-weight: 600;
    margin-bottom: 1rem;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2) {
    width: 33.3333333333333333%;
    padding-left: 1.5rem;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2) p {
    font-weight: 600;
    margin-bottom: .5rem;
    color: #1b2a35;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(3) {
    width: 100%;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(3) {
    display: flex;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(3) a.btn {
    margin-top: auto;
    text-decoration: none;
    color: #fff !important;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(3) a.btn:hover {
    color: #2cace3 !important;
    }
    @media (max-width: 767px) {
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr {
    width: 100%;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div {
    flex-direction: column;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2) {
    padding-bottom: 1.5rem;
    }
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2)>div {
    display: flex;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2)>div:nth-of-type(1) {
    flex-wrap: wrap;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2)>div:nth-of-type(1) #CategoryLabel,
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2)>div:nth-of-type(1) #CategoryTypeLabel {
    color: #2cace3;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2)>div:nth-of-type(1) #CategoryLabel {
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2)>div>div:nth-of-type(1) {
    padding-right: 1rem;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2)>div>div:nth-of-type(2) {
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2)>div:nth-of-type(1) {
    border-bottom: .1rem solid #ececec;
    padding-bottom: 1rem;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2)>div:nth-of-type(2) {
    padding-top: 1rem;
    }
    div[id*="ste_container_ciTemplatesMemosGuidanceNotes"] {
    margin: 0 !important;
    }
    @media (min-width: 769px) {
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2)>div:nth-of-type(1) .Category {
    margin-left: 3.7rem;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2) .CategoryHeader img {
    width: 2.57rem !important;
    height: 2.57rem !important;
    object-fit: contain;
    }
    }
    @media (max-width: 768px) {
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(2)>div {
    flex-wrap: wrap;
    }
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(3) {
    flex-wrap: wrap;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(3) img {
    width: 2.57rem !important;
    height: 2.57rem !important;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(3) .CountryHeader {
    margin-right: 1rem;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(3) .Location p {
    font-weight: 600;
    color: #2cace3;
    }
    .templateWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div:nth-of-type(3) .Order {
    width: 100%;
    }
    /***** Template grid styling END *****/

    /*****Briefs*****/
    .briefsWidget .RadGrid.RadGrid_MetroTouch {
    border: none !important;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody {
    display: flex;
    flex-wrap: wrap;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr {
    width: 33.3333333333%;
    background: #fff;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td {
    padding: 1.5rem !Important;
    border: none !Important;
    display: flex;
    height: 100%;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div {
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div {
    transition: all ease-in-out .2s;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div:hover>div {
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td .top img {
    max-height: 24rem;
    object-fit: cover;
    object-position: center center;
    min-height: 24rem;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div:hover span.newstag {
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td span.newstag {
    float: initial;
    background: #fff;
    margin: 0;
    color: #2cace3;
    position: initial;
    border-radius: 0;
    order: 1;
    padding: 0 !important;
    font-size: 0rem !Important;
    transition: all ease-in-out .5s;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div:hover span.newstag {
    padding: 0 !important;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td span.newstag a {
    color: #2cace3 !important;
    font-weight: 800;
    text-decoration: none;
    margin-right: 1rem;
    letter-spacing: 0;
    font-size: 1.3rem !Important;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td span.newstag>a:not(:last-of-type) {
    border-right: 1px solid #2cace3;
    padding-right: 1rem;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div:hover .bottom {
    padding: 3rem 3rem 0 3rem;
    }
    .briefsWidget  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td .bottom {
    padding: 3rem 6rem 3rem 0rem;
    transition: all ease-in-out .5s;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div:hover .bottom {
    padding: 3rem;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td .bottom .date {
    order: 1;
    font-size: 1.3rem;
    color: #000;
    font-weight: 800;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td .bottom .title {
    font-size: 2.2rem;
    /* font-size: 2.9rem; */
    margin-bottom: 1.5rem;
    font-weight: 500 !important;
    color: #2cace3;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td .bottom a.newslink.TextButton {
    padding: 0.8rem 4rem !important;
    font-size: 1.6rem !important;
    color: #fff !important;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td .bottom a.newslink.TextButton:hover {
    color: #2cace3 !important;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td .bottom>p:nth-of-type(5) {
    display: none;
    }
    @media (max-width: 767px) {
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tbody>tr {
    width: 100%;
    }
    } 
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tfoot>tr {
    display: block !important;
    }
    .briefsWidget .RadGrid.RadGrid_MetroTouch>table>tfoot>tr td td div.rgNumPart a.rgCurrentPage {
    background-color: #2cace3 !important;
    }
    /*****Videos *****/
    .videoWidgets .RadGrid.RadGrid_MetroTouch {
    border: none !important;
    }
    .videoWidgets  .RadGrid.RadGrid_MetroTouch>table>tbody {
    display: flex;
    flex-wrap: wrap;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr {
    width: 33.3333333333%;
    background: #fff;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td {
    padding: 1.5rem !Important;
    border: none !Important;
    display: flex;
    height: 100%;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div {
    display: flex;
    flex-direction: column;
    height: 100%;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div>div {
    display: flex;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td div#video-thumbnail {
    }
    .videoWidgets  .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td div#video-thumbnail img {
    object-fit: cover;
    min-height: 24rem;
    max-height: 24rem;
    width: 100% !important;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td div#video-details {
    flex-direction: column;
    padding: 3rem 6rem 3rem 0rem;
    transition: all .5s ease-in-out;
    flex-grow: 1;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td>div:hover div#video-details {
    padding: 3rem;
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td #video-series>a {
    color: #000 !Important;
    font-weight: 800;
    text-decoration: none;
    font-size: 1.4rem;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td #video-heading {
    margin-bottom: 1.5rem;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td #video-heading>a {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
    font-weight: 500 !important;
    color: #2cace3 !important;
    text-decoration: none;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td #description {
    flex-grow: 1;
    margin-bottom: 1.5rem
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td #video-security img {
    width: 2rem !Important;
    height: 2rem !Important;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td #video-security .tooltip {
    position: relative;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td #video-security .tooltip img + .tooltiptext {
    position: absolute;
    top: 1rem;
    width: 20rem;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    padding: 1rem;
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 24%);
    background: #fff;
    border-radius: 1rem;
    display: block;
    left: 3rem;
    top: -1rem;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td #video-security .tooltip img:hover + .tooltiptext {
    opacity: 1;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td .readmore {
    margin-top: 1rem;
    display: none;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td .readmore>a {
    padding: 0.8rem 4rem;
    color: #fff !important;
    text-decoration: none;
    background: #2cace3;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 0.1rem rgb(0 0 0 / 0%);
    position: relative;
    overflow: hidden;
    color: #fff;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    font-weight: 500;
    margin: 0.2rem;
    }
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr>td .readmore>a:hover {
    background: transparent;
    color: #2cace3 !important;
    overflow: overlay;
    background: #ffffff;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #2cace3;
    }
    @media (max-width: 767px) {
    .videoWidgets .RadGrid.RadGrid_MetroTouch>table>tbody>tr {
    width: 100%;
    }
    }