// Third party packages style

swiper-container {
	width: 100%;
	height: 275px;
}

swiper-slide img {
	width: 100%;
	height: 100%;
}

// FLD STYLE

.flc-login-card {
  width: 80%;
  max-width: 500px;
  height: 700px;
}

.flc-login-card-Bgd {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;

}

.anchorWoUnderline {
  text-decoration: none;
}

.payments-primary-text{color: #1da2d8!important;} .payments-secondary-text{color: #c73A52!important;} .payments-text-color{color: #45668e!important;}
.payments-primary-bg{background-color: #1da2d8!important;} .payments-secondary-bg{background-color: #c73A52!important;}
.fle-ocean-burgundy-gradient{background-color: #c9596b; background-image: linear-gradient(315deg, #1da2d8 30%, #c9596b 70%);}

.downloads-primary-text{color: #d2ac47!important;} .downloads-secondary-text{color: #3f51b5!important;} .downloads-text-color{color: #45668e!important;}
.downloads-primary-bg{background-color: #d2ac47!important;} .downloads-secondary-bg{background-color: #3f51b5!important;}
.fle-blue-gold-gradient{background-color: #3f51b5; background-image: linear-gradient(315deg, #d2ac47 30%, #3f51b5 70%);}

.tniglobal-primary-text{color: #6617cb!important;} .tniglobal-secondary-text{color: #cb218e!important;} .tniglobal-text-color{color: #45668e!important;}
.tniglobal-primary-bg{background-color: #6617cb!important;} .tniglobal-secondary-bg{background-color: #cb218e!important;}
.fle-purple-gradient{background-color: #cb218e; background-image: linear-gradient(315deg, #cb218e 29%, #6617cb 70%);}

.livestream-primary-text{color: #26A69A!important;} .livestream-secondary-text{color: hsl(5, 77%, 66%)!important;}
.livestream-primary-bg{background-color: #26A69A!important;} .livestream-secondary-bg{background-color: #eb7166!important;}
.fle-teal-coral-gradient{background-color: #26A69A; background-image: linear-gradient(315deg, #26A69A 30%, #eb7166 70%);}
.livestream-text-color{color: #45668e!important;}


.livestream-primary-text-tni{color: #26A69A!important;} .livestream-secondary-text-tni{color: #eb7166!important;}
.livestream-primary-bg-tni{background-color: #26A69A!important;} .livestream-secondary-bg-tni{background-color: #eb7166!important;}
.fle-teal-coral-gradient-tni{background-color: #26A69A; background-image: linear-gradient(315deg, #26A69A 30%, #eb7166 70%);}
.livestream-text-color-tni{color: #45668e!important;}

.livestream-primary-text-fsc{color: #000080!important;} .livestream-secondary-text-fsc{color: #e8b923!important;}
.livestream-primary-bg-fsc{background-color: #000080!important;} .livestream-secondary-bg-fsc{background-color: #e8b923!important;}
.fle-teal-coral-gradient-fsc{background-color: #000080; background-image: linear-gradient(315deg, #000080 30%, #e8b923 70%);}
.livestream-text-color-fsc{color: #0000FF!important;}

.livestream-primary-text-icm{color: #36a0ca!important;} .livestream-secondary-text-icm{color: #F4C430!important;}
.livestream-primary-bg-icm{background-color: #36a0ca!important;} .livestream-secondary-bg-icm{background-color: #F4C430!important;}
.fle-teal-coral-gradient-icm{background-color: #36a0ca; background-image: linear-gradient(315deg, #36a0ca 30%, #F4C430 70%);}
.livestream-text-color-icm{color: #072A6C!important;}


.lingual-primary-text{color: #3F51B5!important;} .lingual-secondary-text{color: #d2ac47!important;} .lingual-tertiary-text{color: #cb218e!important;}
.lingual-primary-bg{background-color: #3F51B5!important;} .lingual-secondary-bg{background-color: #d2ac47!important;}
.lingual-tertiary-bg{background-color: #cb218e!important;} .lingual-text-color{color: #45668e!important;}
.fle-grey-bordeaux-gradient{background-color: #3F51B5; background-image: linear-gradient(315deg, #d2ac47 30%, #3F51B5 70%);}

.settings-primary-text{color: #9e35e0!important;} .settings-secondary-text{color: #459713!important;} .settings-text-color{color: #45668e!important;}
.settings-primary-bg{background-color: #9e35e0!important;} .settings-secondary-bg{background-color: #459713!important;}
.settings-gradient{background-color: #459713; background-image: linear-gradient(315deg, #9e35e0 30%, #459713 70%);}

.blog-primary-text{color: #FF5F1F!important;} .blog-secondary-text{color: #555470!important;} .blog-text-color{color: #45668e!important;}
.blog-primary-bg{background-color: #FF5F1F!important;} .blog-secondary-bg{background-color: #555470!important;}
.blog-gradient{background-color: #555470; background-image: linear-gradient(315deg, #d35523 25%, #555470 75%);}

.meetings-primary-text{color: #8D5BA7!important;} .meetings-secondary-text{color: #A7A75B!important;} .meetings-text-color{color: #607d8b!important;}
.meetings-primary-bg{background-color: #8D5BA7!important;} .meetings-secondary-bg{background-color: #A7A75B!important;}
.fle-meetings-gradient{background-color: #8D5BA7; background-image: linear-gradient(315deg, #A7A75B 15%, #8D5BA7 85%);}

.smartevent-primary-text{color: #B77391!important;} .smartevent-secondary-text{color: #cb218e!important;} .smartevent-text-color{color: #45668e!important;}
.smartevent-primary-bg{background-color: #B77391!important;} .smartevent-secondary-bg{background-color: #cb218e!important;}

.fle-bottom-nav{height: 60px;}

.fle-text-indigo{color: #5C6BC0!important;} .fle-text-accent{color: #607d8b!important;} .fle-text-pink-400{color: #EC407A!important;}
.fle-text-pink-A200{color: #FF4081!important;} .fle-text-white{color: #ffff!important;} .fle-text-magenta{color: #cf3476!important;}
.fle-text-red{color: #eb445a!important;} .fle-text-teal{color: #26A69A!important;} .fle-text-light{color: #f4f5f8!important;}
.fle-text-dark-grey{color: #45668e!important;} .fle-text-purple{color: #6617cb!important;} .fle-text-pink{color: #cb218e!important}
.fle-text-secondary{color: #EC407A!important;} .fle-text-tertiary{color: #ff5722!important;} .fle-text-coral{color: #f88379!important;}
.fle-text-antiquewhite{color: antiquewhite !important;} .fle-text-cyan{color: #36a0ca!important;} .fle-text-ocean{color: #1da2d8!important;}
.fle-text-burgundy{color: #c73A52!important;} .fle-text-teal-500{color: #26A69A!important;} .fld-text-light{color: #f4f5f8!important;}

.fle-bg-magenta{background-color: #cf3476!important;} .fle-bg-pink-400{background-color: #EC407A!important} .fle-bg-pink{background-color: #cb218e!important}
.fle-bg-teal{background-color: #26A69A!important} .fle-bg-cyan{background-color: #36a0ca!important;} .fle-bg-bordeaux{background-color: #B77391!important;}
.fle-bg-red{background-color: #eb445a!important;} .fle-bg-accent{background-color: #607d8b!important;} .fle-bg-dark-grey{background-color: #45668e!important;}
.fle-bg-coral{background-color: #eb7166!important;} .fle-bg-white{background-color: #ffff!important;} .fle-bg-purple{background-color: #6617cb!important;}
.fle-bg-gold{background-color: #d2ac47!important;} .fle-bg-antiquewhite{background-color: antiquewhite !important;} .fle-bg-ocean{background-color: #1da2d8!important;}
.fle-bg-burgundy{background-color: #c73A52!important;} .fld-bg-light{background-color: #f4f5f8!important;} .fld-bg-amber-50{background-color: #FFF8E1!important;}
.fle-bg-teal-500{background-color: #26A69A!important;}

.fle-icon-color-coral{color: #ff8362!important;} .fle-border-indigo{border-color: #6610f2!important;}

.fle-width-50{width: 50px} .fle-width-100{width: 100px} .fle-width-150{width: 150px} .fle-width-200{width: 200px} .fle-width-250{width: 250px}
.fle-width-300{width: 300px} .fle-width-350{width: 350px} .fle-width-400{width: 400px} .fle-width-450{width: 450px}
.fle-width-500{width: 500px}
.fle-width-100percent{width: 100%} .fle-width-90percent{width: 90%} .fle-width-80percent{width: 80%} .fle-width-70percent{width: 70%} .fle-width-75percent{width: 75%}
.fle-width-60percent{width: 60%} .fle-width-50percent{width: 50%!important} .fle-width-40percent{width: 40%} .fle-width-30percent{width: 30%} .fle-width-25percent{width: 25%}
.fle-width-20percent{width: 20%} .fle-width-10percent{width: 10%}

.fle-height-50percent{height: 50%} .fle-height-70percent{height: 70%} .fle-height-50{height: 50px} .fle-height-100{height: 100px} .fle-height-150{height: 150px} .fle-height-400{height: 400px!important} .fle-square-50{width: 50px; height: 50px}
.fle-card-body-height{height: 350px!important; overflow-y: scroll;} .height-auto{height: auto;} .fle-100vh{height: 100vh;} .fle-fullviewport{width: 100vw;height: 100vh;}
.vh-100{height: 100vh!important;} .fle-card-header-title{font-size: large;}

.flc-blue-gradient{background-color: #1fd1f9; background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);}
.flc-purple-gradient{background-color: #cb218e; background-image: linear-gradient(315deg, #cb218e 0%, #6617cb 70%);}
.flc-aqua-gradient{background-color: #9eabe4; background-image: linear-gradient(315deg, #9eabe4 0%, #77eed8 74%);}

.fld-img-wrapper {height: 0; position: relative;}

.fld-img-wrapper .fld-img {
  /* background-image: url('http://via.placeholder.com/1900x1000'); */
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

  .transBgdGrey{background-color: rgba(255, 255, 255, 0.3)!important;}
  .transBgdGrey04{background-color: rgba(255, 255, 255, 0.4)!important;}
  .transBgdGrey05{background-color: rgba(255, 255, 255, 0.5)!important;}
  .transBgdGrey06{background-color: rgba(255, 255, 255, 0.6)!important;}
  .transBgdGrey07{background-color: rgba(255, 255, 255, 0.7)!important;}
  .transBgdGrey08{background-color: rgba(255, 255, 255, 0.8)!important;}
  .transBgdGrey09{background-color: rgba(255, 255, 255, 0.9)!important;}

  .transBgdblack02{background-color: rgba(0, 0, 0, 0.2)!important;}
  .transBgdblack03{background-color: rgba(0, 0, 0, 0.3)!important;}
  .transBgdblack04{background-color: rgba(0, 0, 0, 0.4)!important;}
  .transBgdblack05{background-color: rgba(0, 0, 0, 0.5)!important;}

  .profile {
    background: url("../../../public/tnilogo.png") no-repeat;
    background-position: center;
    background-size: contain;
    .profile-pic {
      padding: 30px 15px;
    }
  }
  .profile-name {
    background: rgba(0, 0, 0, 0.2);
    h5 {
      padding: 10px;
      color: white;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
  }

// Agora Video style
  .content-wrapper {
      height: 400px!important;
      background-color: red;
  }
  .participant-container{
    min-width: 200px;
    border: 3px solid rgb(170, 169, 169);
  }

  .meeting-participant-container {
    position: relative;
    width: 100%;
  }

  .remote-control-container {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
  }

  .localUserCont{
    height: 60%;
  }

  .remoteUsersCont{
    height: 40%;
    overflow-x: scroll;
    overflow-y: hidden
  }

  .overflowY{
      overflow-y: scroll;
      overflow-x: hidden
    }

  .overflowX{
    overflow-x: scroll;
    overflow-y: hidden
  }

  .scrollContainer {
    overflow: hidden;
    height: 30px;
  }

  .scrollingText {
    white-space: nowrap;
    /* animation properties */
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    
    -moz-animation: scrollText 34s linear infinite;
    -webkit-animation: scrollText 34s linear infinite;
    animation: scrollText 34s linear infinite;
  }

  .animationDelay{
    animation-delay: 17s;
  }

  /* for Firefox */
  @-moz-keyframes scrollText {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(-100%); }
  }

  /* for Chrome */
  @-webkit-keyframes scrollText {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(-100%); }
  }

  @keyframes scrollText {
    from {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }


//////////////////////// Media Queries ////////////////////////////////////

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {

  .flc-login-card {
    width: 40%;
    height: 450px!important;

    .content-wrapper {
      height: 500px!important;
    }

    .localUserCont{
      height: 100%;
    }

    .remoteUsersCont{
      height: 100%;
      overflow-y: scroll;
      overflow-x: hidden
    }
  }

}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
  .content-wrapper {
    height: 600px!important;
  }

  .myClass{
    display: block;
  }
}

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
  .myClass{
    display: block;
  }
}

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) {
  .myClass{
    display: block;
  }
}