@import "_reset.css";
@import "_form-field.css";
@import "_select-option.css";
@import "_chosen-custom.css";
@import "_radio.css";
@import "_checkbox.css";
@import "_ie.css";


@font-face {
  font-family: "Gotham-Book";
  src: url("../fonts/Gotham-Book.eot");
  src: url("../fonts/Gotham-Book.otf");
  src: url("../fonts/Gotham-Book.ttf");
  src: url("../fonts/Gotham-Book.woff");
  /* src: url("../fonts/Gotham-Book.svg"); */
}


@font-face {
  font-family: "GothamBold";
  src: url("../fonts/GothamBold.eot");
  src: url("../fonts/GothamBold.otf");
  src: url("../fonts/GothamBold.ttf");
  src: url("../fonts/GothamBold.woff");
  /* src: url("../fonts/GothamBold.svg"); */
}

@font-face {
  font-family: "Gotham-Medium";
  src: url("../fonts/Gotham-Medium.eot");
  src: url("../fonts/Gotham-Medium.otf");
  src: url("../fonts/Gotham-Medium.ttf");
  src: url("../fonts/Gotham-Medium.woff");
  /* src: url("../fonts/Gotham-Medium.svg"); */
}

.mar-t-b-50 {
  margin: 30px 0;
}

.mar-r-20 {
  margin-right: 20px;
}

.padd-r-zero {
  padding-right: 0px;
}

.mar-t-65 {
  margin-top: 65px;
}

input {
  color: #2f333e;
  font-family: "Gotham-Medium";
  font-size: 16px;
}

textarea {
  color: #2f333e;
  font-family: "Gotham-Medium";
  font-size: 16px;
  border: 1px solid #8a42bb;
  border-radius: 14px;
  padding: 20px;
  resize: none;
  width: 100%;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #a4a6aa;
}

:-webkit-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a4a6aa;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a4a6aa;
}


/* Update or add this specific block inside your max-device-width: 480px media query */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
    
    .user-login {
        /* Force clear legacy absolute pixel gaps */
        left: 50% !important;
        top: 50% !important;
        
        /* Shift baseline anchor coordinates perfectly to the true center */
        transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
        
        /* Stop the container from clipping on narrower viewports */
        width: 85% !important; 
        max-width: 350px !important;
        
        /* Prevent layout padding changes from breaking width integrity */
        box-sizing: border-box !important;
    }
}

/* Also apply it to the universal 640px mobile phone category fallback */
@media screen and (max-device-width: 640px) {
    .user-login {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
        width: 85% !important;
        max-width: 350px !important;
        box-sizing: border-box !important;
    }
}


/* --- CHASSIS & VIEWPORT OVERRIDE FOR TRUE CENTERING --- */
@media screen and (max-width: 768px) {
  /* 1. Neutralize parent grid containers pulling layout leftward */
  .c-container, 
  .c-container1, 
  .flex-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* 2. Lock the login block onto structural coordinates */
  .user-login,
  .channel-scr .user-login {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* Perfect horizontal and vertical offset logic */
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    
    /* Make boundaries responsive for minor screen shapes */
    width: 88% !important;
    max-width: 350px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }
}

.btn {
  color: #000;
  font-family: "Gotham-Book";
  font-size: 14px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #000;
  padding: 8px 30px 6px;
}

.btn--fontgb {
  font-family: "GothamBold";
}

.btn--fontgm {
  font-family: "Gotham-Medium";
}

.bsh-none {
  box-shadow: none !important;
}

.transparent {
  background: transparent;
}

.btn:hover,
.btn.active {
  color: #391f61;
  background: #f5b94b;
}

.s-heading {
  color: #70349d;
  font-family: "GothamBold";
  font-size: 16px;
  margin-bottom: 6px;
}

h2 {
  color: #f5b94b;
  font-family: "GothamBold";
  font-size: 18px;
  letter-spacing: 1px;
}

h3 {
  color: #8a42bb;
  font-family: "Gotham-Medium";
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

h6 {
  color: #f5b94b;
  font-family: "Gotham-Medium";
  font-size: 16px;
}

.c-container {
  position: relative;
  /*min-width: 1200px;*/
  width: 75vw;
  /*margin: auto;*/
  margin-left:-15vw;
}

.m-auto {
  margin: auto;
}

.type-text {
  background: transparent;
}

.flex-container {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  height: 100%;
}

.user-login {
  box-shadow: 0 0 20px #000;
  position: absolute;
  
  /* Change these two lines */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  
  background: #000;
  border-radius: 20px;
  padding: 10px 30px 30px;
  width: 350px;
  text-align: center;
}


.channel-scr .user-login {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
/* .user-login__logo {
  margin-top: -90px;
} */

/* .user-login__logo img {
  width: 25%;
} */

.user--login__text {
  color: #fff;
  font-family: "Gotham-Medium";
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
  text-transform: uppercase;
}

.user--login__text span {
  font-family: "GothamBold";
}

.user-login__creds {
  margin: 30px 0 0;
}

.user-login__creds label {
  color: #000000;
  font-size: 12px;
}

.user-login__creds .login {
  margin: 50px 0 0;
}

.user-login__creds .form-label {
  left: 5px;
}

.user-login__creds .focused .form-label {
  color: #fff;
  background: transparent;
  -webkit-transform: translateY(-180%);
  transform: translateY(-180%);
  font-size: 0.75em;
}

.user-login__creds .tooltip-inner {
  color: #000000;
  background-color: #fff;
}

.user-login__creds .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #fff;
}

/* channel scr start */
.channel-scr {
  background: url(../images/channel-scr-bg.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.channel-scr__list .form-group--custom {
  /* border-bottom: 2px solid #acadb2; */
    padding-bottom: 30px;
}

.channel-scr__list .select-oper {
  border-color: #acadb2 !important;
}

.channel-scr__list .form-group--custom:last-child {
  border-bottom: transparent;
  padding-bottom: 0px;
}

/* channel scr end */

/* select option basic css start */

.select-basic .select-styled {
  color: #70349d;
  background: #fff;
}

.select-basic .select {
  width: 100%;
}

.select-basic .select-styled:after {
  background: url(../images/icon/arrow-down.png) right center no-repeat;
  background-size: 15px;
  width: 20px;
  height: 12px;
  border: none;
}

.select-styled:active:after,
.select-styled.active:after {
  background: url(../images/icon/arrow-up.png) right center no-repeat;
  background-size: 15px;
}

.select-basic .select-options {
  border-top: none;
  border-radius: 6px;
  box-shadow: 0 0 5px #9a9a9a;
  top: 105%;
  height: 130px;
}

/* select option basic css end */



/* content start */
.content {
height: 100%;
  width: 100%;
  padding: 180px 0 0;
}

.storyform-content {
  padding: 50px 0 0;
}

/* .container {
  min-width: 1200px;
  width: 1200px;
  margin: 0 auto;
} */

@media (min-width: 1500px) {
  .container {
    max-width: 1600px;
    margin: auto;
  }
}

.user-loged-name {
margin-bottom: 40px;
  color: #2f333e;
  font-family: "Gotham-Medium";
  font-size: 16px;
}

.zee-story-search {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-bottom: 25px;
}


.zee-story-search__categories .select-content {
  width: 400px;
}

.zee-story-search__categories .explore-subcat__wrap {
  display: flex;
  justify-content: space-between;
  height: 260px;
  overflow-y: scroll;
}

.zee-story-search__categories .explore-subcat__wrap::-webkit-scrollbar {
   width:2px;
   height:2px;
   background-color: #421b66;
}

.zee-story-search__categories .explore-subcat__wrap::-webkit-scrollbar-thumb {
   background-color: #f6f6f6;
}


.zee-story-search__categories .explore-subcat__wrap::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
   background-color: #421b66;
   border-radius: 10px;
}

.zee-story-search__categories .explore-subcat {
  border-left: 1px solid grey;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  background: #000000;
  position: absolute;
  left: 250px;
  top: 35px;
  width: 450px;
  height: 350px;
  z-index: 9;
  padding: 25px 0;
  display: none;
}

.zee-story-search__categories
.explore-subcat .explore-subcat__col {
  margin: 0 30px;
}

.explore-subcat .checkbox-checkmark {
    border: 2px solid #b8b7b7;
}

.explore-subcat .input-checkbox {
  color: #fff;
  font-family: "Gotham-Book";
 }


.zee-story-search__categories .select-styled,
.zee-story-search__categories .select-oper{
  color: #fff;
background-color: #000000;
background-image: url(../images/icon/arrow-down-w.png);
background-position: right 12px top 15px;
background-size: 6%;
border-radius: 25px;
text-align: left;
padding: 2px 20px;
font-size: 14px;
letter-spacing: 1px;
text-transform: capitalize;
}

.zee-story-search__categories .select-oper.in {
  background-image: url(../images/icon/arrow-up-w.png);
}

.zee-story-search__categories
.dropdown-select-custom {
  position: absolute;
    background: #000000;
    box-shadow: none;
    height: 350px;
    top: 35px !important;
    left: 0px;
    z-index: 15;
    box-sizing: border-box;
    overflow: auto;
    display: none;
    border-left-top-radius: 10px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-top: 20px;
}

.zee-story-search__categories .select,
.zee-story-search__categories .select-oper {
  width: 250px;
}

.zee-story-search__categories
.dropdown-select-custom p {
  color: #fff;
font-size: 14px;
padding: 10px 20px;
}

.zee-story-search__categories
.dropdown-select-custom p span {
  border-bottom: 4px solid transparent;
  padding-bottom: 4px;
}

.zee-story-search__categories
.dropdown-select-custom p:hover {
  background: transparent;
  font-family: "gothambold";
}

.zee-story-search__categories
.dropdown-select-custom p:hover span,

.zee-story-search__categories
.dropdown-select-custom p.active span {
  border-bottom: 4px solid #f5b94b;
}

.zee-story-search__categories
.mCSB_dragger_bar {
    background-color: #000000!important;
}

.zee-story-search__categories .select-styled:after {
  background: url(../images/icon/arrow-down-w.png) right center no-repeat;
  background-size: 80%;
}

.zee-story-search__categories .select-styled:active:after,
.zee-story-search__categories .select-styled.active:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.zee-story-search__sort p {
  color: #2f333e;
}

.zee-story-search__sort p strong {
  font-family: "GothamBold";
}

.zee-story-search__sort p a {
  color: #2f333e;
  padding-bottom: 2px;
}

.zee-story-search__sort p a:hover,
.zee-story-search__sort p a.active {
  border-bottom: 4px solid #f5b94b;
}

.zee-story__searchresult {
  position: relative;
}

.zee-story__searchresult .title {
  color: #7f4ab5;
  font-family: "Gotham-Medium";
  font-size: 20px;
  padding: 0 0 8px;
}

.zee-story__searchresult .title::after {
  content: '';
  background: #f5b94b;
  position: absolute;
  top: 13px;
  right: 0;
  width: 85%;
  height: 3px;
}

.zee-story__searchresult .breadcrumb {
  background: transparent;
  margin: 10px 0;
  padding: 0;
}

.zee-story__searchresult .breadcrumb ul {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}

.zee-story__searchresult .breadcrumb ul li {
  color: #3a3a3a;
  font-family: "Gotham-Medium";
  font-size: 12px;
  padding: 0 12px 5px;
  position: relative;
}

.zee-story__searchresult .breadcrumb ul li:first-child {
  padding-left: 0;
}

.zee-story__searchresult .breadcrumb ul li::after {
  color: #3a3a3a;
  content: '/';
  position: absolute;
  top: 0;
  right: -3px;
  font-size: 12px;
}

.zee-story__searchresult .breadcrumb ul li:last-child::after {
  display: none;
}




.zee-story-column {
  flex: 0 0 23%;
  max-width: 23%;
  margin: 0 1%;
}

.story-card {
  width: 283px;
  height: auto;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 4px 5px #838184;
  border-radius: 10px;
  margin: 20px 0;
  position: relative;
}

.analyticsres-count__res .name2 {
    font-size: 12px;
    color: #fff;
    font-family: "Gotham-Medium";
}

.analyticsres-count__res .name3 {
    font-size: 12px;
    color: #fff;
    font-family: "Gotham-Medium";
}


/*for responsive*/

.c-container1 {
    margin-left: -15vw !important;
    width: 80vw !important;
}

/* For Desktop View */

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .story-card {
        width: 283px;
    }

    .c-container1 {
        margin-left: 0vw !important;
        width: 80vw !important;
    }

    .analyticsres-count__res .name {
        font-size: 20px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .name2 {
        font-size: 12px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .name3 {
        font-size: 12px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .count {
        color: #f5b94b;
        font-family: "Gotham-Medium";
        font-size: 30px;
    }

    .analyticsres-count__res .count1 {
        font-family: "Gotham-Medium";
        font-size: 10px;
    }

    .analyticsres-count__res .stats {
        margin: 10 0;
        position: relative;
    }

    .user-loged-name {
        margin-bottom: 40px;
        color: #2f333e;
        font-family: "Gotham-Medium";
        font-size: 16px;
    }
    header{
        height:90px !important;
    }
    .header-nav__logo {
        width: 20% !important;
        position: relative !important;
        bottom: 6px !important;
    }

    .header-nav__menu a#pull:after {
        content: "";
        background: url(../images/icon/nav-icon.png) no-repeat;
        background-size: 100% !important;
        width: 50px;
        height: 50px;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: -55px;
    }
}




/* For Tablet View */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .story-card {
        width: 283px;
        height: 250px !important;
    }

    .c-container {
        margin-left: 2vw;
        width: auto !important;
    }
    .c-container1 {
        margin-left: 2vw !important;
        width: 90vw !important;
    }

    .analyticsres-count__res .name {
        font-size: 20px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .name2 {
        font-size: 12px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .name3 {
        font-size: 12px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .count {        
        font-family: "Gotham-Medium";
        font-size: 30px;
    }
    .analyticsres-count__res .count1 {
        font-family: "Gotham-Medium";
        font-size: 10px;
    }

    .analyticsres-count__res .stats {
        margin: 10 0;
        position: relative;
        
    }

    .user-loged-name {
        margin-bottom: 40px;
        color: #2f333e;
        font-family: "Gotham-Medium";
        font-size: 28px;
    }

    header{
        height:63px;
    }

    .header-nav__logo {
        width: 20%;
        position: relative;
        bottom: 30px;
    }

    .header-nav__menu .navigation li a {
        font-family: "Gotham-Medium";
        font-size: 18px;
        color: #fff;
        padding-bottom: 5px;
    }

    .header-nav__menu .navigation li {
        display: block;
        padding: 15px 20px;
        top: 25%;
        text-align: center;
    }

        .header-nav__menu .navigation li a {
            font-family: "Gotham-Medium";
            font-size: 32px;
            color: #fff;
            padding-bottom: 5px;
        }

    .header-nav__menu .navigation {
        display: none;
        /*position: absolute;
        width: 100%;
        background-color: rgb(0 0 0 / 100%);
        right: 0;
        justify-content: end;
        text-align: end;*/
        /*display: none;*/
        /*position: absolute;
        width: 100%;
        background-color: rgb(0 0 0 / 100%);
        right: 0;
        justify-content: end;
        text-align: end;*/
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: -1;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 120px;
    }

    .header-nav__menu  a#pull {
        display: block;
        /*background-color: #283744;*/
        width: 100%;
        position: relative;
    }

    .header-nav__menu a#pull:after {
        content: "";
        background: url('../images/icon/nav-icon.png') no-repeat;
        background-size:75%;
        width: 50px;
        height: 50px;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: -55px;
    }

    .dropdown .dropbtn {
        font-size: 32px !important;
        border: none;
        outline: none;
        color: white;
        background-color: inherit;
        font-family: "Gotham-Medium";
        margin: 0;
    }

    .dropdown-content {
        width: 50% !important;
        position:relative !important;
        margin:auto;
        text-align:left;
        font-size:24px;
        background-color:darkgrey !important;
    }

        .dropdown-content ul li {
            padding: 5px 20px;
        }

    .dropdown-content ul li a{
        font-size:24px !important;
        padding: 5px 20px;
    }

    .rowdata {
        font-size: 14px !important;
        margin: 10px 20px !important;
    }
}

/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
    
    .header-nav{
        height:100%;
    }
    .header-nav__logo{
        width:60%;
    }
    .header-nav__menu a#pull{
        top:-40px;
    }
    .content {
        padding: 100px 0 0;
    }

    .story-card {
        width: 920px;
        height: 535px !important;
    }
    .c-container {
        margin-left: 2vw;
        width: auto !important;
    }

    .c-container1 {
        margin-left: 2vw !important;
        width: 90vw !important;
    }
    .analyticsres-count__res .name {
        font-size: 24px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .name2 {
        font-size: 12px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .name3 {
        font-size: 24px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .count {
        font-family: "Gotham-Medium";
        font-size: 5em;
    }

    .analyticsres-count__res .count1 {
        font-family: "Gotham-Medium";
        font-size: 3em;
    }

    .analyticsres-count__res .stats {
        margin: 10 0;
        position: relative;
        top: 100;
    }

    .user-loged-name {
        margin-bottom: 40px;
        color: #2f333e;
        font-family: "Gotham-Medium";
        font-size: 40px;
    }

    .header-nav__logo {
        width: 60%;
        position: relative;
        bottom: 0px;
    }
    .header-nav__menu .navigation {
        display: none;
    }
    .header-nav__menu .navigation li a {
        font-family: "Gotham-Medium";
        font-size: 24px;
        color: #fff;
        padding-bottom: 5px;
    }

    .dropdown .dropbtn {
        font-size: 24px !important;
        border: none;
        outline: none;
        color: white;
        background-color: inherit;
        font-family: "Gotham-Medium";
        margin: 0;
    }

    .dropdown-content {
        width: 100% !important;
        position:relative !important;
        margin:auto;
        text-align: left;
        background-color:darkgrey !important;
    }

        .dropdown-content li a{
            font-size:32px;
        }

        .rowdata {
            font-size: 24px !important;
            margin: 20px 40px !important;
        }

    .header-nav__menu .navigation li {
        display: block;
        padding: 0 20px;
        top: 25%;
        text-align: center;
    }
}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px) and (orientation: landscape) {
    .story-card {
        width: 920px;
        height: 535px !important;
    }
    .c-container {
        margin-left: 2vw;
        width: auto !important;
    }
    .analyticsres-count__res .name {
        font-size: 24px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .name2 {
        font-size: 12px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .name3 {
        font-size: 24px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .count {
        font-family: "Gotham-Medium";
        font-size: 5em;
    }

    .analyticsres-count__res .count1 {
        font-family: "Gotham-Medium";
        font-size: 3em;
    }
    .analyticsres-count__res .stats {
        margin: 10 0;
        position: relative;
        top: 100;
    }

    .user-loged-name {
        margin-bottom: 40px;
        color: #2f333e;
        font-family: "Gotham-Medium";
        font-size: 40px;
    }

    .header-nav__logo {
        width: 20%;
        position: relative;
        bottom: 15px;
    }

    .header-nav__menu .navigation li a {
        font-family: "Gotham-Medium";
        font-size: 24px;
        color: #fff;
        padding-bottom: 5px;
    }
    .header-nav__menu .navigation {
        display: none;
    }

        .header-nav__menu .navigation li {
            display: block;
            padding: 0 20px;
            top: 25%;
            text-align: center;
        }

    .dropdown .dropbtn {
        font-size: 28px !important;
        border: none;
        outline: none;
        color: white;
        background-color: inherit;
        font-family: "Gotham-Medium";
        margin: 0;
    }

    .dropdown-content {
        width: 250px !important;
        margin: 0 -5em;
        text-align: left;
    }

    .rowdata {
        font-size: 24px !important;
        margin: 20px 40px !important;
    }
}

/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
    .story-card {
        width: 920px;
        height: 535px !important;
    }
    .analyticsres-count__res .name {
        font-size: 36px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .name2 {
        font-size: 24px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .name3 {
        font-size: 24px;
        color: #fff;
        font-family: "Gotham-Medium";
    }

    .analyticsres-count__res .count {
        font-family: "Gotham-Medium";
        font-size: 5em;
    }

    .analyticsres-count__res .count1 {
        font-family: "Gotham-Medium";
        font-size: 3em;
    }

    .analyticsres-count__res .stats {
        margin:10 0;
        position:relative;
        top:100;
    }
    .rowdata {
        font-size: 32px !important;
        margin: 20px 40px !important;
    }

    header{
        height:58px;
    }
    .header-nav__menu .navigation {
        /*display: none;*/
        /*position: absolute;
        width: 100%;
        background-color: rgb(0 0 0 / 100%);
        right: 0;
        justify-content: end;
        text-align: end;*/
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: -1;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 50px;
    }

        .header-nav__menu .navigation li {
            display: block;
            padding: 22px 20px;
            top: 25%;
            text-align: center;
        }

    .header-nav__menu .navigation li a {
        font-family: "Gotham-Medium";
        font-size: 20px;
        color: #fff;
        padding-bottom: 5px;
    }

    .header-nav__menu a#pull {
        display: block;
        /*background-color: #283744;*/
        width: 100%;
        position: relative;
    }

    .header-nav__menu a#pull:after {
        content: "";
        background: url('../images/icon/nav-icon.png') no-repeat;
        background-size:50%;
        width: 50px;
        height: 50px;
        display: inline-block;
        position: absolute;
        right: -10px;
        top:15px;
    }

    .dropdown .dropbtn {
        font-size: 20px !important;
        border: none;
        outline: none;
        color: white;
        background-color: inherit;
        font-family: "Gotham-Medium";
        margin: 0;
    }
}



.story-card:hover .story-card__bookmark,
.story-card:hover .story-card__caption {
  opacity: 1;
}

.story-card__info {
  padding: 15px 20px;
}

.story-card__info--top {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  margin-bottom: 15px;
}

.story-card__info--top .title {
  color: #e21078;
  font-family: "GothamBold";
  font-size: 20px;
  border-bottom: 2px solid #7f4ab5;
  padding-bottom: 10px;
  flex: 0 0 78%;
  max-width: 78%;
}

.story-card__info--top .logo {
  flex: 0 0 22%;
  max-width: 22%;
}

.story-card__info--bot p {
  color: #504857;
  font-family: "Gotham-Book";
  font-size: 14px;
  margin: 0px;
}

.story-card__bookmark,
.story-card__caption {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  background: rgba(0, 0, 0, 0.8);
  padding: 10px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.5s;
}

.story-card__caption {
  flex-direction: column;
  -webkit-flex-direction: column;
  min-height: 60px;
}

.story-card__bookmark .title,
.story-card__caption .title {
  color: #fff;
  font-family: "GothamBold";
  font-size: 14px;
  flex: 0 0 70%;
  max-width: 70%;
}

.story-card__caption .project-title {
  color: #fff;
  font-size: 12px;
  margin: 10px 0 0;
}

.story-card__bookmark .pin {
  flex: 0 0 30%;
  max-width: 30%;
  text-align: right;
}
.story-card__bookmark .pin button {
  border: none;
  background: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.story-card__bookmark .pin button i {

  background: url(../images/icon/bm.png) center center no-repeat;
  background-size: 60%;
  display: inline-block;
  width: 18px;
  height: 30px;
  margin: auto;
}

.story-card__bookmark .pin button i.bm-active {
  background: url(../images/icon/bm-active.png) center center no-repeat;
  background-size: 60%;
}

.story-card__vid {
  position: relative;
  width: 100%;
  height: 100%;
}

.story-card__vid .vid-control {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.story-card__typo {
  padding: 15px 20px;
}

.story-card__typo p {
  color: #fff;
  font-family: "GothamBold";
  font-size: 24px;
}
/* content end */

.paperwork {
  position: absolute;
  right: 0;
  top: 30%;
  text-align: right;
  opacity: .9;
  width: 22%;
}

/* dashboard start */

.detail-format--content {
  margin: 150px 0 0;
}

.new-project button {
  color: #fff;
  background: #000000;
  padding: 8px 22px 6px;
}

.updow-tabs {
  border-top: 1px solid #000;
  flex: 0 0 60%;
  max-width: 60%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  margin: 50px 0;
  padding: 20px 0;
}

.updow-tabs .tab {
  cursor: pointer;
  font-family: "Gotham-Medium";
  font-size: 16px;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.updow-tabs .tab:hover {
  font-family: "GothamBold";
}
/* dashboard end */

/*zee popup start */
.zee-popup {
  display: none;
}

.zee-popup__wrapper {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
}

.close-c {
    position: absolute;
    top: 10px;
    right: 10px;
    /*background-color: indianred;*/
}

.close-c img {
  width: 70%;
}

.newproject-popup,
.delcategory-popup,
.newcatupdate-popup {
  position: relative;
  border-radius: 10px;
  background-color: black;
  /* background: url(images/linear_bg_2.png); */
  /* background-repeat: repeat-x; */

  /* Safari 4-5, Chrome 1-9 */
  /*background: -webkit-gradient(
    linear,
    0% 0%,
    0% 50%,
    from(#8a43bb),
    to(#2e0e4d)
  );*/

  /* Safari 5.1, Chrome 10+ */
  /*background: -webkit-linear-gradient(top, #8a43bb, #2e0e4d);*/

  /* Firefox 3.6+ */
  /*background: -moz-linear-gradient(top, #8a43bb, #2e0e4d);*/

  /* IE 10 */
  /*background: -ms-linear-gradient(top, #8a43bb, #2e0e4d);*/

  /* Opera 11.10+ */
  /*background: -o-linear-gradient(top, #8a43bb, #2e0e4d);*/
  z-index: 1;
  max-width: 600px;
  width: 100%;

  box-shadow: rgba(130, 62, 178, 0.12) 0px 2px 4px 0px, rgba(130, 62, 178, 0.32) 0px 2px 16px 0px;
}


.popup-gradient {
    border-radius: 10px;
    background-color: black;
    /* background: url(images/linear_bg_2.png); */
    /* background-repeat: repeat-x; */
    /* Safari 4-5, Chrome 1-9 */
    /*background: -webkit-gradient(
    linear,
    0% 0%,
    0% 50%,
    from(#8a43bb),
    to(#2e0e4d)
  );*/
    /* Safari 5.1, Chrome 10+ */
    /*background: -webkit-linear-gradient(top, #8a43bb, #2e0e4d);*/
    /* Firefox 3.6+ */
    /*background: -moz-linear-gradient(top, #8a43bb, #2e0e4d);*/
    /* IE 10 */
    /*background: -ms-linear-gradient(top, #8a43bb, #2e0e4d);*/
    /* Opera 11.10+ */
    /*background: -o-linear-gradient(top, #8a43bb, #2e0e4d);*/
    z-index: 1;
    max-width: 600px;
    width: 100%;
    /* margin: auto; */
    padding: 50px;
    position: relative;
}

.newproject-popup__top,
.newproject-popup__mid,
.newproject-popup__bot {
  display: flex;
  justify-content: space-between;
}

.newproject-popup__top {
  margin: 10px;
}

.info button,
.close button {
  background: transparent;
  border: none;
}

.newproject-popup i {
  color: #fff;
  font-size: 24px;
}

.newproject-popup__mid {
  flex: 0 0 90%;
  max-width: 90%;
  margin: 50px auto 30px;
}

.format-ask {
  margin: 0 50px;
}

.format-ask p {
  color: #fff;
  font-family: "Gotham-Book";
  font-size: 18px;
}

.newproject-popup__bot {
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  margin: 20px 0 40px;
}

.newproject-popup__bot input {
  font-size: 18px;
}

.delcategory-popup {
  text-align: center;
  padding: 80px 0 30px;
}

.delcategory-popup .info {
  color: #f5b94b;
  font-size: 18px;
}

.delcategory-popup .confirm {
  font-size: 18px;
  color: #fff;
  margin: 35px 0 60px;
}

.zee-popup .action button {
  font-family: "Gotham-Medium";
 margin: 0 5px;
}

.zee-popup .action button:hover {
  color: #391f61;
  background: #f5b94b;
}

.delcategory-popup .art-work {
  position: absolute;
bottom: 40px;
width: 18%;
}

.delcategory-popup .art-work.left {
  left: 50px;
}

.delcategory-popup .art-work.right {
  right: 50px;
}

.newcatupdate-popup {
  padding: 50px 50px 25px;
}

.newcatupdate-popup .newcatupdate-popup__feild,
.popup-feild {
  margin: 0px 0 40px;
}

.newcatupdate-popup label,
.popup-feild label {
  font-family: "Gotham-Medium";
  font-size: 14px;
  color: #fff;
  border-bottom: 1px dotted #a9a7b1;
  letter-spacing: 1px;
  display: block;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.newcatupdate-popup .attach-file,
.popup-feild .attach-file {
  background: #fff;
  border: 1px dotted #a9a7b1;
  border-radius: inherit;
}

.newcatupdate-popup .action {
  display: flex;
  justify-content: center;
  margin: 65px 0 0;
}

.newcatupdate-popup .action button {
  margin: 0 5px;
}

.exitags-popup {
  background: #000000;
  border-radius: 14px;
  width: 100%;
  max-width: 750px;
  padding: 10px 30px;
  position: relative;
}

/* .exitags-popup {
  position: fixed;
    top: 50%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
    display: none;
} */

/* .exitags-popup.in {
  display: flex;
} */

/* .exitags-popup__wrap {
  background: #000000;
  border-radius: 14px;
  width: 100%;
  max-width: 750px;
  padding: 10px 30px;
  position: relative;
} */

.exitags__search,
.exitags__letter {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
}

.exitags__search {
  border-bottom: 1px dotted #7f7f8b;
  flex: 0 0 85%;
  max-width: 85%;
  padding: 10px 0;
  align-items: center;
}

.exitags__search .label {
    color: #f5b94b;
    font-size: 14 px;
    flex: 0 0 22%;
    max-width: 22%;
}

.exitags__search .search-tags {
  flex: 0 0 60%;
  max-width: 60%;
}

.search-tags .search-tags__wrap {
  position: relative;
    border-radius: 16px;
    background: #fff;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.search-tags .search-tags__wrap input[type="text"] {
  width: 96%;
  background: transparent;
  border : none;
  padding: 0 20px;
}

.search-tags .search-tags__wrap input[type="submit"] {
  background: url(../images/icon/search-le.png) right center no-repeat;
  background-size: 16px;
  position: absolute;
  top: 5px;
  right: 10px;
  width: 20px;
  height: 20px;
  border: 0;
}

.exitags__letter {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: baseline;
  -webkit-align-items: baseline;
  margin: 15px 0 0;
}

.exitags__letter .letter {
    cursor: pointer;
    color: #fff;
    font-family: "Gotham-Book";
    font-size: 12px;
    padding: 0 4px;
}

.exitags__letter .letter.active {
  font-family: "gothambold";
  font-size: 16px;
}

.exitags__tags {
  margin: 10px 0 0;
}

.exitags__tags--wrap {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 100%;
  padding-right: 20px;
}

.exitags__tags ul li {
  cursor: pointer;
  color: #d5d6d8;
  font-size: 14px;
  margin: 15px 0 0;
}

.exitags__tags ul li:hover {
  color: #f5b94b;
}

.pop-tab .tab-nav {
  border-bottom: 1px dotted #a9a7b1;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  margin-bottom: 30px;
}

.pop-tab .tab-nav ul li {
  padding: 0 100px 5px 0;
}

.pop-tab .tab-nav ul li a,
.pop-tab .tab-nav ul li a:hover {
  color: #fff;
  padding: 0 0 7px;
}

.pop-tab .tab-nav ul li.ui-state-active a {
  color: #fff !important;
}

.pop-tab .pop-tab__content {
  min-height: 250px;
}

.themeupl-popup {
  max-width: 650px;
}

.theme-images {
  display: block;
  margin-bottom: 50px;
}

.theme-images p {
  color: #fff;
  margin-bottom: 5px;
}

.theme-images .theme-images__wrap {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.theme-images .theme-img {
    position: relative;
    border: 5px solid transparent;
    width: 160px;
}

.theme-images .theme-img.active {
  border: 5px solid #f5b94b;
  height:197px;
}

.theme-images .theme-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.theme-images .theme-img input[type="radio"] {
  display: none;
}

.congratulations-img {
  margin: 0px 0 20px;
}

.warning-popup .warning-popup__content {
  display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
flex-direction: column;
text-align: center;
margin: 0 0 30px;
}

.warning-popup .warning-popup__content p {
  color: #fff;
font-size: 18px;
  margin-bottom: 20px;
}

.warning-popup .warning-popup__content img {
  width: 75%;
  margin: auto;
}

.delete.warning-popup .warning-popup__content img {
  width: 90%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.delete.warning-popup .art-work {
  position: relative;
  min-height: 190px;
}

.addfiles-popup .art-work {
  position: relative;
  min-height: 180px;
}

.addfiles-popup .art-work img {
  position: absolute;
  width: 60%;
  top: -30px;
  left: -30px;
}

/*see popup end */

/* content uploader start */
.content--uploader, .content-bg {
  background: #fbf9fe;
  /* display: none; */
}

.content-wrapper {
  background: #fff;
  border-radius: 10px;
  /* box-shadow: 0 0 10px #9d9ba0; */
  box-shadow: 0px 4px 5px #838184;
  padding: 30px 20px;
  margin: 25px 0;
  position: relative;
}

.pop-newpropage,
.popstate-btn {
  position: absolute;
  top: 20px;
  left: -60px;
  display: inline-block;
}

.pop-newpropage button,
.popstate-btn button {
  border: none;
  background: #b7b7b7;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.pop-newpropage button:hover,
.popstate-btn button:hover {
  background: #f5b94b;
}

.uploader-share p {
  color: #2f333e;
  font-family: "GothamBold";
  font-size: 18px;
}

.uploader-share__card {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  margin: 26px 0 10px;
}

.uploader-share__card .label {
  background: #000000;
  color: #fff;
  padding: 8px 30px 6px;
  border-radius: 20px;
}

.uploader-share__card .format {
  margin-left: 20px;
}

.uploader-share__card .input-radio {
  color: #2f333e;
  font-family: "Gotham-Book";
  margin: 0;
}

.uploader-share__card .input-radio .checkmark {
  border-color: #000000;
}

.about-story {
  margin: 60px 0 0;
}

.about-story h2 {
  padding: 0 30px;
}

.about-story input {
  box-shadow: 0 2px 0 0 #8a42bb;
}

.about-story__img .story-imgadd {
  background: #e6e6e6;
  max-width: 380px;
  height: 325px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-top: 25px;
}

.about-story__img .story-imgadd .uploadimg,
.about-story__img .story-imgadd .story-img,
.about-story__img .story-imgadd .story-vid {
  display: none;
}

.about-story__img .story-imgadd .uploadimg {
overflow: hidden;
  width: 100%;
  height: 350px;
}

.about-story__img .story-imgadd .uploadimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-story__img .story-imgadd label {
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  /* position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%; */
}

.story-imgadd .vid-play {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}

.about-story__info .tab-nav {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  margin-bottom: 25px;
}

.about-story__info .select-basic .select {
  border-bottom: 2px solid #8a42bb;
}

.about-story__info .select-basic .select-styled,
.form-group--custom .select-oper {
  font-family: "Gotham-Medium";
  font-size: 16px;
  color: #421b66;
  text-align: left;
  text-transform: capitalize;
}

.form-group--custom .select-oper .default-select {
  font-family: "Gotham-Book";
  color : #82858b
}

.form-group--custom .select-oper {
  font-size: 14px;
  text-transform: capitalize;
  /* padding: 0 12px; */
}

.form-group--custom .select-content,
.form-group--custom .select-oper {
  width: 100%;
}

.form-group--custom .select-oper {
  border-bottom: 2px solid #8a42bb;
  background: url(../images/icon/arrow-down.png) right 10px center no-repeat #fff;
  background-size: 15px;
}

.form-group--custom .select-oper.in {
  background: url(../images/icon/arrow-up.png) right 10px center no-repeat #fff;
  background-size: 15px;
}

.form-group--custom .select-content .dropdown-select-custom {
  width: 100% important;
  top: 36px !important;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0 0 5px #9a9a9a;
}

/* dropdown active line */
.form-group--custom .select-oper.seleted {
  border-bottom: 2px solid #f5b94b !important;
}


.about-story__action,
.subcat-info__actions {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  padding: 25px 0;
}

.about-story__action .action,
.subcat-info__actions .action {
  margin: 0 10px;
}
/*
.description,
.other-category {
  display: none;
} */

.card-preview {
  padding: 25px 0px;
}

.card-preview .story-card {
  margin: 0;
}

.card-preview .story-details__nl .name {
  font-size: 20px;
}

.card-preview .story-details__date ul li {
    font-size: 13px;
}

.card-preview .story-details__des {
  width: 100%;
}


.card-preview .tag {
    font-size: 12px;
}

.card-preview .s-heading {
    font-size: 15px;
}

.card-preview .story-details__des p {
  font-size: 14px;
}

.card-preview .story-details__catsub ul li {
  font-size: 14px
}

.card-preview .story-details__dwsh {
  display: none;
}

.card-preview .story-view__gallery--card .story-card__info--top .title {
  font-size: 13px;
flex: 0 0 80%;
max-width: 80%;
}

.card-preview .story-view__gallery--card .story-card__info--bot p {
      font-size: 12px;
}

.card-preview .story-down {
  display: none;
}

.detail-format .story-view.zee {
  background: none;
  padding: 0;
}

/* content uploader end */

/* tab css start */
.tab-nav {
  border-bottom: 1px solid #999999;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
}

.tab-nav ul {
  margin-bottom: 0;
}

.tab-nav ul li {
  display: inline-block;
      padding: 0 25px 5px;
}

.tab-nav ul li a {
  border-bottom: 4px solid transparent;
  padding-bottom: 5px;
}

.tab-nav ul li.ui-state-active a,
.tab-nav ul li a:hover,
.tab-nav ul li a.active {
  color: #8a42bb;
  border-bottom: 4px solid #f5b94b;
}

.tab-nav .tab,
.tab-nav ul a {
  cursor: pointer;
  color: #b8b7b7;
  border-bottom: 2px solid transparent;
  font-family: "Gotham-Medium";
  font-size: 16px;
  letter-spacing: 1px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  padding: 0 10px;
}

.tab-nav .tab:hover,
.tab-nav .tab.active {
  color: #8a42bb;
  border-bottom: 2px solid #f5b94b;
}

.form-divider {
  margin: 10px 0;
  padding: 20px 0;
  border-bottom: 2px dotted #b8b7b7;
}

.form-divider.form-divider--no {
  border-bottom: none;
}

.lang {
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 10px;
  z-index: 99;
}

.lang:hover .tool-tip.language {
  display: block;
}

.tool-tip.language {
  position: absolute;
  right: -80px;
  bottom: -35px;
}

.tool-tip.language .tool-tip__cont {
  position: relative;
  color: #fff;
  font-family: "Gotham-Medium";
  font-size: 10px;
  background: #38334d;
  border-radius: 10px;
  padding: 6px 20px;
  width: 180px;
  text-transform: capitalize;
}

.custom-label {
  color: #000;
  font-family: "Gotham-Medium";
  font-size: 14px;
}

.custom-tag .bootstrap-tagsinput {
  box-shadow: none;
  border: 1px solid #000000;
  width: 100%;
  min-height: 100px;
  border-radius: 16px;
  padding: 20px;
}

.custom-tag.custom-tag--integrated .bootstrap-tagsinput{
  border-color: #f5b94b;
}

.custom-tag span {
  margin-bottom: 5px;
}

.custom-tag .bootstrap-tagsinput input {
  box-shadow: none;
  padding: 0;
}

.attach-file {
  border: 1px solid #000;
  border-radius: 16px;
  width: 100%;
  height: 35px;
  position: relative;
}

.attach-file.attach-file--uploaded {
  border-color: #f5b94b;
}

.attach-file input[type="file"] {
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 35px;
  /* position: relative; */
  position: absolute;
  z-index: 9;
}

.uplfile-name {
  padding: 8px 40px 0 15px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* tab css end */

/* suggestion request start */
.suggestion-box {
  width: 420px;
  position: fixed;
  top: 200px;
  right: 20px;
  z-index: 9;
}

.suggestion-box__button {
  position: absolute;
  top: 15px;
  right: 5px;
}

.suggestion-box__button button {
  border: none;
  background: url(../images/icon/suggestion.png) no-repeat;
  background-size: 100%;
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.suggestion-box__button button:hover {
  background: url(../images/icon/suggestion-active.png) no-repeat;
  background-size: 100%;
  width: 60px;
  height: 60px;
}

.suggestion-box__button:hover .tool-tip {
  display: block;
}

.suggestion-box__view {
  border-radius: 16px;
  background: #000000;
  padding: 15px 20px 0;
  display: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.suggestion-box__view.in {
  display: block;
}

.request-form label {
  color: #fff;
  margin-bottom: 12px;
}

.request-form .form-group--custom {
  margin-bottom: 10px;
}

.request-form {
  padding: 0 10px;
  margin: 15px 0 0;
}

.request-form input {
  box-shadow: none;
  background: #d5d6d8;
  border-radius: 10px;
  padding: 10px 10px 5px;
}

.request-form input[type="submit"] {
  font-family: "Gotham-Book";
  font-size: 13px;
  color: #000000;
  background: #fff;
  border-radius: 20px;
  padding: 10px 0 8px;
  margin: 32px 0 0;
  text-transform: capitalize;
}

.request-form__mandatory p {
  color: #fff;
  font-family: "Gotham-Book";
  font-size: 10px;
  padding: 10px 0 5px;
}

.pad5 {
  padding: 0 5px;
}

.tool-tip {
  transition: all .5s;
  -webkit-ransition: all .5s;
  display: none;
}

.tool-tip .tool-tip__cont {
  position: relative;
  color: #fff;
  font-family: "Gotham-Medium";
  font-size: 10px;
  background: #38334d;
  border-radius: 10px;
  padding: 4px 20px;
  text-transform: capitalize;
}

.tool-tip .tool-tip__cont::after {
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #38334d;
  margin: auto;
  text-align: center;
}

.suggestion-box .tool-tip {
  position: absolute;
  left: -17px;
}

/* suggestion request end */

/* single view start */
.story-view {
  background: url(../images/view-bg.jpg) left top no-repeat;
  padding: 130px 0 0;
  background-size:100% 50%;
}

.story-view__space {
  padding: 0 30px;
}

.story-view__gallery--card .story-card__info--top .title {
  font-size: 28px;
  flex: 0 0 65%;
  max-width: 65%;
}

.story-view__gallery--card .story-card__info--top {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.story-view__gallery--card .story-card__info--top .logo {
  flex: 0 0 25%;
  max-width: 25%;
}

.story-view__gallery--card .story-card__info--top .logo img {
  width: 100%;
}

.story-view__gallery--card .story-card__info--bot p {
  font-size: 22px;
}

.story-down {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.story-details__nl {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}

.story-details__nl .name {
  font-family: "GothamBold";
  font-size: 26px;
  border-bottom: 1px dotted #000;
  padding-bottom: 10px;
  flex: 0 0 60%;
  max-width: 60%;
}

.story-details__date {
  margin: 10px 0;
}

.story-details__date ul li {
  color: #2f333e;
  display: inline-block;
  font-size: 14px;
  padding: 0 4px;
}

.story-details__date .belong {
  position: relative;
  padding-left: 8px;
}

.story-details__date .belong::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #82858b;
  border-radius: 50%;
  position: absolute;
  left: -5px;
  top: 5px;
}

.story-details__tags {}

.tag {
 margin: 5px 0;
  background: #70349d;
color: #fff;
font-size: 14px;
border-radius: 20px;
padding: 5px 10px;
display: inline-block;
}

.story-details__des {
  margin: 50px 0;
  width: 60%;
}

.story-details__des p {
  color: #2f333e;
  font-family: "Gotham-Medium";
}

.story-details__catsub ul li  {
  color: #2f333e;
position: relative;
padding-left: 20px;
margin: 4px 0;
}

.story-details__catsub ul li::before {
  content: "";
width: 8px;
height: 8px;
background: #82858b;
border-radius: 50%;
position: absolute;
left: 2px;
top: 8px;
}

.story-details__dwsh {
  position: absolute;
    right: 0;
    bottom: 0;
}

.story-details__dwsh .s-down,
.story-details__dwsh .s-share {
  text-align: right;
  margin: 16px 0;
}

.story-details__dwsh .s-down a,
.story-details__dwsh .s-share a {
  font-family: "GothamBold";
  color: #000000;
}

.story-details__dwsh a img {
  margin-right: 5px;
}


.story-details__dwsh a:hover {
  color: #f5b94b;
}

.zee-storypop .zee-popup__wrapper {
  background: rgba(0, 0, 0, 0.8);
}

.zee-storypop__video {
  max-width: 700px;
}

.share-email {
  display: flex;
border: 2px solid #8a42bb;
background: #2f333e;
border-radius: 16px;
padding: 10px 15px 12px;
width: 370px;
position: relative;
top: 10px;
}

.share-email form {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.share-email .share-email__input {
  flex: 0 0 80%;
max-width: 80%;
}

.share-email .share-email__input input {
  width: 100%;
height: 30px;
border: none;
padding: 0 10px;
}

.share-email .share-email__submit {
  flex: 0 0 15%;
max-width: 15%;
}

.share-email .share-email__submit input[type="submit"] {
  background: url(../images/icon/share-btn.png) center center no-repeat;
background-size: 37px;
width: 51px;
height: 30px;
border: none;
}
/* single view end */


/* details format start */
.detail-format__instruction {
    margin-bottom: 60px;
}

.detail-format__instruction .title {
  color: #2f333e;
font-family: "GothamBold";
font-size: 20px;
}

.detail-format__instruction p {
  font-family: "Gotham-Book";
  font-size: 12px;
  color: #82858b;
}



.list-cat__wrapper {
  display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 25px;
}

.l-cat {
  background: url(../images/l-cat.jpg) no-repeat;
  background-size: 100%;
  width: 230px;
  height: 230px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  margin: 25px 0;
}

.l-cat a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.l-cat:hover {
  background: url(../images/l-cat-active.jpg) no-repeat;
  background-size: 100%;
  width: 230px;
  height: 230px;
}

.l-cat:hover .l-cat__name {
  font-family: "gothambold";
  color: #fff;
}

.l-cat__name {
  color: #2f333e;
  font-family: "Gotham-Book";
  font-size: 14px;
}

.l-cat__art {
  position: absolute;
  bottom: 20px;
}

.l-cat__art.add-ppl {
  right: -95px;
  bottom: 5px;
}

.l-cat__art.rel-dy {
  bottom: 5px;
}

.l-cat__art.add-cul {
  bottom: 5px;
  right: -60px;
}

.l-cat__art.add-fest {
  left: 0;
  right: 0;
  bottom: 5px;
}

.l-cat__art.sets {
  right: 8px;
  bottom: 15px;
}

.l-cat__art.add-const {
  left: 0;
  right: 0;
  bottom: 5px;
}

.l-cat__art.new-cat-def {
  right: -100px;
  bottom: 5px;
}

/* details format end */


/* Categories form css start */
.categories-name {
    padding: 0 25px;
}

.categories-name h2 {
  font-size: 20px;
  text-transform: uppercase;
}

.subcat-heading {
  color: #82858b;
  font-family: "Gotham-Book";
  font-size: 14px;
}

.subcat-dropdown {
  border-radius: 20px;
  color: #fff;
  background: #000000;
  padding: 10px 20px;
  margin: 30px 0;
}

.subcat-dropdown__select {
  font-size: 15px;
  background: url(../images/icon/arrow-up-w.png) right center no-repeat;
    background-size: 7%;
    cursor: pointer;
}

.subcat-dropdown__select.in {
  background: url(../images/icon/arrow-down-w.png) right center no-repeat;
  background-size: 7%;
}

.subcat-dropdown .cat {
  padding: 0 20px;
  margin: 15px 0;

}

.subcat-dropdown .cat span,
.subcat-dropdown .cat a {
  border-bottom: 2px solid transparent;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-family: "Gotham-Book";
  font-size: 14px;
  /* -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; */
}

.subcat-dropdown .cat:hover span,
.subcat-dropdown .cat:hover a,
.subcat-dropdown .cat.ui-state-active a,
.subcat-dropdown .cat.active a{
  border-bottom: 2px solid #f5b94b;
  color: #fff;
  font-family: "gothambold";
  font-size: 16px;
}

.subcat-info {
    margin: 50px 0;
    padding: 0 0 20px;
    border-bottom: 2px dotted #b8b7b7;
}

.subcat-info .othercat-subsec {
    margin: 0 0 50px;
}

.subcat-info .othercat-subsec .select-content,
.subcat-info .othercat-subsec .select-oper {
    width: 300px;
}

.subcat-info .othercat-subsec .label {
  margin-right: 25px;
}

.subcat-info .subcat-info__mark {
    margin-bottom: 35px;
    padding: 0 33px;
}


.subcat-info .tab-nav {
  justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
}

.subcat-info .tab-nav .tab {
  margin: 0 25px;
}

.subcat-info .form-divider {
    padding: 40px 33px 0px;
    border-bottom: none;
}

.subcat-info h3 {
  border-bottom: 2px dotted #b8b7b7;
padding-bottom: 8px;
margin-bottom: 50px;
}

.subcat-left-divider {
  border-left: 1px solid #82858b;
}

/* Categories form css end */

/* add person category css start */
.person--img {
}

.subcat-info__field--people .story-imgadd {
  height: 280px;
  margin-top: 0px;
}

.subcat-info__field--people input {
  font-family: "Gotham-Medium";
  font-size: 14px;
  box-shadow: 0 2px 0 0 #8a42bb;
}

.people-cat_name {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  height: 70px;

}

.people-cat_name .name {
  color: #7f4ab5;
  font-family: "GothamBold";
  font-size: 16px;
}

.people-cat_name .collapsed-removed-btn {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex: 0 0 6.2%;
  max-width: 6.2%;
}

.person-count {
  color: #a1a3ac;
  font-family: "Gotham-Book";
  font-size: 12px;
  margin-bottom: 10px;
}

.people-cat--info {
  -webkit-transition:  height .5s; /* For Safari 3.1 to 6.0 */
  transition: height .5s;
  /* overflow: hidden; */
}


.othercat-subsec {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}

.othercat-subsec .label {
  color: #000000;
  font-family: "Gotham-Book";
  font-size: 16px;
  margin-right: 10px;
}
/*
.othercat-subsec .select-content {
    width: 214px;
} */

.othercat-subsec .select-oper,
.channel-format .select-oper  {
  font-family: "Gotham-Medium";
  /* width: 214px; */
    color: #acadb2;
    border: 2px solid #8a42bb;
    background-color: transparent;
    background-image: url(../images/icon/arrow-down-le.png);
    background-position: right 12px top 15px;
    background-size: 6%;
    border-radius: 25px;
    text-align: center;
    /* padding: 0 20px; */
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: capitalize;
    height: 42px;
    line-height: 42px;
}

.channel-format .select-oper  {
  background-position: right 12px top 14px;
}

.channel-format .select-content,
.channel-format .select-oper {
  width: 300px;
}


.othercat-subsec .dropdown-select-custom,
.channel-format .dropdown-select-custom{
  position: absolute;
  background: #fff;
  box-shadow: 0px 0px 15px -6px;
  height: 140px;
  top: 42px !important;
  left: 4px;
  z-index: 15;
  box-sizing: border-box;
  overflow: auto;
  display: none;
  border-radius: 10px;
  padding: 10px 0;
}

.othercat-subsec .dropdown-select-custom p,
.channel-format .dropdown-select-custom p {
  color: #000;
    font-family: "Gotham-Book";
    font-size: 14px;
    padding: 10px 20px;
    text-transform: capitalize;
}

.othercat-subsec .dropdown-select-custom p:hover,
.channel-format .dropdown-select-custom p:hover {
    font-family: "gothambold";
    background: transparent;
    color: #000;
}

.othercat-subsec .mCSB_dragger_bar,
.channel-format .mCSB_dragger_bar {
  background-color: #000000!important;
}


.story-view--preview {
  background-size: 100% 100%;
  padding-bottom: 25px;
}

.story-view--preview .content-wrapper {
  margin: 0;
  padding: 25px;
  box-shadow: 0px 4px 5px #838184;
}

.story-view--preview .story-details__nl .name {
  border-bottom: 1px solid #d9d9d9;
  flex : 0 0 80%;
  max-width: 80%;
  margin-top: 50px;
}

.story-view--preview .story-details__des {
    width: 80%;
    margin: 10px 0;
}

.story-view--preview .story-details__des p {
  font-size: 14px;
}

.story-view--preview .popstate-btn button {
  background: #464646;
  border: 1px solid #fff;
}

/* add person category css end */


/* uploader and downloader data start */
.updown-data .tab-nav {
  justify-content: flex-start;
-webkit-justify-content: flex-start;
flex: 0 0 60%;
max-width: 60%;
border-top: 1px solid #252627;
border-bottom: none;
margin: 25px 0;
padding: 20px 0;
}

.updown-data .tab-nav ul {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 100%;
}

.updown-data .tab-nav ul li {
    padding: 0;
}

.updown-data .tab-nav ul a {
  border-bottom: 4px solid transparent;
  color: #2f333e;
  padding: 0 0 7px;
}

.updown-data .tab-nav ul li.ui-state-active a,
.updown-data .tab-nav ul li a.active  {
  color: #2f333e;
  border-bottom: 4px solid #f5b94b;
  font-family: "GothamBold";
}

.updown-data .unpub {
  flex: 0 0 65%;
  max-width: 65%;
}

.updown-data .subm,
.updown-data .publs {
    flex: 0 0 75%;
    max-width: 75%;
}
/* uploader and downloader data end */

/* zee data table start */
.data-table {
  width: 100%;
}

.data-table .thead {
  font-family: "gothambold";
      color: #fff;
  border-radius: 10px;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#000));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #000, #000);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #000, #000);

    /* IE 10 */
    background: -ms-linear-gradient(top, #000, #000);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #000, #000);
    margin-bottom: 25px;
}

.data-table .bor-b {
  color: #2f333e;
  font-family: "Gotham-Medium";
  background: #fff;
  vertical-align: top;
}

.data-table .author,
.data-table .sub-title {
  color: #82858b;
  font-family: "Gotham-Book";
  font-size: 12px;
  text-transform: uppercase;
}

.updown-data .project-data {
  width: 200px;
  overflow: hidden;
}

.updown-data .title,
.updown-data .author {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.data-table .status.approve {
  color: #56bb48;
}

.data-table .action {
  cursor: pointer;
  display: flex;
  justify-content: space-around;
  width: 80%;
}

.data-table .action-text,
.categories .action-text {
  font-family: "Gotham-Book";
  color: #acadb2;
  font-size: 12px;
  margin-top: 5px;
}

.data-table .action .icon,
.categories .categories__action .icon  {
  cursor: pointer;
  background: url(../images/action-sprite.png) left top no-repeat;
  width: 32px;
  height: 32px;
  margin: auto;
  /* -webkit-ransition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; */
}

.data-table .action .approve .icon {
  background-position: 0 0px;
}

.data-table .action .approve:hover .icon {
  background-position: 0 -37px;
}

.data-table .action .reject .icon {
  background-position: -60px 0;
}

.data-table .action .reject:hover .icon {
  background-position: -60px -37px;
}

.data-table .action .edit .icon,
.categories .categories__action .edit .icon {
  background-position: -120px 0px;
}

.data-table .action .edit:hover .icon,
.categories .categories__action .edit:hover .icon {
  background-position: -120px -37px;
}


.data-table .action .approve:hover .action-text {
  color: #56bb48;
}

.data-table .action .reject:hover .action-text {
  color: #ef0a30;
}

.data-table .action .edit:hover .action-text,
.data-table .action .delete:hover .action-text,
.categories .categories__action .edit:hover .action-text {
  color: #7f4ab5;
}


.data-table .action .delete .icon,
.categories .categories__action .delete .icon {
  background-position: -180px 0;
}

.data-table .action .delete:hover .icon,
.categories .categories__action .delete:hover .icon {
  background-position: -180px -37px;
}

.categories .categories__action .subcat .icon {
  background-position: -240px 0;
}

.categories .categories__action .subcat:hover .icon {
  background-position: -240px -37px;
}

.data-table th,td {
  padding: 15px;
}

.data-table thead .bor-tbl {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.data-table thead .bor-tbr {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}


.bor-tbl {
  border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -ms-border-bottom-left-radius: 10px;
}

.bor-tbr {
  border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;
}


.table-divider {
  height: 20px;
}

.pagi {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.pagi__number {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.pagi__number li {
  margin: 0 2px;
}

.pagi__number li a {
  font-family: "Gotham-Medium";
  font-size: 13px;
    color: #7f4ab5;
    width: 15px;
    height: 18px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
}

.pagi__number li a:hover, .pagi__number li a.active {
  background: #f5b94b;
}

.pagi__action  {
  display: flex;
}

.pagi__action li {
  padding: 0 10px;
}

.pagi__action li a {
  font-family: "Gotham-Medium";
  color: #2f333e;
}
/* zee data table end */

/* settings pages css start */
.user-details {
  color: #000;
  font-family: "gothambold";
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}

.user-details__lable {
  color: #000;
}

.user-details__creds {
  font-size: 16px;
}

.user-details__art {
  text-align: right;
}

.user-details__art img {
  width: 75%;
}

.admin-content-left-divider {
  border-left: 1px dotted #000;
}


.admin-content__nav {
    font-family: "gotham-Book";
    width: 60%;
}



.admin-content__nav ul li {
  margin: 10px 0;
}

.admin-content__nav-identity {
  color: #000;
  font-family: "gothambold";
  font-size: 16px;
  /* margin:0 0 25px !important; */
}


.admin-content__nav-identity.mt {
  margin-top: 50px;
}



.admin-content__nav ul li a {
  color: #acadb2;
  border-bottom: 4px solid transparent;
  font-size: 14px;
  padding-bottom: 5px;
}


.admin-content__nav ul li a:hover,
.admin-content__nav ul li a.active,
.admin-content__nav ul li.ui-state-active a{
  font-family: "Gotham-Medium";
  color:#000;
  border-bottom: 4px solid #f5b94b;
}

.admin-content__nav ul li.pages-analysis a {
  font-size: 12px;
}

.admin-content__nav ul li.pages-analysis a:hover,
.admin-content__nav ul li.pages-analysis a.active {
  color: #7f4ab5;
  font-family: "gotham-Book";
  border-bottom: none;
}

.admin-content__info .data-table .thead {
      font-family: "Gotham-Medium";
      font-size: 14px;
}

/* .admin-content__info {
  padding: 0 10px;
} */

.project-indetails h2 {
  text-transform: uppercase;
  margin-bottom: 25px;
}

.user-find {
  width: 440px;
}

.user-find .user-search {
  position: relative;
background: #fff;
border: 1px solid #000000;
border-radius: 16px;
padding: 2px 0 3px;
}

.user-find .user-search.user-search--filled {
  border-color: #f5b94b;
}

.user-find .user-search input[type="text"] {
  background: transparent;
border: 0;
padding: 0 20px;
}

.user-find .user-search input[type="submit"] {
  background: url(../images/icon/search-le.png) right center no-repeat;
    background-size: 16px;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 20px;
    height: 20px;
    border: 0;
}

.user-find .user-find__letter {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: baseline;
  -webkit-align-items: baseline;
  margin: 15px 0 0;
}


.user-find .user-find__letter .user-letter {
  cursor: pointer;
  color: #000000;
  font-family: "Gotham-Book";
  font-size: 12px;
  padding: 0 4px;
}

.user-find .user-find__letter .user-letter.active {
  font-family: "gothambold";
  font-size: 16px;
}

.project-indetails {
  padding: 0 10px;
  margin-bottom: 25px;
}

.project-indetails  .input-checkbox {
  display: inline;
  margin-bottom: 0;
}

.project-indetails .project-data {
  width: 200px;
  overflow: hidden;
}

.project-indetails  .data-table .title.name {
  text-transform: capitalize;
}

.project-indetails  .data-table .sub-title {
  color: #7f4ab5;
  text-transform: capitalize;
}

.project-indetails.submitted-projects .data-table .title.name,
.project-indetails.submitted-projects .data-table .sub-title,

.project-indetails.channel-highlights .data-table .title.name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-indetails__action {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin : 30px 0;
}

.channel-format {
  margin: 0 0 40px;
}

.channel-format .select-content:first-child {
  margin-left: 12px;
}

.channel-format .select-content {
    margin-right: 30px;
}

.project-indetails .data-table td {
  font-size: 14px;
}

.project-indetails .data-table .action {
  width: 100%;
}

.project-indetails .tickmark .checkbox-checkmark {
    background-color: #d5d6d8;
    border-width: 1px;
}

.project-indetails .tickmark .input-checkbox .checkbox-checkmark:after {
  top: 2px;
}

.project-indetails .attach-file {
  background: #fff;
}

.current-cover {
    margin: 30px 0;
}

.heading-panel {
    border-radius: 15px;
    color: #fff;
    font-family: "Gotham-Medium";
    font-size: 14px;
    letter-spacing: 1px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#000));
    background: -webkit-linear-gradient(top, #000, #000);
    background: -moz-linear-gradient(top, #000, #000);
    background: -ms-linear-gradient(top, #000, #000);
    background: -o-linear-gradient(top, #000, #000);
    padding: 12px 40px;
    margin: 0 0 20px;
}

.current-cover__img {
  /* display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between; */
  display: block;
  width: 100%;
}

.cover-box {
  position: relative;
  /* flex: 0 0 32%; */
  max-width: 32%;
  float: left;
  margin: 5px;
}

.cover-box .cover-img {

}

.cover-box .cover-remove {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9;
}

.tag-box {
  box-shadow: 2px 2px 5px #9d9ba0;
  border-radius: 10px;
  background: #fff;
  padding: 0 20px;
  margin: 25px 0;
}

.tag-box .tag-box__heading {
  color: #000000;
      font-size: 14px;
      position: relative;
      padding: 10px 30px 0;
}

.tag-box .tag-box__heading::after {
  border-bottom: 2px dotted #c9cacd;
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 50%;
}

.tag-box .tag-box__tags {
  padding: 20px 5px;
}

.tags {
  position: relative;
  margin: 15px 0;
}

.tags .tags__name {
  font-size: 14px;
  color: #000000;
  border-radius: 5px;
  background: #f9cd7c;
  padding: 8px 15px;
}

.tags .tags__remove {
  cursor: pointer;
}

.tags .tags__edit {
  cursor: pointer;
  margin-left: 5px;
}

.tags .tags__edit img {
  width: 15px;
}

.project-indetails .new-category {
  justify-content: flex-start;
  padding: 0;
}

.project-indetails .new-cat {
  margin: 12px 30px;
}

.project-indetails .new-cat .l-cat {
  margin: 10px 0;
}

.project-indetails .new-cat .action {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 30%;
  margin: auto;
}

.project-indetails .addnew-cat {
  display: flex;
  align-items: center;
  justify-content: center;
}

.channel-format.scss {

}

.channel-format.scss .select-content,
.channel-format.scss .select-oper {
  width: 280px;
  float: none;
}

.channel-format.scss .select-oper {

}

.channel-format.scss .dropdown-select-custom {
  color: #fff;
  background: #000000;
  height: 200px;
}

.channel-format.scss .dropdown-select-custom p {
color: #fff;}

.category-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.category-box {
    width: 330px;
    border: 1px solid #000000;
    border-radius: 16px;
    background: #fff;
    padding: 20px 15px;
  margin-right:15px;
}

.category-box .c-scroll {
  height: 350px;
}

.category-box__wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}


.category-box .title {
  font-family: "Gotham-Medium";
  font-size: 14px;
  color: #7f4ab5;
  margin-bottom: 10px;
}

.category-box .title .cat-name {
  padding: 5px 0;
}

.category-box__list {
  width: 100%;
}

.category-wrap {
  font-family: "Gotham-Medium";
  padding: 0 20px;
}


.category-wrap .categories {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
    margin: 10px 0;
}

.category-wrap td:first-child {
  width: 80%;
}

.category-wrap td:last-child {
  width: 20%;
}

.categories__name {

  font-size: 14px;
flex: 0 0 60%;
max-width: 60%;
}

.categories__action {
  display: -webkit-flex;
display: -moz-flex;
display: flex;
flex: 0 0 40%;
max-width: 40%;
justify-content: flex-start;
-webkit-justify-content: flex-start;
text-align: center;
}

.categories__action .icon {
  margin: 0 2px !important;
}

.categories-update {
  border-radius: 16px;
  background: #000000;
  margin: 20px 0 15px;
  padding: 40px 20px 20px;
}

.categories-update input[type="text"] {
  color: #fff;
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 0 10px;
}

.categories-update input[type="submit"] {
    color: #000000;
    border: 1px solid #8856ba;
    border-radius: 16px;
    font-family: "Gotham-Medium";
    padding: 5px 20px;
    margin: 30px 0 0;
}

.categories-update input[type="submit"]:hover {
  background: #f5b94b;
}

.category-box .add-categories {
  cursor: pointer;
  color: #2f333e;
  font-family: "Gotham-Book";
  font-size: 14px;
  margin-bottom: 15px;
}

.category-box .add-categories img {
  margin-right: 5px;
}

.chanstatescr .categories__action {
  flex: 0 0 30%;
  max-width: 30%;
  margin-left: 0px !important;
}

.chanstatescr .categories__name {
  flex: 0 0 70%;
  max-width: 70%;
}

.channel-format.scss .scr-dropdown {
  height: 500px;
}

/* settings pages css end */

/* View downloader start */
.story-view.zee {
  position: relative;
    background-color: #7944b6;
    /* background: url(images/linear_bg_2.png); */
    /* background-repeat: repeat-x; */
    background: -webkit-gradient( linear, 0% 0%, 0% 50%, from(#7944b6), to(#3c1f66) );
    background: -webkit-linear-gradient(top, #7944b6, #3c1f66);
    background: -moz-linear-gradient(top, #7944b6, #3c1f66);
    background: -ms-linear-gradient(top, #7944b6, #3c1f66);
    background: -o-linear-gradient(top, #7944b6, #3c1f66);
}

.story-details__dwsh.downloader {
    display: flex;
    bottom: -25px;
}

.story-details__dwsh.downloader .s-down,
.story-details__dwsh.downloader .s-share {
  padding: 8px;
}

.category-details {
  margin: 50px 0;
}

.category-list {

}

.category-list .selectcat-lable {
  font-family: "Gotham-Medium";
  color: #000000;
  font-size: 14px;
}

.category-dropdown {
  margin: 25px;
}

.category-dropdown .category-name {
  color: #000000;
  font-family: "GothamBold";
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
}

.category-dropdown .category-name.active::after {
  content: '';
  position: absolute;
  top: 10px;
  right: 0px;
  background: url(../images/icon/arrow-down.png) right center no-repeat;
  background-size: 16px;
  width: 20px;
  height: 12px;
  transform: rotate(270deg);
}

.category-dropdown .category-name span {
  border-bottom: 4px solid transparent;
  padding-bottom: 5px;
}

.category-dropdown .category-name.active {

}

.category-dropdown .category-name.active span {
  border-bottom: 4px solid #f5b94b;
}

.category-dropdown ul li {
  padding: 6px 0;
}

.category-dropdown ul li a {
  color: #000000;
  font-size: 14px;
}

.category-dropdown ul li a:hover {
  color: #f5b94b;
}

.category-info {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px #9d9ba0;
  padding: 20px;
  margin: 12px 0;
  position: relative;
  float: left;
  width: 100%;
}

.category-info .category-title {
  color: #f5b94b;
  font-family: "GothamBold";
  font-size: 20px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
}


.category-data {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}

.category-data__gallery {
  float: left;
  width: 30%;
  margin-right: 5%;
}

.category-data__gallery .slick-prev,
.category-data__gallery .slick-next {
  top: initial;
  bottom: -14%;
}

.category-data__gallery .slick-prev {
  left: 32%;
}

.category-data__gallery .slick-next {
  right: 32%;
}

.category-data__gallery .slick-prev:before,
.category-data__gallery .slick-next:before {
  content: '';
  background: url(../images/icon/arrow-up.png) no-repeat;
  width: 20px;
  height: 12px;
  display: inline-block;
  opacity: 1;
}

.category-data__gallery .slick-prev:before {
  transform: rotate(-90deg);
}

.category-data__gallery .slick-next:before {
  transform: rotate(90deg);
}

.cat-img {
  position: relative;
}

.cat-img .img {
  height: 300px;
  align-items: center;
  min-height: 300px;
  justify-content: center;
  overflow: hidden;
}

.cat-img .img img {
  object-fit: cover;
  object-position: top center;
  width: 100%;
  height: 100%;
}

.cat-img__down {
  cursor: pointer;
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 10%;
}

.category-data__info {
  color: #2f333e;
  float: left;
  width: 65%;
}

.people-info .name {
  font-family: "GothamBold";
  font-size: 24px;
}

.people-info .int {
  font-size: 14px;
  border-bottom: 1px dotted #aaaaaa;
  padding-bottom: 5px;
}

.people-info .tags {

}

.people-info .tags .tag {
  margin: 5px;
}

.people-info .basic-info {
  border-top: 1px dotted #aaaaaa;
  padding-top: 5px;
}

.people-info .basic-info ul li {
  display: inline-block;
  font-size: 14px;
  padding: 0 5px;
  position: relative;
}

.people-info .basic-info ul li::after {
  content: '';
  position: absolute;
  top: 3px;
  right: -2px;
  width: 1px;
  height: 12px;
  background: #2f333e;
}

.people-info .basic-info ul li:last-child::after {
  display: none;
}

.people-info .people-info__more {
  display: block;
  margin: 0 0 50px;
}

.people-info .people-info__more .moredata-lable {
  border-bottom: 1px dotted #aaaaaa;
  font-family: "gothambold";
  color: #70349d;
  font-size: 14px;
  padding-bottom: 2px;
  margin: 0 0 10px;
}

.people-info .people-info__more p {
  font-size: 16px;
  margin-bottom: 20px;
}

.people-info .people-info__more .list li {
  font-size: 16px;
  margin: 5px 0;
  /* list-style-type:decimal; */
  list-style-position: inside;
}

.people-info .subcatsec-name {
  color: #f5b94b;
  font-family: "GothamBold";
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 60px;
  text-transform: uppercase;
}

/* .category-data.subcat-data {
  margin-bottom: 50px;
} */

/* View downloader end */

/* tools page css */
.ip-link {
  position: absolute;
  top: 15%;
  right: 2%;
}

.ip-link a {
  border-radius: 15px;
font-family: "Gotham-Medium";
font-size: 14px;
color: #f5b94b;
background: #000000;
padding: 15px 32px;
}

.project-indetails.tools h2 {
  font-size: 20px;
  border-bottom: 1px dotted #aaaaaa;
  padding-bottom: 10px;
  width: 60%;
}

.project-indetails.tools .data-table .action {
  width: 75%;
}

.project-indetails.tools .data-table .action .view {
  display: flex;
  align-items: center;
}

.project-indetails.tools .data-table .action .view a {
  font-family: "Gotham-Book";
  font-size: 16px;
  color: #7f4ab5;
}

.project-indetails.tools .data-table .action .view a:hover {
  color: #f5b94b;
}

.project-indetails.tools .data-table p {
  font-family: "Gotham-Book";
}

.project-indetails.tools .art-work {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  position: relative;
  min-height: 110px;
  text-align: right;
}

.project-indetails.tools .art-work img {
  width: 38%;
  position: absolute;
  right: 0;
}

.project-indetails.tools .channel-format .select-oper {
  background-position: right 12px top 14px;
  font-family: "Gotham-Book";
  color: #acadb2;
  font-size: 13px;
  border: 2px solid #8a42bb;
  height: 42px;
  line-height: 42px;
}

.project-indetails.tools .channel-format .dropdown-select-custom {
  top: 42px !important;
}

/* tools pages css */


.editupd-popup {
  width: 300px;
  position: relative;
}

.editupd-popup .close-c {
  position: absolute;
      top: 25px;
      right: 5px;
}

/* faqs start */

.faq {
  position: fixed;
  top: 15%;
  right: 2%;
  width: 4%;
}

.faqs-title {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.faqs-search {
  display: none;
  border-bottom: 1px solid #000000;
}

.faqs-search__input {
  width: 100%;
}

.faqs-search__input input {
  background: transparent;
  border: none;
  padding: 10px 20px;
  width: 100%;
}

.faqs-search__input input::placeholder {
  color: #acadb2;
}

.faqs-search__submit {
  position: absolute;
  right: 10px;
}

.faqs-search__submit input {
  cursor: pointer;
  background: url(../images/icon/search-big.png) right center no-repeat;
  width: 33px;
  height: 33px;
  background-size: 70%;
  border: 0;
}

.faqs-content {
  margin: 50px 0 0;
}

.faqs-content .heading-panel {
  font-size: 16px;
  padding: 12px 25px;
  margin: 0 0 40px;
}

.faqs-quiz {
  margin: 25px auto 0;
  width: 97%;
}

.faqs-quiz__que {
  cursor: pointer;
  font-family: "Gotham-Book";
  color: #28232c;
  border-bottom: 1px solid #000000;
  font-size: 16px;
  padding: 8px 5px;
  position: relative;
}

.faqs-quiz__que--active {
  color: #f5b94b;
}

.faqs-quiz__que::after {
  content: '';
  background: url(../images/icon/arrow-down--black.png) right center no-repeat;
  background-size: 85%;
  width: 20px;
  height: 12px;
  position: absolute;
  top: 12px;
  right: 15px;
}

.faqs-quiz__que--active::after {
  right: 12px;
  transform: rotate(180deg);
  -webkit-ransform: rotate(180deg);
}

.faqs-quiz__ans {
  display: none;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 5px #838184;
  padding: 20px 25px 30px;
  margin: 15px 0;
}

.faqs-quiz__ans .title {
  color: #7738a3;
  font-family: "GothamBold";
  font-size: 17x;
  margin-bottom: 8px;
}

.faqs-quiz__ans p {
  font-size: 16px;
}

.faqs-img {
  margin: 100px 0 0;
}

.faqs-guide, .guide-access {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  /* align-items: center; */
  -webkit-align-items: center;
}

.faqs-guide {
  margin-top: 40px;
}

.faqs-guide p {
  font-size: 16px;
  margin: 0;
  padding: 0;
}

.faqs-guide__ele:first-child {
  padding:0;
}

.faqs-guide__ele:first-child::after,
.faqs-guide__ele:last-child::after {
  display: none;
}

.faqs-guide__ele {
  padding: 0 35px;
  position: relative;
}

.faqs-guide__ele::after {
  background: #aeaeae;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 25px;
}


.guide-access {
  color: #7f4ab5;

}

.guide-access__name {
  color: #852ec5;
  font-family: "GothamBold";
  font-size: 16px;
  padding-right: 10px;
}

.guide-access__view a {
  color: #7f4ab5;
  font-size: 13px;
  padding: 0 5px;
}

.guide-access__down {
  padding: 0 5px;
}
/* faqs end */



/* indicator start */

.indicator {
  position: fixed;
  right: 20px;
  bottom: 50px;
  text-align: right;
}


.indicator.go-top {
  cursor: pointer;
  display: none;
}


.indicator img {
  width: 80%;
}
.indicator.skip-top img {
  width: 60%;
}

/* indicator end */

/* analytics start */

.analytics-results {

}

.analytics .user-details {
  margin: 0 0 80px;
}

.analyticsres-data {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
}

.analyticsres-data__reset {
  cursor: pointer;
  position: absolute;
  top: -25px;
  right: 20px;
  font-size: 13px;
  text-decoration: underline;
  z-index: 999;
}

.analyticsres-data__dd {
  background: url(../images/header-bg.jpg) left top no-repeat #000000;
  height: 70px;
  border-radius: 15px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
  flex : 75%;
  max-width: 75%;
}

.analyticsres-data__dd .form-group--custom {
  margin: 0;
}


.analyticsres-data__dd .form-group--custom .select-content,
.analyticsres-data__dd .form-group--custom .select-oper {
  width: 200px;
  /* width: 100%; */
  background-color: transparent;
}

.analyticsres-data__dd .form-group--custom .select-oper {
  color: #fff;
  border-bottom: 1px solid #fff;
  background: url(../images/icon/arrow-down-fill-w.png) right center no-repeat transparent;
  background-size: 14px;
  overflow: hidden;
}

.analyticsres-data__dd .form-group--custom .select-oper.in {
    background: url(../images/icon/arrow-up-fill-y.png) right center no-repeat transparent;
    background-size: 14px;
}

.analyticsres-data__dd .custome-select {
  border-bottom: 1px solid #fff;
  width: 200px;
  margin: 0 15px;
}

.analyticsres-data__dd .select-selected {
  background: transparent;
  text-align: left;
}

.analyticsres-data__dd .dropdown-select-custom {
  height: 250px;
}

 .analyticsres-data__dd .form-group--custom .dropdown-select-custom p span {
   padding-bottom: 0;
 }

.analyticsres-data__dd .custome-select .select-selected:after {
  right: 0;
}

.analyticsres-data__dd .form-group--custom + .form-group--custom {
  margin-top: 0;
}

.analyticsres-data__downreport button {
  color: #28232c;
  font-family: "Gotham-Medium";
  background: #f5b94b;
}

.analyticsres-tml {
  display: flex;
  margin: 50px 0;
  justify-content: flex-end;
}

.analyticsres-tml__dd .channel-format {
  margin: 0;
}

.analyticsres-tml__calender,
.analyticsres-tml__date {
  display: none;
  margin: 0 10px;
  align-items: center;
}

.analyticsres-tml__calender input {
  width: 230px;
  font-size: 14px;
  padding: 5px 10px;
}

.analyticsres-tml__date {
  color: #28232c;
  font-family: "GothamBold";
  font-size: 14px;
}

.daterangepicker {
  font-family: "Gotham-Book";
  border-radius: 12px;
  border: 1px solid #000;
  box-shadow: 0 0 5px #000;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  padding: 0;
  border-radius: initial;
}

.daterangepicker .calendar-table th {
  font-family: "Gotham-Medium";
  color: #000;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  font-family: "GothamBold";
  color: #28232c;
  background-color: #f5b94b;
  border-color: transparent;
}

.daterangepicker .drp-buttons .btn {
  font-family: "Gotham-Medium";
  padding: 0px 0px;
  margin: 0 4px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid;
}

.daterangepicker .drp-selected {
  padding-right: 12px;
}

.daterangepicker .drp-buttons .btn:hover {
  background: transparent;
}

.daterangepicker td.start-date.end-date {
  border-radius: 0;
}

.analyticsres-count {
  background: #000000;
  border-radius: 20px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  height: 250px;
  padding: 0 50px;
  position: relative;
}

.analyticsres-count__res {
  text-align: center;
  position: relative;
}

.analyticsres-count__res .name {
  color: #fff;
  font-family: "Gotham-Medium";
  /*font-size: 12px;*/
}

.analyticsres-count__res .name span {
  cursor: pointer;
  font-size: 12px;
  border: 2px solid #fff;
  width: 20px;
  height: 20px;
  line-height: 16px;
  border-radius: 50%;
  display: inline-block;
}

.analyticsres-count__res .name span.analytics-info--active {
  color: #f5b94b;
  border: 2px solid #f5b94b;
}

.analyticsres-count__info {
  display: none;
  color: #fff;
  border-radius: 10px;
  font-size: 10px;
  line-height: 26px;
  position: absolute;
  top: -5px;
  right: -260px;
  background: #8b44bd;
  box-shadow: 0 0 20px #432664;
  width: 250px;
  height: 150px;
  padding: 15px 5px 15px 10px;
}

/* .analyticsres-count__info::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f6f6f6;
  border-radius: 10px;
}

.analyticsres-count__info::-webkit-scrollbar-thumb {
  background-color: #421b66;
}

.analyticsres-count__info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  background-color: #f6f6f6;
  border-radius: 10px;
} */

.analyticsres-count__info.analyticsres-count__info--view {
  display: block;
}

.analyticsres-count__res .count {
  color: #f5b94b;
  font-family: "Gotham-Medium";
  /*font-size: 30px;*/
}

.analyticsres-count__img img {
  width: 70%;
}

.analyticsres-detail {
  margin: 50px 0;
}

.analyticsres-detail h3 {
  color: #000;
  margin:0 0 30px;
}

.analyticsres-detail__sorting {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 20px 0;
}



.analyticsres-detail__sorting ul li {
  display: inline-block;
  position: relative;
  padding: 0 5px;
}

.analyticsres-detail__sorting ul li:first-child {
  padding-left: 0;
}

.analyticsres-detail__sorting ul li::after {
  content: '';
  background: #88858a;
  width: 1px;
  height: 15px;
  position: absolute;
  top: 6px;
  right: 0;
}

.analyticsres-detail__sorting ul li:last-child::after {
  display: none;
}

.analyticsres-detail__sorting ul li a {
  color: #88858a;
  font-size: 12px;
  padding: 8px 3px;
}

.analyticsres-detail__sorting ul li a:hover,
.analyticsres-detail__sorting ul li a.active {
  color: #000;
  font-family: "GothamBold";
  background: #f5b94b;
}

.analyticsres-detail__sorting .date {
  font-family: "GothamBold";
  font-size: 14px;
}

.analyticsres-count__info .mCSB_scrollTools {
  background-color: transparent !important;
}

.analyticsres-count__info .mCustomScrollBox {
  padding-right: 10px;
}

/* analytics end */

/* more like css  */

.more-like {
  margin: 50px 0;
  width: 100%;
}

.more-like h3 {
  margin:0 10px 30px;
}

.more-like .card {
  width: 95%;
  margin: auto;
}

.more-like .card a {
  width: 100%;
  height: 100%;
}


.more-like .slick-prev:before,
.more-like .slick-next:before {
    content: '';
    background: url(../images/icon/arrow-up.png) no-repeat;
    width: 20px;
    height: 12px;
    display: inline-block;
    opacity: 1;
}

.more-like .slick-prev {
  transform: rotate(-90deg);
}

.more-like .slick-next {
  transform: rotate(90deg);
}






/* footer start */
footer {
  background: #000000;
  height: 50px;
  display: none;
}

/* footer end */



/* multiple file upload css */
#file-list {
  margin: 20px 0;
  padding: 0 20px;
}

#file-list  li {
  display: flex;
  position: relative;
  font-size: 14px;
  padding: 5px 0;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

#file-list  li span {
  cursor: pointer;
  margin-right:  8px;
}
/* multiple file upload css */



/* temparary css */

.custom-tag .bootstrap-tagsinput span[data-role="remove"] {
  display: none;
}


.preview-example {
  margin-top: 25px;
  box-shadow: 0px 4px 5px #838184;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preview-example .vid-play {
  position: absolute;
  z-index: 99;
}

.card-video-view .story-view__info {
    margin-top: 30px;
}

.card-video-view .story-details__nl .logo {
  text-align: right;
  position: relative;
  top: -30px;
}

.group-tick {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  margin-bottom: 20px;

}

.group-tick h2 {
  display: inline-block;
  margin-bottom: 0;
}

.group-tick .group-tick__action {
  width: 225px;
display: inline-block;
margin-left: 30px;
}

.group-tick .group-tick__action .action {
  width: auto;
}

.tools .down {
  display: flex;
  align-items: center;
  margin: 0 4px;
}


.search-tag__input .tag [data-role="remove"] {
    float: left;
    margin-left: 0;
    margin-right: 5px;
}

.search-tag__input .bootstrap-tagsinput .label-info {
    padding: 5px 8px;
}

#html5-watermark {
  display: none !important;
}


/* temparary css */


/*custom category dropdown start*/
.select-option {
          width: 250px;
          color: #fff;
          position: relative;
          z-index: 9;
        }

        .selected-option {
              background: url(../images/icon/arrow-down-w.png) right 12px center #000000 no-repeat;
              background-size: 16px;
              cursor: pointer;
              font-size: 14px;
              width: 250px;
              border-radius: 20px;
              padding: 8px 20px;
        }

        .select-option.in .selected-option {
          background: url(../images/icon/arrow-up-w.png) right 12px center #000000 no-repeat;
              background-size: 16px;
        }

        .dropdown-option,.sub-option {
          width: 250px;
          height: 375px;
          background: #000000;
          padding: 10px 20px;
          position: absolute;
        }

        .dropdown-option {
          border-top-left-radius: 15px;
          border-bottom-left-radius: 15px;
        }

        .option {
          cursor: pointer;
          font-size: 14px;
          margin: 20px 0;
        }

        .option span {
          border-bottom: 4px solid transparent;
          padding-bottom: 5px;
        }

        .option:hover span,
        .option.active span {
          border-bottom: 4px solid #f5b94b;
        }

        .explore-cat-input {
          visibility: hidden;
        }

        .dropdown-option {
          display: none;
        }

        .sub-option {
          border-left: 1px solid grey;
          border-top-right-radius: 15px;
          border-bottom-right-radius: 15px;
          display: none;
          top: 37px;
          width: 400px;
          right: -400px;
          padding: 30px 20px;
        }

        .sub-option button {
          position: absolute;
          right: 10px;
          bottom: 10px;
        }

        .sub-option button:hover {
          background: #f5b94b;
        }

        .sub-option .input-checkbox {
          color: #fff;
    font-family: "Gotham-Book";
        }

        .sub-option .checkbox-checkmark {
          border: 2px solid #b8b7b7;
        }
/*custom category dropdown end*/





@media screen and (max-width : 1370px) {
  .suggestion-box {
    right: 0px;
  }

  .ip-link {
    top: 18%;
  }
}





/* 03-02-20 */

@-moz-document url-prefix() {
    .dropdown-select-custom {
      width: 100%;
    }


    .form-divider br {
      margin-bottom: 30px;
    }
}

.story-view--preview .story-view__gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
 }

 .story-view .story-details__nl .logo,
 .story-view--preview .story-details__nl .logo {
    text-align: right;
  }

.story-view--preview .story-details__nl .logo img,
.story-view .story-details__nl .logo img {
   width: 80%;
 }

 .tag-box .tag-box__tags {
  display:flex;
  display:-webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  }


.ellipse-shape {
    display: none;
    position: absolute;
    right: 15px;
    top: 12px;
    z-index: 9;
    width: 160px;
}


.groupattachment {
  margin: 20px 0 20px 120px;
  display: grid;
}

.groupattachment .uplfile-name {
  margin: 6px 0;
}

.groupattachment .uplfile-name b {
  font-weight: normal;
}


/* validation style */
.field-validation-error {
  color: #ed1c24;
  font-family: "Gotham-Book";
  font-weight: bold;
  font-size: 12px;
  margin: 12px 0 0;
  display: inline-block;
  text-align: left;
  width: 100%;
}

.field-validation-error.asterisk-validation-error {
  position: absolute;
  margin: 0 0 0;
  text-align: right;
  font-size: 14px;
  width: auto !important;
}


.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 999999;
  background: #f8f8f8;
}

.loader img {
  width: 30%;
}

.tags__remove {
  color: red;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  z-index: 9;
}

.mendatory, .note {
  color: #82858b;
  font-size: 12px;
  position: relative;
  top: -12px;
  left: 20px;
}

.note {
  left: 0;
  top: 0;
  margin-top: 5px;
}

/* valiation css */

.tooltip {
  font-family: "Gotham-Book";
}

.tooltip-inner {
  background-color: #000000;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color : #000000;
}

.tooltip.top .tooltip-arrow {
  border-top-color : #000000;
}

.tooltip.bottom {
    right: 0;
    left: initial !important;
}

.custom-validation-tooltip {
  opacity: 1;
  right: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.custom-validation-tooltip.top {
    top: -35px;
}

/* valiation css */


/* for safari css */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {

  .user-find .user-search input[type="text"] {
    position: relative;
    top: 2px;
  }
}}

/* for safari css */



/* validation for selopt css */
.form-selopt {
  padding: 12px 10px 5px 10px;
  border-bottom: 2px solid #8a42bb;
}

.form-selopt select {
  -webkit-appearance : none;
  color: #a4a6aa;
  background: transparent;
  border: none;
  font-family: "Gotham-Book";
  font-size: 14px;
  background: url(../images/icon/arrow-down-le.png) right 0px center no-repeat;
  background-size: 14px;
  width: 100%;
}

.form-selopt .tooltip {
  top: 37px !important;
}

/* validation for selopt css */


/* sweet alert css */
.swal-modal-custom  {
    color: #fff;
    border-radius: 10px;
    background-color: #8a43bb;
    background: -webkit-gradient( linear, 0% 0%, 0% 50%, from(#8a43bb), to(#2e0e4d) );
    background: -webkit-linear-gradient(top, #8a43bb, #2e0e4d);
    background: -moz-linear-gradient(top, #8a43bb, #2e0e4d);
    background: -ms-linear-gradient(top, #8a43bb, #2e0e4d);
    background: -o-linear-gradient(top, #8a43bb, #2e0e4d);
    z-index: 1;
}

.swal-modal.swal-modal-custom .swal-icon--info {
      border-color: #ffffff;
}

.swal-modal-custom .swal-icon {
  width: 20px;
  height: 20px;
  border-width: 2px;
    margin: 0px 10px;
}

.swal-modal-custom .swal-icon:first-child {
  margin-top: 15px;
}

.swal-modal-custom .swal-icon--info:before {
    width: 2px;
    height: 7px;
    bottom: 9px;
    border-radius: 2px;
    margin-left: -1px
}

.swal-modal-custom .swal-icon--info:after {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin-left: -2px;
    top: 14px;
}

.swal-modal-custom .swal-icon--info:after,
.swal-modal-custom .swal-icon--info:before {
    background-color: #fff;
}

.swal-modal-custom .swal-title {
  color: #fff;
  font-size: 14px;
}

.swal-button:not([disabled]):hover {
  color: #391f61;
  background: #f5b94b;
}

.swal-overlay {
  background-color: rgba(255, 255, 255, 0.9);
}

.swal-footer {
  text-align: center;
}
/* sweet alert css */


.EU_TableScroll {
    overflow: auto;
    border: 1px solid #ccc;
}

.EU_DataTable {
    border-collapse: collapse;
    width: 100%;
}

    .EU_DataTable tr th {
        background-color: #3c454f;
        color: #ffffff;
        padding: 10px 5px 10px 5px;
        border: 1px solid #cccccc;
        font-family: "Gotham-Book";
        font-size: 12px;
        font-weight: normal;
        text-transform: capitalize;
    }

    .EU_DataTable tr td {
        padding: 5px 10px 5px 10px;
        color: #454545;
        font-family: "Gotham-Book";
        font-size: 11px;
        border: 1px solid #cccccc;
        vertical-align: middle;
    }



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

    .data-table {
        width: 90vw !important;
    }


        /* Force table to not be like tables anymore */
        .data-table table,
        .data-table thead,
        .data-table tbody,
        .data-table th,
        .data-table td,
        .data-table tr {
            display: block !important;
        }

        .data-table .thead, .data-table .table-divider, .data-table th {
            display: none !important;
        }
        /* Hide table headers (but not display: none;, for accessibility) */
        /*.data-table thead tr { 
		        position: absolute;
		        top: -9999px;
		        left: -9999px;
	        }*/

        .data-table tr {
            border: 1px solid #ccc !important;
        }

        .data-table td {
            /* Behave  like a "row" */
            border: none !important;
            border-bottom: 1px solid #eee !important;
            position: relative !important;
            padding-left: 70% !important;
            white-space: normal !important;
            text-align: left !important;
            width: auto !important;
            padding:10px;
        }

            .data-table td:before {
                /* Now like a table header */
                position: absolute !important;
                /* Top/left values mimic padding */
                top: 15px !important;
                left: 6px !important;
                width: 60% !important;
                padding-right: 10px !important;
                /*white-space: nowrap !important;*/
                text-align: left !important;
                font-weight: bold !important;
            }

            /*
	            Label the data
	            */
            .data-table td:before {
                content: attr(data-title) !important;
            }

        .data-table thead {
            display: none !important;
        }

    .row {
        margin-right: 0;
    }

    .data-table th, td {
        padding: 0px;
    }

    .data-table td :before{
        padding: 10px;
    }

    .analyticsress-tml .channel-format {
        margin: 0 !important;
    }

    .analyticsress-tml {
        width:90vw !important;
    }

    .channel-format {
        margin: 0 !important;
    }

    .GridPager td {
        display: contents !important;
        margin: 10px !important;
        border: 0;
    }
    .GridPager a {
        margin:0 10px !important;
    }
    .GridPager{
        border: 0;
    }

    td {
        max-width: none !important;
    }
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}


/* Handle */
::-webkit-scrollbar-thumb {
    background: lightgrey;
    border-radius: 5px;
}