/* gallery */
.f-image-gallery { flex-wrap: wrap; }
.f-image-gallery .f-card-style{min-width: 120px;
margin: 8px;
width: calc(18% - 24px);
max-width: 180px;
padding: 12px;
white-space: normal;
position: relative;
}
.f-image-gallery .f-card-style img{width:100%; height:auto; max-width:100%; max-height:220px; margin:auto;}
.f-image-gallery .photo{
margin-left: -12px;
margin-right: -12px;
margin-top: -12px;
/* margin-bottom: 12px; */
min-height: 220px;
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
z-index: 0;
}
.f-image-gallery .f-flex-col .f-flex-row.margin-top-0px.f-border-0{padding:8px 12px}
.f--list-view .flex-2.f-padding-left-right-8px {padding:0 4px}
.f-image-gallery .discription-text{
    padding: 16px 4px;
line-height: 24px;
}
.f-image-gallery{
flex-flow: row wrap;
box-sizing: border-box;
display: flex;
place-content: stretch flex-start;
align-items: stretch;
max-height: 100%;
margin-left: -12px;
margin-right: -12px;

}
.f-image-gallery .f-flex-col{
flex: 1 1 calc(33% - 22px);
box-sizing: border-box;
min-width: calc(33% - 22px);
max-width: calc(33% - 22px);
margin:0 !important;
margin:12px !important;
display: flex;
}
.f-image-gallery .f-flex-col .f-card-style {
min-width: initial;
max-width: initial;
width:100%;
margin:0;
padding-bottom: 0;
border-radius: 4px;
}
.f-image-gallery .f-flex-col .f-flex-row{
border-top: 1px solid #efefef;
margin-right: -12px;
margin-left: -12px;
padding:16px 16px;
margin-top: 0px;
}
.f-image-gallery .photo .f-image-title{position:absolute; bottom:0; background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 60%, rgb(0 0 0 / 0%) 100%); left:0; right:0; padding:16px;color:#fff;}
.f-image-gallery .photo .f-title-22px {
font-size:16px; font-family: Montserrat, sans-serif; font-weight: 600; line-height: 30px;
}
.f-date-field{
font-size:14px; font-family: "Source Sans Pro", sans-serif; font-weight: 600;
padding:4px 0;
color: #d7d7d7;
}
.f-image-gallery .f-card-style{
display: flex;
flex-direction: column;
}
.custom-tooltip{position: relative; cursor: pointer;}
.custom-tooltip:hover:after{
content: attr(data-tooltip);
position: absolute;
left: 8px;
top: 40px;
background-color: rgba(97,97,97,.9) ;
border-radius: 4px;
font-family: "Source Sans Pro", sans-serif;
font-size: 12px;
font-weight: 400;
color: #fff;
padding: 6px 8px ;
pointer-events: none;
max-width: 500px;
text-align: left ;
line-height: 17px;
z-index: 9999;
}
.collepse-col {width:56px !important; position:relative; background:#fff;}
.collepse-col .hText18themeNew{display:none;}
.collepse-col .f-card-style .f-list-item .flex-2, .collepse-col .f-card-style .f-list-item .f-icon-24 {display:none;}
.collepse-col .f-section-expanded svg{ transform: rotate(180deg);}
.collepse-col .f-section-expanded{width:56px !important; padding-top: 10px; padding-bottom: 10px;}
.collepse-col .f-card-style{ box-shadow: none; background:#fff !important;}
.collepse-col .f-card-style .f-list-item{padding-left:8px; padding-right: 8px; border:0 !important; padding-bottom: 4px; }
.collepse-col .f-icon-circle{margin-right: 0;}

.f-image-gallery.f-card-style{background: transparent; box-shadow: none; padding:0; margin:0 -16px;}
.f-news-wrap .accordion-wrap:after{width: 100% !important; margin-left:0;}
.fixed-top-header.f-header-fixed{
  position: fixed;
    right: 30px;
    z-index: 99;
    top: 56px;
    background: #fff;
    padding: 16px 12px 8px 12px;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
    box-sizing: border-box;
}

/* slider start */
.fc-slider {display:flex; width:100%; overflow: hidden; max-height: 430px; box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%); }
.fc-slider .fc-slider-left{max-width:65%;margin: 0;width: 65%;min-width: 65%; position: relative;}
.fc-slider .fc-slider-right{max-width:35%; width:35%; min-width: 35%; overflow-y: auto; background-color: #fff;}
.fc-slider .fc-slider-left li img{width:100%; height:300px;left: -40px;
  position: absolute;
  top: -13px;}
.fc-slider .fc-slider-left .slides li{position: relative; height:350px;}
.fc-flex-caption{background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 40%, rgba(255,255,255,0) 100%);
position:absolute; bottom:0; left:0; right:0;margin:0; padding:24px 24px 80px; color:#fff;}
.fc-slider .f-title-36px{font-family: Montserrat,sans-serif!important; font-weight: 600; font-size: 36px;  text-shadow: 0 0 black;}
.fc-slider .f-title-14px{font-family: Montserrat,sans-serif!important; font-weight: 600; font-size: 12px;  text-shadow: 0 0 black;}
.fc-slider button .svg-icon, .fc-slider button .svg-icon svg{ width:20px; display: inline-block; fill:#fff; vertical-align: middle; margin-right:2px;}
.fc-slider .fc-slider-left .flex-control-paging{display: flex;position: relative;margin: -49px 0px 0; z-index: 3;
  text-align:center;  height:35px; align-items: center;
  justify-content: center; padding-left: 0;background: #00000096;
  width: 100%;
  left: 0;
  z-index: 0;}
.fc-slider .fc-slider-left .flex-control-paging li{color:#fff; margin:6px 6px; list-style:none;}
.fc-slider .fc-slider-left .flex-control-paging li a{color:transparent; background:#fff;
  width:6px; height:6px; display:block; border-radius:100%; border:1px solid #fff}
  .fc-slider .fc-slider-left .flex-control-paging li a.flex-active{background: transparent;}
  .fc-slider .fc-slider-left ul.flex-direction-nav { margin: 0;  padding: 0;   position: relative;  z-index: 1;   top: -155px; list-style: none;}
  .fc-slider .fc-slider-left .flex-nav-prev .flex-prev{
    content: ''; background: url(navigate_before-white.svg) no-repeat; background-size: 30px 30px;
    display: inline-block; width: 24px; height: 24px; color: transparent;top: -28px;
    position: absolute;filter: brightness(0.5);}
  .fc-slider .fc-slider-left .flex-nav-next .flex-next{ position: absolute;  right: 0;   margin-top: -20px;
    content: ''; background: url(navigate_before-white.svg) no-repeat; background-size: 30px 30px;
    display: inline-block; width: 24px; height: 24px; color: transparent;
    transform: rotate(180deg);filter: brightness(0.5);
  }

  /* right thumbnail */
  .fc-slider .fc-slider-right .slides{
    display: flex;
    flex-direction: column;
    width: 100% !important;
    transform: initial !important;
  }
  .fc-slider .fc-slider-right .flex-control-nav{display:none !important;}
  .fc-slider .fc-slider-right .flex-direction-nav{display:none !important;}
  .fc-slider .fc-slider-right .f-slide-thumbnail,  .fc-slider .fc-slider-right .f-slide-thumbnail img{width:80px; height:80px; margin-right: 16px;}
  .fc-slider .fc-slider-right .slides li{padding:16px; width:100% !important; box-sizing: border-box; border-bottom: 2px solid #f0f0f0; cursor: pointer;}
  .fc-slider .fc-slider-right .slides li:last-child{border-bottom: 0;}
  .fc-slider .fc-slider-right .f-title-16px{font-family: Montserrat,sans-serif!important; font-weight: 600; font-size: 16px; color:#9b9b9b;  }
  .fc-slider .fc-slider-right .f-sub-text-14px{font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 14px; color:#9b9b9b; line-height: 22px;}
  .fc-slider .fc-slider-right .slides li.flex-active-slide{background:#ebebeb;}
/* slider end */

.f-white-button{background: #fff !important;border-color: #fff;color: #0093ee !important;}
.f-margin-right-24{margin-right: 24px;}



    .f-leftbar-hub .f-header-fixed .f-card-title-grey{ display:none}
    .f-leftbar-hub .f-header-fixed {padding:33px 0; margin-left: 0;}
    .f-leftbar-hub .f-header-fixed .f-section-expanded{box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%) !important;background: #fff;width: calc(100% - 24px);border-radius: 0 !important;margin-top: -8px;padding: 12px;}
    .f-leftbar-hub .f-header-fixed .f-card-style{box-shadow: none;}
    .f-leftbar-hub .f-header-fixed .svg-icon.f-section-collapse {padding:0 ;  width: auto !important;  position: initial;}
      .f-leftbar-hub.f-collapse-width .f-header-fixed{margin-top:-54px}
     .f-leftbar-hub.f-collapse-width .important-link-fixed.f-header-fixed{margin-left:0 !important;}
      .f-leftbar-hub .f-header-fixed .svg-icon.f-section-collapse:before{margin-left:-14px; margin-right:-12px}
      .f-leftbar-hub.f-collapse-width .f-header-fixed .f-card-style{margin-top:0px}

      .f-news-wrap .expand-collapse-button span {min-width:120px !important;}
      .f-news-wrap .expand-collapse-button input{display:none}
      .f-card-style .f--list-view {display:flex; flex-flow: row wrap; }

      .f--list-view > .f-flex-row {
          background: #fff;
          padding: 16px;
          border:0;
          box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
          margin: 6px 0px;
          width: 100%;
      }
     .f-card-list  .f-list-item{padding:16px; margin-bottom: 24px;}
     .f-card-list  .f-list-item .svg-icon {width:24px; height:24px; margin-right: 16px;}
     .f-card-list  .f-list-item .svg-icon:last-child{margin-right: 0;}
     .f-card-list  .f-list-item .svg-icon svg{fill:#757575}
     .f-card-list  .f-list-item .f-font-14{font-size: 14px; margin-top: 8px; color: #757575;}
     .f-card-list  .f-list-item  .f-cm_button_action{margin:8px auto; border-color: #c6d9e8 !important;}

     @media only screen and (max-width: 1300px) {
      .f-image-gallery .f-flex-col{
        flex: 1 1 calc(50% - 24px);
        box-sizing: border-box;
        min-width: calc(50% - 24px) !important;
        max-width: calc(50% - 24px) !important;
        }
     }
     @media only screen and (max-width: 820px) {
       #columnRight{margin-left:0 !important;}
      .f-rightbar-hub > .f-flex-row > .flex-2.margin-left {margin-left:0}
      .important-link-fixed{display: none;}
      .nav-tab-responsive.f-tabify-wrap .overflow-hidden {overflow-x:auto !important;}
      .colorbox-sidedrawer #cboxClose{display: none !important;}
      .colorbox-sidedrawer #cboxLoadedContent, .colorbox-sidedrawer  div#cboxWrapper {
        width: 100% !important;
    }


    }
    @media only screen and (max-width: 767px) {

      .f-hub-banner img {width: 100% !important; max-width:140px !important;}
.f-hub-banner .flex-width-25{width: 200px !important; min-width:1px !important}
.f-hub-banner .f-flex-row{flex-direction:column !important;}
.f-hub-banner .f-banner-title{font-size:16px !important; margin-top:16px;}
.f-hub-banner .f-banner-discription{font-size:14px !important;}

      .f-rightbar-hub > .f-flex-row > .flex-2.margin-left {margin-left:0}
      .f-box-type-chip > div {width: calc(33% - 16px) !important;}
      .f-image-gallery .f-flex-col{
        flex: 1 1 calc(50% - 24px);
        box-sizing: border-box;
        min-width: calc(50% - 24px) !important;
        max-width: calc(50% - 24px) !important;
        }
        #exportHtmlTableViewbradcum td table.search-filter-seaction td{width:auto !important;}

        #siteMainDiv{overflow-x: hidden;}
        .f-sm-flex-column > div {
          width: calc(100vw - 24px);
          margin-left: 0;
          margin-right: 17px;
      }
      .svg-icon.f-section-expanded{display: none;}
      .fixed-top-header.f-header-fixed{position: relative; top:0}

  .important-link-fixed.f-header-fixed{position: initial !important;}
  .fc-slider .fc-slider-right{display: none;}
.fc-slider .fc-slider-left{max-width: 100%;  width: 100%;  min-width: 100%;}
}
.table-image img{width:60px; height:40px}
.table-image{display:inline-flex; vertical-align:middle; margin-left:-16px; margin-right:6px;     box-shadow: 2px 2px 5px rgb(0 0 0 / 19%);}
.f-td-padding-right-0 tr td:last-child, .f-td-padding-right-0 tr th:last-child{padding-right:0px !important;}
.f-no-bg{background: transparent; box-shadow: none; margin:0}
.f-card-title-grey.f-accordion-header {margin-bottom:0;}
.accrodion-left-arrow .accordion-wrap {padding:0 !important;}
.accordion-wrap.accordion-hide .grid-list-view-wrap{visibility: hidden !important;}

.f--padding-top-bottom-16{padding:16px 0;}

.f--list-view .f--list-image img{width:100%; max-width:100px; height:auto; margin-right:16px}
.f--list-view .f--list-title{ font-family: "Source Sans Pro", sans-serif; font-weight: 600; font-size: 14px; margin-right:8px;}
.f--list-view .f--list-title a{color: #0093ee !important;}
.f--list-view .f--list-discription{font-family: "Source Sans Pro", sans-serif; font-size: 14px; color: #000; padding: 8px 0 12px;}
.f-margin-top--8{margin-top: -8px;}
.f--list-footer{font-family: "Source Sans Pro", sans-serif; font-size: 14px; color: #757575;}



ul.f--category-chip {list-style:none; margin:0 -4px; padding:0;}
ul.f--category-chip li{display:inline-block; background:rgba(155,155,155,.2); padding:8px 16px 8px 12px; margin:4px; border-radius:4px; font-weight: 500;
  font-family: Source Sans Pro, sans-serif;  font-size: 14px;  color: #9b9b9b; }
ul.f--category-chip li a{text-decoration: none;}
ul.f--category-chip .svg-icon{width:18px; height:18px; margin-right: 6px; display:inline-flex; vertical-align:middle;}
ul.f--category-chip li:hover,ul.f--category-chip li.f-active {background:#e1ebf5; }
ul.f--category-chip .svg-icon svg{color: rgba(0,0,0,.87);  opacity: .4;}
ul.f--category-chip li.f-active .svg-icon svg{opacity: 1; fill:#0093ee;}

 .f--scroll-top-fixed > .f-flex-row {padding-top:80px}
.f-scroll-top-fixed> .f-flex-row {padding-top:80px}
.f--list-view > .f-flex-row  {border-bottom:1px solid #ebebeb;}



@media only screen and (max-width: 480px) {
  .colorbox-sidedrawer #colorbox{    width: 100% !important;}

  .f-box-type-chip > div {width: calc(50% - 20px) !important;}

  .fixed-top-header.f-header-fixed{position: relative; top:0}
  .important-link-fixed.f-header-fixed{position: initial !important;}
  .f-image-gallery .f-flex-col{
    flex: 1 1 calc(100% - 24px);
    box-sizing: border-box;
    min-width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    }
  }
.f-margin-left-24px{margin-left: 24px;}
.f--submenu-list > div { padding:10px 8px; }
.f-list-hierarchy-view .f-accordion-header {margin-bottom:0;}
.f-list-hierarchy-view .accordion-wrap:after{display:none;}
.f-list-hierarchy-view .f--submenu-list {padding-top:0 !important; padding-bottom:0 !important}
.f--submenu-list .accordion-wrap{padding:0}
.f-image-gallery .f-image-title .f-flex-row{border: 0 !important; margin:0; padding:0;}
.f-image-gallery .f-image-title .f-flex-row .f-grey svg{fill:#fff;}

.f-image-gallery span.f-dropdown-more.overlay-dropdown {
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 2;
  bottom: inherit;
  left: inherit;
}
.f-image-gallery span.f-dropdown-more.overlay-dropdown svg{
  background:#ffffff;
  opacity:.67;
  border-radius: 100%;
  fill:#000;
  box-shadow: 1px 1px 10px 0px #7a7979;
}
.f-image-gallery .bText12lnk, .f-image-gallery .bText12lnk:hover{ color: #0093ee !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  font-family: 'Source Sans Pro', sans-serif !important;}


.f-sub-folder-list .f-list-item{margin-left:-16px; margin-right:-16px; margin-bottom:0px !important;}
.f-sub-folder-list{padding-bottom:0; padding-top:0}
.f-sub-folder-list span.f-menu-count {
  background: #9b9b9b;
  display: inline-flex;
  padding: 2px 7px;
  color: #fff;
  font-weight: 700;
  margin-left: 6px;
  border-radius: 2px;
  display: none;
}
.f-sub-folder-list .f-list-item > .f-flex-row.margin-top-0px{align-items: center;}
.f-sub-menu-lavel-1{ padding-top: 4px; padding-bottom: 0px;}
.f-sub-menu-lavel-1 > .f-flex-row{padding: 12px 16px 12px 30px;
  margin-top: 0;  border-bottom: 1px solid #e9e9e9; align-items: center;}
  .f-sub-menu-lavel-1 > .f-flex-row:last-child{border-bottom: 0;}
.f-accordion-link .svg-icon{margin-right: 0 !important; cursor: pointer;}
.f-accordion-link .svg-icon svg{width:26px;height:26px;}
.f-list-item.f-active-contaner .f-submenu-contaner, .f-list-item.f-active-contaner div[data-svg-role="f-navigate-before"]{display: block !important;}
.f-list-item.f-active-contaner div[data-svg-role="f-icon-expend-more"]{display: none !important;}
.f-submenu-contaner {
  margin-left: -16px;
  margin-right: -16px;
  border-top: 2px solid #f1eeee;
  background: #f6f6f6;
  margin-bottom: -16px;
  margin-top: 12px;
}
.f-list-item-active a, .f-list-item-active  a:hover{font-weight: 600; text-decoration: none !important;}
.f-border-0{border:0 !important;}
.f-padding-top-0{padding-top:0 !important;}
.f-related-link .f-image-gallery span.f-dropdown-more {cursor:pointer;}
.f-related-link .f-image-gallery span.f-dropdown-more ul{right:-16px;}
.f-link-title{font-family: "Source Sans Pro", sans-serif; font-size: 14px; color: #0093ee; font-weight: 600; cursor: pointer;}
.f-related-link .discription-text{padding:8px 0 !important;}
.f-padding-left-right-8px{padding-left:8px; padding-right:8px;}
.f-related-link .f-source{font-family: "Source Sans Pro", sans-serif; font-size: 14px; color: #757575; font-weight: 700; margin-top: 8px;}
.f-related-link .card-icon{max-width:48px; max-height:48px}
.f-related-link .f--list-image{max-width:48px; max-height:48px; margin-right:16px}
.f-box-type-chip{margin:16px -8px;width: calc(100% + 16px) !important; font-family: "Source Sans Pro", sans-serif; font-size: 14px; color: #757575; font-weight: 600; }
.f-box-type-chip > div {width: calc(25% - 36px); display:inline-block; margin:8px;  color: #0093ee; text-align: center; cursor: pointer;}
.f-box-type-chip .svg-icon{width:30px; height:30px; fill:#757575; margin: 0 auto 8px;}
.f-box-type-chip > div:hover{background:#f3f3f3;}
.f-sub-folder-list .svg-icon[data-svg-role="f-icon-arrow-farward"]{width:20px; height:20px;}
.f-faqs-list .accordion-wrap.accordion-hide:after{display:none;}
.f-faqs-list .accordion-wrap .f-accordion-header{margin-bottom: 0;}
.f-faqs-list .accordion-wrap .f--list-discription{margin-left: 24px; margin-top: 4px; line-height: 22px; color:#373a3c;}

.f-submenu-contaner a.bText12btheme{font-weight: 400 !important;}
.f-submenu-contaner .f-list-item-active a.bText12btheme{font-weight: 700 !important;}

.f-footer-seaction{
  text-align: center;
  padding: 12px 8px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
}
.f-footer-seaction a.bText12lnk, .f-footer-seaction a.bText12lnk:hover{
  font-weight: 600;
  font-family: "Source Sans Pro", sans-serif !important;
}



.accrodion-left-arrow .accordion-wrap.accordion-hide .f-accordion-header:after {
  background-position: 2px 0px !important;
}
.accrodion-left-arrow .f-accordion-header:after{margin-left: -4px;}
.f-link-view-all{
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color:#0093ee;
    cursor: pointer;
    padding: 7px 23px;
    margin-left: 6px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    text-transform: uppercase;
    line-height: 28px;
    border-radius: 4px;
}
.f-link-view-all:hover{background:#f0f0f0;}
.accordion-wrap.accordion-hide .f-link-view-all{display: none;}


.f-search-left-bar .sBginputSq{
  width:100%;
  padding-left: 41px !important;
  padding-right: 43px !important;
   box-sizing: border-box;
   border-bottom:2px solid rgba(0,0,0,.12);
   height: 52px;
  }
.f-search-left-bar .search-filter-seaction{ margin-top:12px; margin-bottom:8px}
.f-search-left-bar{padding-top:12px}
.f-search-left-bar .f-search-box{ border:0; position:relative;
  box-shadow: 0px 3px 4px 0px #cccccc5c;
  margin-left: -16px;
  width: calc(100% + 32px);
  box-sizing: border-box;
  margin-top: -8px;}
.f-search-left-bar .svg-icon{width: 30px;height: 30px;background: #e1ebf5;border-radius: 100%; cursor: pointer;}
.f-search-left-bar .f-dropdown-more{position: absolute !important;top: 9px;right:8px;}
.f-search-left-bar .f-dropdown-more svg{height:24px; width:24px; margin:3px 0 0 3px; fill:#0093ee;}
.f-search-exact-phrase { padding: 10px 0; font-family: "Source Sans Pro", sans-serif !important; font-size: 14px; color: #757575;}
.f-search-exact-phrase label{cursor: pointer;}
.f-search-exact-phrase label:first-child{margin-right:8px;}
.f-search-left-bar span.f-dropdown-more:hover ul{top: 24px; left: 9px; min-height: 40px;}
.f-search-left-bar .svg-icon.f-search-icon {position:absolute;left:16px; top:14px; background:transparent; width:22px; height:22px; fill:#757575;}
.f-search-left-bar .svg-icon.f-search-icon:hover{fill:#000000;}

.f-search-left-bar .f-search-box .sBginputSq:focus{border-bottom:2px solid #0093ee;}

.svg-icon.icon-24{width:24px;height:24px;}
.svg-icon.icon-24 svg{fill:#757575;}
#withSearch .f-card-style{position: relative; min-height: 300px;}
#withSearch .f-card-style .f-loader{position:absolute; background: rgb(255,255,255)}
#withSearch .f-card-style .f-no-record-found{margin-top:50px;}
.f-box-type-chip .f-card-style.f-selected{background:#f6f6f6;}
.f-sub-folder-list > .f--list-view > .f-flex-row{margin-top:12px;}

.f--list-footer ul{margin:0; padding:0; list-style:none;}
.f--list-footer ul li{display:inline-block; margin-right:24px}
.f--list-footer ul li span{font-weight: 600;}
.f--list-footer ul li span a{color:#0093ee;}

.flex-width-25{min-width: 250px;}

.hText18themeNew.f-card-title-grey p {margin:12px 0 0; font-weight:400; text-transform:none; font-family: "Source Sans Pro", sans-serif !important;}
div#f-custom-tooltip {
  position: absolute;
  /* background: rgba(0,0,0,.75); */
  background-color: rgba(97,97,97,.9) ;
  padding: 8px;
  border-radius: 4px;
  color: #fff;
  max-width: 200px;
  display: none;
  z-index: 999;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 12px;

}

.f-box-type-chip .f-card-style .svg-icon{ width:24px; height:24px; fill:#757575;}
.f-box-type-chip .f-card-style {min-height:1px;padding: 12px 8px 12px;text-align: center; box-sizing: border-box;}



.f-new-tag {
	  background-color: rgb(0 255 31 / 40%);
    line-height: 16px;
    color: #fff;
    border-radius: 2px;
    padding: 2px 7px;
    font-weight: 600;
    font-size: 13px;
    font-family: Source Sans Pro,sans-serif;
    margin-left: 4px;
    text-transform: uppercase;
}

.f-hub-banner{background: url(resources-banner-bg.jpg) no-repeat center bottom #cbc9c4; box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%); min-height:200px; background-size: 100% auto;}
.f-hub-banner img{width:80%; max-width: 220px; height: auto;}
.f-hub-banner .f-banner-title{ font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 700;
  color:#000;
margin-bottom: 12px;}
.f-hub-banner .f-banner-discription{font-family: Source Sans Pro,sans-serif;
  font-size: 22px;
  font-weight: 400;
  color:#4a4a4a;}
  .f-hub-banner .f-flex-row{margin-top: 0;
    align-items: center;
    justify-content: center;
  padding:24px;
  }
    .f-hub-banner .flex-width-25{width:40%; display: flex;
      justify-content: center;
      align-items: center;
    }

  .f-library-wrap .f-image-gallery .photo{min-height:initial !important; margin-top: -12px; margin-bottom: 16px; min-height: 147px !important; display: flex; background: rgb(227 227 227 / 29%) !important;  }
  .f-library-wrap .f-image-gallery .photo > div.svg-icon{ flex:2; display: flex; justify-content: center; align-items: center; min-height: 150px; }
  .f-library-wrap .f-image-gallery .photo > div.svg-icon svg{width:72px;  cursor: pointer; height: 72px; justify-content: center; align-items: center; }
  .f-library-wrap .f-image-gallery .f-card-style img {
    max-width: 100%;
    margin: auto;
    display: block;
    width:auto;
    max-height: 147px;
    cursor: pointer;
}

.f-library-wrap .f--list-view .f--list-image {
  min-width: 100px;
  margin-right: 16px;
  position: relative;
  padding-left: 30px;
}
.f-library-wrap .f--list-view .f--list-image img{margin-right: 0; max-height: 100px; width:auto !important; height:auto; max-width: 100px;   background: #f7f7f7}
.f-library-wrap .f--list-view .f--list-image svg{margin:auto; width: 54px; height: 50px; margin:auto; padding:2px 0;}
.f-library-wrap .f--list-view .f--list-image .svg-icon{width:100%; height: auto;  text-align: center;     background: rgb(227 227 227 / 29%) !important;}

  ul.f-folder-structure {list-style: none; margin: 12px 0 24px;}
ul.f-folder-structure li{display:inline-block;vertical-align: middle; font-family: Source Sans Pro, sans-serif;  font-size: 14px;}
ul.f-folder-structure li a{color: #0093ee;}
ul.f-folder-structure li .svg-icon{width:18px; }
ul.f-folder-structure li .svg-icon svg{fill:#757575;}
ul.f-folder-structure li:after{content:'/'; margin-left:4px; display:inline-block;}
ul.f-folder-structure li:first-child:after, ul.f-folder-structure li:last-child:after{display:none;}
.grid-list-view-wrap svg {fill:#757575}
.f-library-wrap .f-image-gallery .photo .svg-icon{ margin:0 auto; fill:#757575}
.f-library-wrap  .f--list-image .svg-icon{width:54px; height:54px; margin-right:16px; fill:#757575}
.f--list-view ul.f-folder-structure{margin: 8px 0 0px;}
.f-library-wrap .f-download-link .svg-icon{width: 24px; height:24px; fill:#757575; cursor: pointer;}
.f-margin-bottom-8px{margin-bottom: 8px;}
.f-margin-left-12px{margin-left:12px;}
.f--list-item {font-family: "Source Sans Pro",sans-serif; font-size: 14px; color: #4a4a4a!important; display: flex; flex-flow: row wrap; margin: 8px 0;}
.f--list-item .f--label{margin-right:6px;}
.f--list-item .f-folder-structure{margin:0 !important; color: #4a4a4a!important;}
.f--list-item .f--value{font-weight: 700;}
.f-library-wrap .f-dropdown-more .svg-icon {width: 24px !important; height: 24px !important;margin: -12px 0 0 !important;}
.f-library-wrap .f-dropdown-more .svg-icon svg{box-shadow:initial !important; background: #e9e9e9 !important;}

.f--list-item .f--item-group{margin-right: 24px; display: flex; padding-bottom: 4px; justify-content: center; align-items: center;}

.margin-bottom-0px{margin-bottom: 0;}
.margin-top-0px{margin-top: 0;}
.f-comment-button {cursor: pointer; color:#0093ee !important;}

#searchFilter{z-index:2 !important;}
.button-group .f-count{
  font-family: Source Sans Pro,sans-serif!important;
  font-weight: 700;
  min-width: 10px;
  min-height: 23px;
  background-color: #9b9b9b!important;
  border-radius: 2px;
  color: #fff;
  margin-left: 6px;
  padding: 2px 6px;
  line-height: 24px;
}
.f-image-gallery .f-flex-row.f-margin-top-16px {margin-top: 16px !important;}


.f-button-dropdown-wrap .f-cm_button_action{
  display: flex;
    align-items: center;
    justify-content: center;
}
.f-card-footer .f-comment-button .f--label{font-family: 'Source Sans Pro', sans-serif !important; font-size:14px; font-weight:600; margin-right:24px}
.f-card-footer .f-comment-button .f--label  span{background:#757575; padding:0 6px; color:#fff; font-weight:600; display:inline-block; margin-left:2px; border-radius: 2px;}
.f-card-footer .svg-icon.f-icon-24{margin-right:16px; fill:#757575; cursor: pointer;}
.f-card-footer .svg-icon.f-icon-24:hover{fill:#0093ee;}
.f-card-footer span.f-comment-number span{display: inline-flex;align-items: center;background: #757575;padding: 0 6px;margin-left: -12px;
 box-sizing: border-box;border-radius: 4px; color:#fff;   font-family: Source Sans Pro,sans-serif!important;
 font-weight: 600;}

 .f-card-footer .f-commanted:after{content:''; display:block; width:7px; height:7px; background:#0093ef; position:absolute; top:-3px;right:-3px; border-radius:100%;border:2px solid #fff;}
 .f-card-footer .f-commanted{position:relative; }
 .f-downloaded{ fill:#757575;}
 .f-number-bubbles{    padding: 0 8px;
  color: #757575;
  border-radius: 2px;
  margin-left: 5px;
  border: 1px solid #dbdbdb;
}
.f-card-title-grey .svg-icon{fill:#757575; margin-left:4px; width:20px; height:20px; cursor: pointer;}
.f-card-title-grey .svg-icon svg{width:20px; height:20px;}

 body .f-preview-iframe{
    /* max-width: calc(100vw - 80px) !important; */
    max-height: calc(100vh - 58px) !important;
    /* width:calc(100vw - 80px) !important; */
    height: calc(100vh - 58px) !important;
}
body .EZView-container{ left:0 !important;    z-index: 100000 !important;}


.f-hub-expendCollepse {padding-top: 8px !important;}
.f-hub-expendCollepse .svg-icon.f-section-expanded{top: -44px;}
.f-hub-expendCollepse.f-collapse-width .f-search-left-bar{display:none;}
.f-hub-expendCollepse.f-collapse-width{min-width:50px !important;}
.f-hub-expendCollepse.f-collapse-width .important-link-fixed.f-header-fixed .svg-icon.f-section-expanded{left:-16px !important;}
.f-hub-expendCollepse.f-collapse-width .f-list-item > div >div{display:none;}
.f-hub-expendCollepse.f-collapse-width .f-list-item > div >div:first-child{display:block;  cursor: pointer;}
.f-hub-expendCollepse.f-collapse-width .f-list-item > div >div:first-child:hover svg{fill:#0093ee;}
.f-hub-expendCollepse.f-collapse-width .f-list-item > div >div:first-child svg{ width:24px !important; }
.f-hub-expendCollepse.f-collapse-width .f-list-item {border-bottom:0 !important;}
.f-hub-expendCollepse.f-collapse-width .f-list-item:first-child,
.f-hub-expendCollepse.f-collapse-width .f-list-item:nth-child(2){display:block !important;}
.f-hub-expendCollepse.f-collapse-width {padding-top:50px !important}
.f-hub-expendCollepse.f-collapse-width .important-link-fixed{padding-top:8px !important}
.f-hub-expendCollepse.f-collapse-width .important-link-fixed.f-header-fixed{padding-top:40px !important}
.f-hub-expendCollepse.f-collapse-width .f-list-item.f-list-item-active > div >div:first-child svg{fill:#0093ee;}

.f-library-wrap .f--list-view .f-dropdown-more .svg-icon{margin-top:-6px !important;}
.f-library-wrap .f--list-view .f-dropdown-more .svg-icon svg{background:transparent !important;}
.f-disabled{pointer-events: none; opacity: .37;}
.f-editor-content { margin-top: 10px;}
.f-flex-row.f-active-contaner .bText12btheme {font-weight:600 !important;;}

.f-custom-checkbox {position: absolute; left: 8px;top: 9px;}
.f-custom-checkbox .checkbox-container{margin-left: 0;}
.f-custom-checkbox .checkbox-container .checkmark{ border: 2px solid rgba(0,0,0,.37); width:18px; height:18px; border-radius: 100%; background: rgba(255,255,255, .67);}
.f--list-image span.f-custom-checkbox {top:0px; left:0px}
span.f-custom-checkbox .checkbox-container .checkmark:after{left: 5px;  top: 1px;  width: 4px;  height: 10px;  border-width: 0 3px 3px 0;}
span.f-custom-checkbox .checkbox-container input:checked~.checkmark{background-color: #0093ee;  border: 2px solid #0093ee;}
.important-link-fixed.f-header-fixed{ z-index: 2;}
.f-lazyloading{width:100%; text-align: center; margin-top: 16px;}
button.f-cm_button_action.small-width {padding: 7px 10px !important;}
button.f-cm_button_action.small-width  .svg-icon {
  fill: #000;
  width: 21px;
  height: 21px;
  padding: 0;
  margin: 0;
}
.overflow-hidden.f-transparent-menu ul{background:transparent !important;}
.overflow-hidden.f-transparent-menu{border-bottom: 1px solid rgba(155,155,155,.5)!important}
.overflow-hidden.f-transparent-menu .subTabs{margin-bottom: 0;}