@font-face {
    font-family: 'Inter';
    src: url("../fonts/Inter/Inter-VariableFont_slnt\,wght.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }

    @font-face {
        font-family: 'Inter-bold';
        src: url("../fonts/Inter/static/Inter-Bold.ttf") format("truetype");
        font-weight: normal;
        font-style: normal; }

/* new style starts */

.zen-opasity{
  opacity: 1 !important
  ;
}

#zen-contentCntr{
    position: relative;
    /* height: inherit;
    padding-bottom: 50px; */
}

#contentCntr{
  overflow: hidden !important;
}

.zen-overflow{
  overflow: auto !important;
}

.zen_user_team{
  font-size:12px;
  font-weight:500;
  width: 165px;
  white-space: pre-line;
}



.Zenarate-new-design #centerCntr.feature_vd{height:100%}

@media only screen and (max-width: 2150px) {
  .layout_banner-new {
    width: 100% !important;
    margin: 3% auto 0 auto !important;
}
}
@media only screen and (max-width: 1830px) {
  .layout_banner-new {
    width: 100% !important;
    margin: 3% auto 0 auto !important;
}
}
@media only screen and (max-width: 1740px) {
  .layout_banner-new {
    width: 100% !important;
    margin: 3% auto 0 auto !important;
}
}
@media only screen and (max-width: 1605px) {
  .layout_banner-new {
    width: 100% !important;
    margin: 3% auto 0 auto !important;
} 
}
@media only screen and (max-width: 1473px) {
  .tab-content > .tab-pane .layout_tiles.adj_wid {
    width: 100% !important; }
  .layout_banner-new {
    width: 100% !important;
    margin: 3% auto 0 auto !important;
    }
    .manage_menu{
      max-height:90vh !important;
      overflow:auto!important
    }
}

@media only screen and (max-width: 1000px) {
.manage_menu{max-height:40vh !important;overflow:auto!important}
.notification-new{
  max-height:40vh !important;
  overflow:auto!important
}
}

@media only screen and (max-width: 800px) {
  .manage_menu{max-height:30vh !important;
    overflow:auto!important}
  .notification-new{
    max-height:30vh !important;
    overflow:auto!important
  }
  .video-container .videoAndTinymce{
    overflow:visible;
    display: flex;
    flex-wrap:wrap;
  }
  .resize-left{
    width:100% !important;  
  }  
  div.resize-right{
    width:100%;
    min-width: 100%;
    max-width: 100%;
  }
  .Zenarate-new-design .header-top .container-fluid{
    padding: 0 15px !important;
  }
}

.Zenarate-new-design .blue-tooltip + .tooltip .tooltip-inner{
background-color: black;
font-size: 12px !important;
min-width: 100px;
}
.Zenarate-new-design .blue-tooltip + .tooltip > .tooltip-arrow{
border-top-color: #0b6ccd;
display: none;
}

body,#headerCntr, #centerCntr, .caption{font-family:Inter, sans-serif !important}

.layout_banner-new{
  border: 1px solid #e4e4e4;
  height: 35vh;
  border-radius: 8px;
  }
  .truncate{
    text-overflow: ellipsis;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
  }
  .commontitleBar {

  background-color: #fff!important;

  color: #024890!important;

}

.commontitleBar .goBack {   color: #024890!important;

}

.commontitleBar .title {

  font-size: 22px!important;
  font-family:Inter, sans-serif !important;

}

  .zen-breadcrums{
    color: gray;
    margin-bottom: 15px;
  }
  .ml-md{
  margin-left: 28px !important;
  }
  .filter-tab{
    position: relative !important;
    display: flex;
    left: 20px !important;
    top: 0px !important;
    width: 750px;
  }
  .d-flex{display:flex!important}
  .datanotfound{top:264px !important;}
  .datanotfound img{height:225px !important;}
  .text-black{color:#555}
  .mb-10{margin-bottom:10px}
  .mb-5{margin-bottom:5px}
  .m-5{margin:5px}
  .m-10{margin:10px}
  .p-10{padding:10px}
  /* home page new css */

  .Zenarate-new-design .navbar-right-area button:focus{
  -webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 40%) !important;
  box-shadow: 0 0px 0px rgb(0 0 0 / 40%) !important;
  background-color:#e6f7ff!important;
  }

  /* .Zenarate-new-design.thumbnail_uplayer{
    background: url('/images/background-highlight-box.jpg') no-repeat;
    background-position: top center;
    border-radius: 20px;
    width: 23% !important;
    vertical-align: bottom;
  } */

  .video-btn{
    font-size: 16px !important;
    border-radius: 20px;
    margin-top: 20px;
    line-height: 22px !important;
  }

  .zen-feature{
    background: url('/images/featureImage-bg.jpg') no-repeat;
    background-size: cover;
  }
  .zen-clearfix{
    clear: both;
  }
  .Zenarate-new-design .user-tag{
  width:30px;height:30px;border-radius:50%;
  background-color:#024890;
  color: white;
  padding-top: 5px;
  text-align: center;
  margin-left: 5px;
  }
  .Zenarate-new-design.thumbnail_uplayer { padding: 0px; display: inline-block; width: 31%; margin-left: 0.8%; font-family: 'Lato', sans-serif; margin-right: 0.8%; margin-bottom: 2%; }
  .Zenarate-new-design .custom-thumbnail { 
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.36); 
    width:100%;
    border-radius:15px;
    /* font-family: 'Lato', sans-serif; */
    border-color:#e4e4e4 }
  
  .h3-sub-heading {color:#000 !important; }
  .Zenarate-new-design .tab-content > .tab-pane .layout_tiles.adj_wid { width:100% }

  .Zenarate-new-design .custom-thumbnail .caption { font-size:18px; padding:0px; } 

.Zenarate-new-design .custom-thumbnail .caption .caption-content{
  height:60px;
  display: flex;
  align-items: center;
  padding: 0px 15px; 
  margin-bottom: 10px 0;
} 
.Zenarate-new-design .custom-thumbnail .caption .caption-content a{ color: #555}
  /* .Zenarate-new-design .custom-thumbnail .picture-block{background-color:#E7F5FF;border-bottom:1px solid #ccc; width: 75px; border-radius: 12px; border: 1px solid #E7F5FF; margin: 10px; top:0px; padding-left:10px; padding-top:15px; }

  .Zenarate-new-design .custom-thumbnail .picture-block {height:75px!important;text-align:center!important}  */
  .Zenarate-new-design .custom-thumbnail .picture-block {
  background-color: transparent;
  border-bottom: 0px solid #ccc;
  width: 100%;
  border-radius: 8px;
  border: 0px solid #E7F5FF;
  margin: 0;
  top: 0px;
  padding: 18px 15px 15px 15px;
  height: 95px !important;
  overflow: initial !important;
}

.Zenarate-new-design .custom-thumbnail .picture-block img{
  display: inline-block;
}

.Zenarate-new-design .thumbnail{
  background-color: transparent !important;
}

.Zenarate-new-design .custom-thumbnail .picture-block a{float:left}

.Zenarate-new-design .thumbnail_icon {

float:right

}

.Zenarate-new-design .thumbnail_card_img_large {      
position: absolute;
right: 18px;
top: -8px;
text-align: center;
display:block;
width:300px;

height:150px;

z-index:99999;

}

.Zenarate-new-design .thumbnail_icon .thumbnail_card_img_large > img{
  max-width: 100%;
  margin: auto;    
  width: 100%;
  height: auto!important; 
  padding: 10px;
}

.Zenarate-new-design .thumbnail_icon ul{
  margin: 0 !important;
}
.Zenarate-new-design .thumbnail_icon ul li{
  padding-top: 0 !important;
}
.Zenarate-new-design .thumbnail_icon i{
  margin-right: 5px;
}
.pos-rel{position:relative}

.Zenarate-new-design .custom-thumbnail img {
  height: 65px!important;
}
.Zenarate-new-design .thumbnail_icon img{height:19px!important}
.Zenarate-new-design .catgory-duration img{
  height:15px!important;
  margin-right: 2px;
  margin-bottom: 3px;
}
.Zenarate-new-design .bg-light{background-color:#f6f6f6}
.Zenarate-new-design .p-5{padding:5px}
.Zenarate-new-design .zen-blue{
  /* color:#024890; */
}


.Zenarate-new-design .text-blue{color:#024890}

  .Zenarate-new-design .catgory-duration{
    font-size:12px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0; 
    border-top: 1px solid #ccc;
  padding-top: 12px;
  padding-bottom: 12px;
}

  .Zenarate-new-design .thumbnail-header{border-bottom:1px solid #ccc;height:40px;} 

.Zenarate-new-design .trimText_home_child_heading .trim{
  text-align: left;
  min-height:auto;
  max-height:initial;
  margin-bottom:.3rem;
  color:#000;
  font-size:16px;
  /* padding-right:5px!important; */
  padding-bottom:5px;
  word-wrap: break-word;
}

  .Zenarate-new-design .custom-thumbnail .caption .author-name-star{

  padding: 5px 15px 18px 15px;
  /* height: 60px; */
  /* display: flex;
  justify-content: center; */
  /* align-items: center; */
  } 

  .Zenarate-new-design .custom-thumbnail .caption .author-name-star .author{
    border: 0px solid #6A2ECD;
    border-radius: 20px;
    padding: 5px 12px;
    display: initial;
    margin: 10px auto 10px auto !important;
    font-size: 13px;
    width: 100%!important;
    white-space: pre-wrap;
    text-overflow: initial;
    background: #e9f3fc;
  color: #024890;
  }

  /* .Zenarate-new-design .custom-thumbnail .caption .author-name-star .author:hover{
  color: #6A2ECD;
  background-color: #fff;
} */

.Zenarate-new-design .date-time-duration{border-top: 1px solid #ccc; padding: 10px 10px;font-size:12px }

  header.Zenarate-new-design {background-color: #fff;font-family: 'Lato', sans-serif; } 

.Zenarate-new-design #countUnread{position: absolute;top:-15px;background-color: #1BC5BD;width:20px;height:20px;border-radius: 50%;font-size: 12px;color:#fff;text-align:center;line-height:20px;}

  /* home page new css end */

  /* header updated css */
.zen-burger-menu{
  color: #000 !important;
  margin-top: 16px !important;
}
.zen-burger-menu:hover{
  color: #024890 !important;
}

  header.Zenarate-new-design{background-color: #fff!important;font-family: 'Lato', sans-serif; } 

  .Zenarate-new-design #countUnread{position: absolute;top:-4px;background-color: #1BC5BD;width:20px;height:20px;border-radius: 50%;font-size: 12px;color:#222;text-align:center;line-height:20px;}
  .Zenarate-new-design#headerCntr .navbar-right-area .header-right {

      background-color: #fff;margin: 5px 0px 0 0;}

  .Zenarate-new-design#headerCntr .header-top .userpic {   
    background: #06558b;
    border: 0px solid #B9B9B9;
    padding-top: 3px;
    font-size: 16px;
}
.Zenarate-new-design#headerCntr .header-top .userpic span{
  color: white;
}

.Zenarate-new-design#headerCntr .header-top .userpic a{
  padding-left: 5px;
}



.Zenarate-new-design#headerCntr .header-top {

    background: #fff;

    padding: 0 0;

    position: relative;

    border-bottom: 1px solid #ccc;

}
.Zenarate-new-design#headerCntr .header-top .navbar-right-area button img {
  height: 27px;
}

.Zenarate-new-design#headerCntr .navbar-right-area .header-right {

    margin: 6px 4px 0 0;
    height: 29px;
    overflow: hidden;
    border-radius: 25px;
    background-color: #fff;
    transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    border: 1px solid #fff;
}
.Zenarate-new-design#headerCntr .navbar-right-area .header-right.adding{
  
border: 1px solid #ccc !important;
}

.Zenarate-new-design #notificationread {
  position: relative;
    margin: 3px 0px 0 0;

    width: 38px;

    height: 38px;

    border-radius: 25px;

    background-color: #fff;

    transition: 0.3s ease all;

    -webkit-transition: 0.3s ease all;

    border: 0px;

}

.Zenarate-new-design #notificationreaddiv {

  /* min-width: 200px!important; */
  overflow: hidden;
  padding: 0;
  
  }
  .Zenarate-new-design #managereaddiv {

    min-width: 220px!important;
    overflow: hidden;
    padding: 0;
    
    }
    
  .Zenarate-new-design .manage_stories {
  
  margin: 0 0 0 0px!important;
  
  }
  
  .Zenarate-new-design .manage_menu li a {
    padding: 10px 18px!important;
  font-size: 14px!important;
  border-bottom: 1px solid #e4e4e4;
  
  }
  
  .Zenarate-new-design .custom-dropdown li a strong {
  
  margin: 0 10px 0 0!important;}

  .Zenarate-new-design .header-top .container-fluid{
    padding: 0 25px !important;
  }

  /* header updated css end */

  /* left navigation new css */

  .Zenarate-new-design .not_found {
  padding: 0 0 0 48px !important;
  }



  .Zenarate-new-design.filtersection {

  padding: 0 5px 0 5px;

background: #fff;

border-right:1px solid #e4e4e4

}

.Zenarate-new-design.filtersection.positoning {

  width: 20%;

}

.Zenarate-new-design.filtersection h3 a {
color:#000 !important ;
background:  #f0f0f0;
opacity: 0.9;
font-size: 15px;
padding-left: 5px !important;

}

.Zenarate-new-design.filtersection h3 a:hover, .Zenarate-new-design.filtersection h3 a:focus{
  opacity: 1;
  font-weight: normal !important;
  color:#fff !important ;
  background:  #024890 !important;
}
.Zenarate-new-design.filtersection h3 a:hover .white-img{
  filter:invert(1)}
.Zenarate-new-design.filtersection h3 a:focus .white-img{
  filter:invert(1)}

.Zenarate-new-design .main_menu {

  padding: 0 0 0 20px;

  margin: 0;

  border-bottom: 1px solid #ccc;

  margin-bottom: 10px;

}



.Zenarate-new-design .divLeftSubMenus {

  padding: 0 0 0 20px;

  margin: 0;

  height: 73vh;

  overflow: hidden;

}

.Zenarate-new-design.filtersection .searching {

  margin: 15px 0;
  width: 92%;

  overflow: hidden;

  border-bottom: 1px solid #e4e4e4;

}

.Zenarate-new-design.filtersection .submenus {

  margin-left: 1px;

}

.Zenarate-new-design.filtersection .submenus ul li a{
  padding: 0;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.Zenarate-new-design.filtersection .submenus ul li{

  margin: 0px 6px 4px 0;overflow: hidden;
  /* background: #f6f6f6; */
  padding: 5px 8px;
  
  }

  .Zenarate-new-design.filtersection .submenus ul li .date{
    margin-bottom: 0;
  }

.Zenarate-new-design.filtersection .submenus ul li a i {

  margin-right: 5px;

  margin-top: 2px;

  float: left;

  font-size: 14px;

  color: #024890;

}

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

.Zenarate-new-design.filtersection .filter_main {
  width: 95% !important;
}
}

@media only screen and (max-width: 1290px){
  .Zenarate-new-design.filtersection .filter_main {
    padding: 0 15px 0 5px !important; }

    .Zenarate-new-design.filtersection .mm_logo a.m_desktop{
      margin: 8px 0 7px 25px !important;
    }

    .Zenarate-new-design.filtersection .mm_logo a.m_desktop_logo{
      margin: 5px 0 5px 20px;
      width: 75%;
    }

    .Zenarate-new-design.filtersection .mm_logo{
      background: white !important;
      margin: 10px 0 10px 0;
      border-bottom: 1px solid #ccc;
    }

    .Zenarate-new-design.filtersection .burger_menu{
      color: black !important;
    }
    .Zenarate-new-design.filtersection .mm_logo a.m_desktop_logo img{
      max-width:65% !important;
    }
    .Zenarate-new-design.filtersection .main_menu{
      padding: 15px 0 0 20px; 
    }
}

.Zenarate-new-design.filtersection .filter_main {
    width: 95% !important;
}

.layout_banner {

  padding: 0;

  margin: 15px auto 0;

  height: auto !important;

  width: 91%;

  box-shadow: 0 4px 13px rgb(0 0 0 / 25%);

  -webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 25%);

  background: url(/images/zen-banner4.jpg) left top no-repeat;

  background-size: cover;

  border-radius: 8px;

}

.layout_banner_none{

  background:none;    

  height: 61px;

  background-color: #f6f6f6;

  border: 1px solid #e4e4e4;

  }

.f_video a {

  border-radius: 0px 6px 6px 0px;

  /* display: none; */

}

.feature_video_text{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.feature_video_text .video_text a {

  display: inline-block;
  color: white;
  font-size: 27px;
  font-family:Inter, sans-serif !important;
  line-height: 38px;
  font-weight: bold;
  background-color: #024890;
  padding-left: 40px;
  padding-right: 40px;
}

.feature_video_text .video_text{
  display: block;
}

.feature_video_text .video_text span{
  display: inline-block;
  color: black;
  font-size: 27px;
  font-family:Inter, sans-serif !important;
  line-height: 38px;
  font-weight: bold;
}

.Zenarate-new-design.filtersection h3 .dd_downup {
  right:23px !important;
}

  /* left navigation new css end */

  /* navbar todo list */

  .Zenarate-new-design .notification-new .custom-dropdown-new ul{
    max-height:500px;
    overflow:auto
  }
  .Zenarate-new-design .notification-new .custom-dropdown-new li .inner

{

Border-radius:4px

}

.Zenarate-new-design .notification-new .custom-dropdown-new li .inner .to-do-list-content small

{

color:#000

}

.Zenarate-new-design .notification-new .custom-dropdown-new li .inner .to-do-list-content a

{

color: #79302F!important;font-weight: 600;
font-family: Inter, sans-serif !important;

}

.Zenarate-new-design .notification-new .custom-dropdown-new li .inner .to-do-list-content a p

{

Margin-bottom:0px;
font-family: Inter, sans-serif !important;

}

.Zenarate-new-design .notification-new .custom-dropdown-new li .inner span.red

{

background: #fff;border-radius: 4px;color: #79302F;font-weight: 700;font-size: 21px;padding: 4px 10px;width:40px

}

.Zenarate-new-design .notification-new .custom-dropdown-new li .inner span.green{background: #fff!important;

                                                          border-radius: 4px;

                                                          color: #008000;

                                                          font-weight: 700;

                                                          font-size: 21px;

                                                          padding: 4px 10px;width:40px}

.Zenarate-new-design #notificationreaddiv .nav-tabs > li.active > a , .Zenarate-new-design  #notificationreaddiv .nav-tabs > li.active > a:hover, .Zenarate-new-design  #notificationreaddiv .nav-tabs > li.active > a:focus 

{

  color: #024890;background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent;cursor: default;font-weight: 700;}

.Zenarate-new-design .notification-new .custom-dropdown-new #past-A-content li .inner{background: #e6f2e6;border: 0px solid #008000;}

.Zenarate-new-design .notification-new .custom-dropdown-new #past-A-content li .inner .to-do-list-content a {padding: 0px;color: #005700!important;font-weight: normal;}


  /* navbar todo list end */


  /* user profile card in nav bar new design */
  .Zenarate-new-design#headerCntr .header-top .userpic .custom-dropdown{
    border-radius: 4px !important;
    padding: 15px !important;
    width: 350px !important;
  }
  .Zenarate-new-design#headerCntr .header-top .userpic .custom-dropdown .user-picture 

{

border: 1px solid #c0c0c1!important;display: inline-block;width: 100px!important;height: 100px!important;background: #d6d6d6;border-radius: 4px;

}

.Zenarate-new-design#headerCntr .header-top .userpic .custom-dropdown .user-links 

{

display: inline-block;padding: 0 6px;width: 100%;

}

.Zenarate-new-design .header-top .userpic .custom-dropdown .user-links ul li {

    font-size: 16px;

    font-family: inherit;

    max-width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    border-bottom: 1px solid #ccc;

    padding: 10px;

}

.Zenarate-new-design .header-top .userpic .custom-dropdown .user-links ul li a{
  display: initial !important;
  margin-left: 10px !important;
}
.Zenarate-new-design#headerCntr .header-top .userpic .custom-dropdown .user-links ul li{
  font-family: Inter, sans-serif !important;
}

.Zenarate-new-design#headerCntr .header-top .userpic .custom-dropdown .user-links ul li:first-child

{

color:#024890;font-weight:600;font-size:20px

}

.Zenarate-new-design#headerCntr .header-top .userpic .custom-dropdown .user-links ul li:last-child

{

border:0px

}

.Zenarate-new-design#headerCntr .header-top .userpic .custom-dropdown .user-links ul .sign-out

{
  width: auto;
  box-shadow: 0 0 0 0px #88b8ff;
  display: inline-block;
  padding:5px 20px!important;
  color: #fff;
  background: #024890;
  border-radius: 4px;

}

.Zenarate-new-design#headerCntr .header-top .userpic .custom-dropdown .user-links ul .sign-out a{
  color:#fff!important;
  font-family: Inter, sans-serif !important;font-size: 12px; margin-left: 0px!important;
}
.Zenarate-new-design#headerCntr .header-top .userpic .custom-dropdown .user-picture{
  background-repeat: no-repeat;
}

/* user profile card in nav bar new design end */

/* practice workbench story card slider */

.Zenarate-new-design .tab-items .nav-tabs li.active a span, .Zenarate-new-design .tab-items .nav-tabs li:hover a span{
border-bottom: 3px solid #024890;
color: #024890;
font-family:  Inter, sans-serif !important;
}

.Zenarate-new-design .tab-items .nav-tabs li a span{
font-family:  Inter, sans-serif !important;
}

.Zenarate-new-design .video-gallary-slider{
  background-color: #f6f9f9;
}


.Zenarate-new-design.video-gallary-wrapper .owl-carousel {
  background-color: transparent !important;
  border-radius: 8px !important;
}

.Zenarate-new-design.video-gallary-wrapper .gallary-item .cc_slide {
  border: 1px solid #e4e4e4 !important;
  overflow: hidden;
  /* background: #fff; */
  border-radius: 6px !important;
  background-color: #fff !important;
  /* background-image:linear-gradient(to bottom, #ebf6fc, #ebf6fc 30%, #fff 20%,#fff 50%) */
  /* background: url('/images/background-highlight-box.jpg') no-repeat;
  background-position: top center; */
}

.Zenarate-new-design.video-gallary-wrapper .gallary-item .cc_slide .info{
  font-size: 16px;
  padding: 10px;
  font-family: Inter, sans-serif !important;
  color: #000;
}

.Zenarate-new-design.video-gallary-wrapper .gallary-item .cc_slide figure img{
  /* padding: 5px; */
  width: 70px !important;
  margin: 10px;
}

.Zenarate-new-design.video-gallary-wrapper .gallary-item .top .info{
  background:white !important;
  font-weight:600;
  color: #555 !important;
  font-family: Inter-bold, sans-serif !important;
  margin-bottom: 10px;
  font-size: 14px !important;
  text-align: center;
  font-size: 18px;
}

.thumbnail_story_icon_large{margin-right:23px}

.thumbnail_story_icon_large img{width:300px;height:auto}



/* .thumbnail_story_icon:hover + .thumbnail_story_icon_large {
  display:block !important;
} */

.Zenarate-new-design.video-gallary-wrapper .gallary-item .cc_slide figure .thumbnail_story_icon{
  /* z-index: 18;
  width: 22px !important;
  height: 22px !important;
  margin-top: 9px;
  margin-right: 10px !important;
  max-width: 17px !important;
  float: right; */
  }
  .Zenarate-new-design.video-gallary-wrapper .gallary-item .cc_slide figure .thumbnail_story_icon img{
  width: 17px !important;
  height: 17px !important;
  margin: 0;
  /* max-width: 17px !important; */
  display: inline-block;
}
  .Zenarate-new-design.video-gallary-wrapper .gallary-item .cc_slide figure .thumbnail_story_icon_large{
  position: absolute;
  width: 200px;
  height: auto;
  right: 0px;
  display: inline-block;
  z-index: 999;
  top: 24px;
}
  .Zenarate-new-design.video-gallary-wrapper .gallary-item .cc_slide figure .thumbnail_story_icon_large img{
  width:100%!important;
  }
.Zenarate-new-design.video-gallary-wrapper .gallary-item .top .info b{
  float: left;
}

.Zenarate-new-design.video-gallary-wrapper .gallary-item .bottom-info{
  line-height:30px;
  border-top:1px solid #ccc;
}
.Zenarate-new-design.video-gallary-wrapper .gallary-item .bottom-info .date{
  width: 100%;
  color:#555 !important;
}
.Zenarate-new-design.video-gallary-wrapper .gallary-item .top{background:#fff!important}

.Zenarate-new-design.video-gallary-wrapper .gallary-item .volumeControlBox img{
    /* width: 60px !important; */
    height: auto!important;
    margin-left: 0px;

}

.Zenarate-new-design.video-gallary-wrapper .gallary-item .volumeControlBox{
  height:100px !important;
  background: transparent !important;
}

.Zenarate-new-design.video-gallary-wrapper .gallary-item .top .time{
  background:transparent !important;
  color: #555 !important;
  position:relative !important;
  /* right:30px !important; */
}

.Zenarate-new-design .owl-carousel .owl-item .gallary-item.selected .cc_slide {

    border: 1px solid #0A5BAF !important;

}

.Zenarate-new-design.video-gallary-wrapper .gallary-item .bottom-info .rating i{height:30px}
  /* practice workbench story card slider end */

/* burgur menu */
.Zenarate-new-design .burger_menu{
  font-size: 20px;
}
/* burgur menu end */

      .m-0{
        margin: 0 !important;
      }
      
      .resizer {
        background-color: #2d3a42;
        cursor: col-resize;
        height:100%;
        width:0.5%;
      }
      
      .resizer:hover{
        background-color: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        transition: box-shadow 0.3s ease-in-out;
        border: 1px solid #2d3a42;
        border-radius: 8px;
      }

      .resize-right{
        width:53%;
        min-width: 38%;
        max-width: 67.5%;
      }
      .resize-left{
        width:46.5%;
        min-width: 32%;
        max-width: 61.5%;
        position: relative;
      }
      

      .sideBarIcons{
        margin:auto; 
        margin-bottom: 15px;
        padding:5px;
        height: 40px;
        width: 40px;
        cursor:pointer; 
        background-color: #f6f6f6;
        border-radius: 4px;
      }

      .Zenarate-new-design .video-container .video-cntr .videoFlashPlayer{
        height: 95% !important;
      }

      .Zenarate-new-design .video-container .video-gallary-slider{
        margin-top: 0 !important;
      }

      .sidebarWorkbench{
        position: absolute;
        right: 0;
        top: 0;
        padding: 15px 12px;

        width:60px;
        height:100%;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        padding-top: 15px;
        border-left: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
      }


      .countStory{
        position: absolute;
        width: 20px;
        height: 20px;
        right: -5px;
        top: -8px;
        color: white;
        background: #1BC5BD;
        border-radius: 13px;
      }

      .transition {
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        }


/* css to get tone score */
.red-circle {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background: #aa2f21;
  color: #fff;
  text-align: center;
  margin-top: 4px;
}

.green-circle {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  color: #fff;
  text-align: center;
  background: #2a642c;
  margin-top: 4px;
}

.grey-circle {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  color: #fff;
  text-align: center;
  background: #807E7E;
  margin-top: 4px;
}

.utterance-tone {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 3px;
  right: 25px;
}

/* TOGGLE VIEW SWITCH */

.switchViewButtons {
  border-radius: 4px;
  margin-bottom: 10px;
}
.switchViewButtons div {
  padding: 9px;
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #555;
  border-radius: 4px;
}

.switchViewButtons .active {
  background-color: #024890;
  color: white;
}

.switchViewButtons div:hover {
  background-color: #024890;
  color: white;
}

/* css for grid view */
.listView table tbody td{border-left:0px;border-right: 0px;border-bottom-color:#e4e4e4;text-align:left}

.listView table tbody td:last-child{right:0px;}

.listView table thead th{background:#f6f6f6;color:#000;border-color:#e4e4e4!important}

.listView table thead th{border-left:0px;border-right:0px;}

.table-striped > tbody > tr:nth-of-type(even){background-color:#f9f9f9}

.table-striped > tbody > tr:nth-of-type(odd){background-color:#fff}

.activeRow {

   border-left: 4px solid #024890;

}

.activeRow td{border-top: 0px!important;

   border-bottom: 0px!important;

}

.activeRow[class^="child"] td{background-color: #F3F6FF!important;border-bottom:2px solid #fff!important}



.listViewThumbnail{

    position: absolute;

    background-color: white;

    padding: 5px;

    border: 1px solid #e4e4e4;

    border-radius: 4px;

    box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);

}

#listView table {
  width: 100%;
  padding: 10px;
  border: 0 solid white;
}


/* 
#listView table thead th {

  padding: 10px 8px;

  background-color: #024890;

  color: white;

  border: 1px solid #ddd;

  border-radius: 4px;

} */



#listView table tbody td {
  border: 1px solid #ddd;
  padding: 8px;
  vertical-align: middle;
  text-align: center;
  border-radius: 4px;
}

.listView table {
  width: 100%;
  padding: 10px;
  border: 0 solid white;
  margin-bottom: 100px;
}

.listView table thead th {
  padding: 10px 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}


.listView table tbody td {
  border: 1px solid #ddd;
  padding: 8px;
  vertical-align: middle;
  text-align: left;
  border-radius: 4px;
}

.sortBtn-UI {border: 0px; background: transparent;}
#contentCntr .paginCls{margin: 10px 0px !important; float: right; margin-left: -14px !important;}
#contentCntr .paginCls > li{padding:0px !important}
#contentCntr .paginCls [class^='cls-']{padding: 4px 10px!important; border: 1px solid #e4e4e4!important;}
.cols-pagination{float:right;}

.topicsListViewTable thead tr th,
.masterStoriesListViewTable thead tr th,
.storiesListViewTable thead tr th
{background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);border-radius: 5px 5px 0 0;box-shadow: 0 2px 5px rgb(0 0 0 / 10%), inset 0 1px 0 white, inset 0 -1px 0 rgb(255 255 255 / 70%);border-bottom: 1px solid #bababa;}

.topicsListViewTable > tbody > tr:nth-of-type(even),
.masterStoriesListViewTable > tbody > tr:nth-of-type(even),
.storiesListViewTable > tbody > tr:nth-of-type(even)
{background-color: #f9f9f9;}

.topicsListViewTable td,
.masterStoriesListViewTable td,
.storiesListViewTable td {padding: 8px; line-height: 1.42857;vertical-align: top; border-top: 1px solid #ddd;font-size: 13px; color: #333;}

.topicsListViewTable,.storiesListViewTable,.masterStoriesListViewTable{border-collapse: collapse;border-radius: 4px;border-style: hidden;box-shadow: 0 0 0 1px #e4e4e4;}
  
.listview thead tr th,
  .topicsListViewTable thead tr th,
  .masterStoriesListViewTable thead tr th,
  .storiesListViewTable thead tr th {
  
  background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  
  border-radius: 5px 5px 0 0;
  
  box-shadow: 0 0px 0px rgb(0 0 0 / 10%), inset 0 0px 0 white, inset 0 0px 0 rgb(255 255 255 / 70%); 
  
  border-bottom: 1px solid #D5D5D5;
  
  border-left: 0px!important;
  
  border-right: 0px!important;font-size: 14px;font-weight: 600;margin: 0;color: #555;
  
  }
  .listview td a, 
  .libraryTopic td a, .masterStoriesListViewTable td a, .storiesListViewTable td a{font-size: 13px;color: #333;}
  
  i.expend-cls{margin: 12px 0px 0px 0px !important;border: 1px solid #e4e4e4;padding: 5px;border-radius: 2px;}
  
  .listView table tbody td{border-right: 0px;border-left: 0px;}
    
  #topicslistViewTbody tr td span{text-overflow: ellipsis; overflow: hidden; white-space: normal; width: 50px}
  #topicslistViewTbody .activeRow td a{font-size: 13px;color: #333;}

  .listView table{border-collapse: collapse;

    border-radius: 4px;  border-style: hidden;  box-shadow: 0 0 0 1px #e4e4e4;}
    
    
    
    .listView table tbody td { font-size: 13px; color: #333;}
    
    .listView table tbody{border:1px solid #e4e4e4}
    
    .listView table thead{border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;}
    
    .listView table thead tr th {
    
    background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    
    border-radius: 5px 5px 0 0;
    
    box-shadow: 0 0px 0px rgb(0 0 0 / 10%), inset 0 0px 0 white, inset 0 0px 0 rgb(255 255 255 / 70%); 
    
    border-bottom: 1px solid #D5D5D5;
    
    border-left: 0px!important;
    
    border-right: 0px!important;font-size: 14px;font-weight: 600;margin: 0;color: #555;
    
    } 

    .rightTabCls {
      width: 75%;
      float: left;
  }
  .tab-pane .select2-selection__rendered{    white-space: pre;}

  @media only screen and (max-width: 800px) {
    .sideBarIcons{
      margin-bottom: 75px;
    }
  }