/********************* General Start *************************/
html{
  height: 100%;
}

html body{
  color: var(--label-color,"#fff");
  
  font-family: 'Open Sans', sans-serif;
  background: var(--main-bg-color,#000);
}

.form-control {
  height: 31px;
  line-height: 30px;
  font-size: 12px;
  padding: 0px 15px;
  font-weight: 500;
}

.form-control{
  background: var(--commn-search-bg-color);
  border: none;
  border-radius: 5px;
  color: var(--input-txt-color);
}

.form-control:focus {
  color: var(--input-txt-color);
  outline: none;
  box-shadow: none;
  background: var(--commn-search-bg-color);
}

.form-control:disabled, .form-control[readonly]{
  background-color: var(--input-bg-color ,#000);
  color: var(--input-txt-color ,#000);
}

textarea.form-control:focus{
  height: auto;
}

label, .table td, .table th {
  color: var(--label-color);
}
.table th {
  color: var(--dropdown-txt-color);
}

a {
  text-decoration: none !important;
  transition: 0.5s;
  font-size: 12px;
  color: var(--text-color-primary) !important;
}

p {
  color: var(--text-color-primary,"#fff");
  margin: 0 0 6px 0;
}

button:focus {
  outline: none;
}

.default-bg{
  background-color: var(--theme-color-primary) !important;
}

.btn:focus{
  box-shadow: none;
}
.btn{
  /*color:var(--btn-txt-color) !important;*/
  color:var(--label-color) !important;
}

.btnRed {
  background-color: var(--theme-color-primary) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  color:#fff !important;
}

.btnRed-o {
  background-color: var(--theme-color-primary) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  color: var(--theme-color-primary) !important;
  border: 2px solid var(--theme-color-primary) !important;
}
.btnRed-o:hover,
.btnRed-o:focus {
  background-color: var(--btn-bg-color,red) !important;
  color: var(--theme-color-primary) !important;
}

/*add code by aditi 23 april */
.dataTables_filter input{
  width: 80%;
  margin: 6px 12px;
}

iframe.goog-te-menu-frame.skiptranslate {
  margin-top: 7px;
}

.btnTransparent {
  background-color: transparent;
  font-size: 12px;
  line-height: 1.3;
}
.btnTransparent,
.btnTransparent:hover,
.btnTransparent:focus {
  color: var(--btn-txt-color,#fff) !important;
  box-shadow: none;
}
.btnTransparent:hover{
  background-color: var(--input-bg-color,#fff) !important;
  border-radius: 0;
}

.btnRed,
.btnRed:hover,
.btnRed:focus {
  color:#fff !important;
  box-shadow: none;
}

audio{
  width: 100%!important;
  /* color: red; */
  /* background: darkblue; */
}

audio:focus, video:focus{
  outline: none;
}

.pointer{
  cursor: pointer;;
}

/*need to change*/
.offset-md-3 {
  margin-left:0;
  margin-top:7px;
}

/*need to change*/
#fileModal .dropzone ,
#commentFileModal .dropzone {
  background: transparent !important;
}

.modal-dialog .table{
  margin-bottom: 0;
  color: var(--modal-label-color);
}

.modal-dialog .table tr {
  border-bottom: 1px solid #454546;
}
.modal-dialog .table td, .modal-dialog .table th{
  border: none;
}
.sentAlready{
  color: var(--default-btn-bg-color) !important;
}

/*video call modal*/

#callingModal #calling_user_profile{
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 4px solid var(--theme-color-primary);
}
#callingModal .full-screen-video-call{
  right: 9px;position: absolute;top: 1px;
}
#callingModal #video_call_to_iframe{
  width: 600px;height: 400px; 
}

/*end video call modal*/

/*need to review this code*/
/* tabs */
.custom-tab a.nav-link.active {
  border: none;
  border-bottom: 1px solid transparent !important;
  padding: 3px;
  background-color: var(--bg-color-3);
  font-size: 1rem;
  font-weight: normal;
}
.custom-tab a.nav-link {
  background-color: transparent;
  font-size: 10px;
  border: none;
  padding: 3px;
  font-size: 1rem;
  font-weight: 400;
}
.custom-tab a.nav-link:hover {
  background-color: var(--bg-color-3);
}
.svg-inline--fa{
  font-family: FontAwesome;
  font-size: 13px;
}

.thumbImageContainer {
  position: relative;
  text-align: center;
  height: 186px;
  border: 4px solid #CCCCCC;
  background: #818286;
}
.thumbImageContainer:hover {
  border-color: #ff0000;
}
.thumbImageContainer input {
  cursor: pointer;
  border: 1px solid red;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
.thumbImageContainer img {
  width: 100%;
  height: 179px;
}

.persona-store-builder .storeImageContainer ,
.persona-store-builder .thumbImageContainer {
  position: relative;
  text-align: center;
  height: 186px;
  border: 4px solid #CCCCCC;
}


.persona-store-builder .storeImageContainer #store_image ,
.persona-store-builder .storeImageContainer #store_image_banner {
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}

.persona-store-builder .storeImageContainer #banner_img ,
.persona-store-builder .storeImageContainer #store_img {
  width: 100%;
  height: 179px;
}

/*data tables*/
/*need to review*/
/*#datatable-keytable_wrapper .pagination,
.dataTables_wrapper .pagination{
  float: right;
}*/


#datatable-keytable_wrapper .pagination li.active,
.dataTables_wrapper .pagination li.active{
  background-color: var(--bg-color-1);
}

.dataTables_wrapper .table td, .dataTables_wrapper .table th{
  border-top: 1px solid #181818 !important;
}
.dataTables_wrapper .table th{
  border-top: 1px solid var(--input-bg-color ,#fff) !important;
}
#datatable-keytable_wrapper .page-link ,
.dataTables_wrapper .page-link {
  /*color: #0056b3;
  background-color: var(--bg-color-1);
  border-color: #646972;*/
  color: var(--label-color,#fff) !important;
  background-color: transparent!important;
  border-color: var(--label-color,#fff) !important;
}
#datatable-keytable_wrapper .page-link:hover ,
.dataTables_wrapper .page-link:hover {
  color: #0056b3;
  background-color: var(--bg-color-1);
  border-color: #646972;
}
#datatable-keytable_wrapper #datatable-keytable_previous .page-link ,
.dataTables_wrapper .previous .page-link {
  color: #0056b3;
  /*background-color: var(--default-btn-bg-color,#f50707) !important;*/
  /*border-color: var(--default-btn-bg-color,#f50707) !important;*/
  background-color: transparent !important;
  border-color: #fff!important; 
}
#datatable-keytable_wrapper #datatable-keytable_length label ,
.dataTables_wrapper .dataTables_length label {
  display: inline-flex;
  align-items: center;
}
#datatable-keytable_wrapper #datatable-keytable_next .page-link ,
.dataTables_wrapper .next .page-link {
  color: #0056b3;
  /*background-color: var(--default-btn-bg-color,#f50707) !important;*/
  /*border-color: var(--default-btn-bg-color,#f50707) !important;*/
  background-color: transparent !important;
  border-color: #fff!important; 
}
#datatable-keytable_wrapper .page-link:focus ,
.dataTables_wrapper .page-link:focus {
  box-shadow: none;
}
#datatable-keytable_wrapper .page-item.active .page-link ,
.dataTables_wrapper .page-item.active .page-link {
  z-index: 3;
  /*color: var(--default-btn-bg-color,#f50707) !important;*/
  color: var(--label-color,#fff) !important;
  background-color: transparent!important;
  border-color: var(--label-color,#fff) !important;
}
/*#datatable-keytable_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_filter label{
  float: right;
}*/
/*float none bcoz search box and pagination alignment should be left*/
/*#DataTables_Table_0_wrapper .dataTables_filter label,.dataTables_wrapper .pagination{
  float: none!important;
}*/
#datatable-keytable_filter input,
.dataTables_filter input{
  background: var(--commn-search-bg-color);
  color: var(--label-color);
}
#datatable-keytable_length select.custom-select ,
.dataTables_length select.custom-select {
 /* margin: 0 5px;*/
}
#data-table-city_ellipsis .page-link {
  background-color: #000!important;
  border-color: #646972!important;
}

/*data tables*/

/*need to review*/
.split-input {
  height: 45px;
  width: 45px;
  font-size: 25px;
  text-align: center;
  border: 1px solid #000000;
}
.split-input::-webkit-inner-spin-button,
.split-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#scrollTopBtn {
  width: 40px;
  height: 34px;
  position: fixed;
  bottom: 46px;
  right: 25px;
  color: #FF0000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  z-index: 99;
}

#scrollBottomBtn {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50% !important;
  position: fixed;
  bottom: 60px;
  right: 25px;
  background: var(--commn-search-bg-color);
  color: var(--input-txt-color);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  z-index: 99;
}
#scrollBottomBtn .mdi {
  position: relative;
  font-size: 40px;
  top: -6px;
  right: 10px;
}

.debit-credit-payment iframe.form-control{
  background-color: var(--modal_input_bgcolor,#000) !important;
}
span.search-icon-badge {
  top: 7px;
  position: absolute;
  left: 12px;
  z-index: 5;
}
.text-success, .text-primary {
  color: var(--secondary-color)!important;
}

.imageContainer {
  position: relative;
  text-align: center;
  height: auto;
  border: 4px solid var(--default-btn-bg-color);
}
.imageContainer:hover {
  border-color: var(--default-btn-bg-color);
}
.image-input{
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
.image-preview{
  width: 100%;
  height: 100%;
}
/***************** community tooltip css *********************/
.tooltip-inner {
  max-width: 400px;
  padding: .25rem .5rem;
  color: var(--input-txt-color ,#fff);
  text-align: center;
  background-color: var(--input-bg-color);
  border-radius: .25rem;
}
.tooltip-inner img{
  width: 100px;
  height: 100px;
  padding: 10px;
}
.tooltip { 
  pointer-events: none;
  background-color: transparent;
}

.ttip-user-profile {
  padding: 5px 5px 8px;
  position: absolute;
  width: 250px;
  background: rgb(80, 80, 80, 0.6);
  border-radius: 5px;
  z-index: 9;
  margin: 6px 0;
}
.ttip-user-profile .name{
  font-size: 14px;
}
.ttip-user-profile .address,
.ttip-user-profile .subscribers,
.ttip-user-profile .followers,
.ttip-user-profile .views{
  font-size: 12px;
}
.ttip-user-profile .media{
  /*padding: 5px;*/
}
.ttip-user-profile .mdi.like-button:before {
  font-size: 16px;
}
.ttip-user-profile .media .media-body{
  text-align: left;
}
.ttip-user-profile .profile-btn {
  display: flex;
  justify-content: space-evenly;
}
.profile-btn .btnRed {
  font-size: 12px;
  text-transform: capitalize;
}
/****************** community tooltip css end *****************/
/*reaction css*/
.like-activity:hover ul.reactions-box {
  display: block;
}
.facebook-reaction{
  max-width:100%;
  margin:150px auto;
  padding:0 60px;
  position: relative;
}

.like-btn {
  font-weight: bold;
  color: #7f7f7f;
  position: relative;
  cursor: pointer;
  padding: 20px 20px 0 0;
}

.like-btn:hover {
  text-decoration: underline;
}

.like-btn-default {
  /*background-image: url('..frontend/images/facebook.png');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: -277px -446px;*/
}

.like-btn-emo {
  display: inline-block;
  margin: 0 6px -3px 0;
  width: 16px;
  height: 16px;
}
.reactions-box {
  height: 37px;
  width: 217px;
  padding: 0px;
  position: absolute;
  top: -38px;
  left: 25px;
  box-shadow: 1px 1px 2px var(--commn-search-bg-color,#323333), 1px 1px 0px 0px #fff;
  border-radius: 44px 44px;
  display: none;
  background: var(--commn-search-bg-color,#323333);
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #0f1d34; 
  font-weight: normal;
  color: #454545;
}

.reaction {
  list-style-type: none;
  cursor: pointer;
  display: inline-block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 5px;
  opacity: 1;
  transform: scale(1, 1);
  transition: opacity .5s ease-in-out 1s, transform .07s ease-in-out 0s, top .07s ease-in-out 0s;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.like-btn:hover .reactions-box {
  display: block;
}

.reaction-like {
  left: 6px;
  transition-delay: 0s;
}

.reaction-love {
  left: 40px;
  transition-delay: .05s;
}

.reaction-haha {
  left: 76px;
  transition-delay: .1s;
}

.reaction-wow {
  left: 112px;
  transition-delay: .15s;
}

.reaction-sad {
  left: 148px;
  transition-delay: .2s;
}

.reaction-angry {
  left: 184px;
  transition-delay: .25s;
}



.like-btn:hover .reaction {
  opacity: 1;
  animation-name: reaction_delay;
  animation-duration: .5s;
}

@keyframes reaction_delay {
  0% {
    width: 48px;
    height: 48px;
    top: 60px;
  }
  48% {
    width: 56px;
    height: 56px;
    top: 5px;
  } 
  100% {
    width: 48px;
    height: 48px;
    top: 8px;
  }
}


.like-btn:hover .reaction-like {
  animation-delay: 0s
}

.like-btn:hover .reaction-love {
  animation-delay: .05s
}

.like-btn:hover .reaction-haha {
  animation-delay: .1s
}

.like-btn:hover .reaction-wow {
  animation-delay: .15s
}

.like-btn:hover .reaction-sad {
  animation-delay: .2s
}

.like-btn:hover .reaction-angry {
  animation-delay: .25s
}

.reaction:hover,
.persona-community .latestActivity .sharecomment ul.d-social-list li:hover,
.persona-stories .commented-area .d-social-list li:hover{
  transform: scale(1.3, 1.3);
  top: 2px
}

.reaction::before {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  line-height: 17px;
  font-size: .7em;
  /*width: 80%;*/
  height: 17px;
  margin-left: 10%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  position: absolute;
  top: -25px;
  opacity: 0;
  transition: opacity .2s ease-in-out 0s;
}

.reaction:hover::before {
  opacity: 1
}

.reaction-like::before {
  content: 'Like'
}

.reaction-love::before {
  content: 'Love'
}

.reaction-haha::before {
  content: 'Haha'
}

.reaction-wow::before {
  content: 'Wow'
}


.reaction-sad::before {
  content: 'Sad'
}

.reaction-angry::before {
  content: 'Angry'
}
.like-btn-like{
  background-repeat: no-repeat;
  background-size: auto;
  background-size: 15px 15px;
  /* background-position: -17px -151px; */
}

.like-btn-love{
  background-repeat: no-repeat;
  background-size: auto;
  background-size: 15px 15px;
  /*background-position: 0 -168px;*/
}

.like-btn-haha{
  background-repeat: no-repeat;
  background-size: auto;
  background-size: 15px 15px;
  /*background-position: 0 -151px;*/
}

.like-btn-wow{
  background-repeat: no-repeat;
  background-size: auto;
  background-size: 15px 15px;
  /*background-position: -17px -185px;*/
}

.like-btn-sad{
  background-repeat: no-repeat;
  background-size: auto;
  background-size: 15px 15px;
  /*background-position: -17px -168px;*/
}

.like-btn-angry{
  background-repeat: no-repeat;
  background-size: auto;
  background-size: 15px 15px;
  /*background-position: -17px -117px;*/
}

.like-btn-text-like {
  color:rgb(88, 144, 255);
}
.like-btn-text-wow,.like-btn-text-haha,.like-btn-text-sad {
  color:rgb(240, 186, 21)
}
.like-btn-text-love{
  color:rgb(242, 82, 104)
}
.like-btn-text-angry{
  color:rgb(247, 113, 75);
}

.like-emo > span{
  display: inline-block;
  margin: 0 -3px -3px 0px;
  width: 16px;
  height: 16px;
  border: 1px solid #939393;
  border-radius: 50%;
  cursor: pointer;
}

.like-details{
  margin-left:10px;
  font-size: 15px;
  color: var(--label-color) !important;
}
.mdi-pencil{
  cursor: pointer;
}
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  width: 328px;
  z-index: 9999
}
/*reaction css end*/


#silo-assistant-modal .commands {
  width: 24%;
  display: inline-block;
  margin: 0;
  padding: 0;
}


#silo-assistant-modal .commands-music{
  width: 33%;
  display: inline-block;
  margin: 0;
  padding: 0;
}

#silo-assistant-modal .commands-video {
  width: 25%;
  display: inline-block;
  margin: 0;
  padding: 0;
}

#silo-assistant-modal #answer-list li.text-left div{
  border-radius: 0 10px 5px;
  background: var(--gray-dark);
}

#silo-assistant-modal #answer-list li.text-right div{
  border-radius: 5px 0px 10px 5px;
  background: var(--gray-dark);
  max-width: 75%;
}


#silo-assistant-modal .commands-music .active,
#silo-assistant-modal .commands-video .active{
  border: 2px solid var(--application-overlay-bg);
}

#silo-assistant-modal .sva-start-stop img {
  width: 80px !important;
  display: inline-block;
}
#silo-assistant-modal .commands div {
  border: 1px solid darkslategray;
  border-radius: 10px;
  height: 47px;
  padding-top: 12px;
  margin: 4px;
  cursor: pointer;
}
#silo-assistant-modal .commands div:hover {
  background: #2d3237;
}

#silo-assistant-modal .sva-start-stop img {
  width: 80px !important;
  display: inline-block;
}

#silo-assistant-modal .assistant-tabs .nav-tabs .nav-link .mdi:before{
  font-size: 16px;
}

#silo-assistant-modal .assistant-tabs{
  /*display: inline-block;*/
  margin-bottom: 10px;
}
#silo-assistant-modal .assistant-tabs .nav-tabs .nav-link:focus, 
#silo-assistant-modal .assistant-tabs .nav-tabs .nav-link:hover{
  border-color : transparent;
}

#silo-assistant-modal .assistant-tabs .nav-tabs .nav-item.show .nav-link,
#silo-assistant-modal .assistant-tabs .nav-tabs .nav-link.active{
  border-color : transparent;
  background-color: var(--modal-header-bg-color);
}

#silo-assistant-modal .assistant-tabs .nav-tabs .nav-item.show .nav-link .mdi:before,
#silo-assistant-modal .assistant-tabs .nav-tabs .nav-link.active .mdi:before{
  color: var(--default-btn-bg-color,#f50707);
}

#silo-assistant-modal .music audio {
  /* filter: sepia(10%) saturate(10%) grayscale(1) contrast(99%) invert(10%); */
  height: 30px;
}

#silo-assistant-modal .music audio::-webkit-media-controls-panel {
  /*background-color: var(--modal-header-bg-color);*/
  /*color: red;*/
}

#silo-assistant-modal .commands div {
  border: 1px solid darkslategray;
  border-radius: 10px;
  height: 47px;
  padding-top: 12px;
  margin: 4px;
  cursor: pointer;
}
#silo-assistant-modal .commands div:hover {
  background: var(--modal-header-bg-color);
}

#silo-assistant-modal .commands-music div {
  border: 1px solid darkslategray;
  border-radius: 10px;
  height: 47px;
  padding-top: 12px;
  margin: 4px;
  cursor: pointer;
  overflow: hidden;
  width: 90%;
  padding-left: 10px;
  padding-right: 10px;
  text-overflow: ellipsis;
}


#silo-assistant-modal .commands-video div {
  border: 1px solid darkslategray;
  border-radius: 10px;
  height: 133px;
  width: 150px;
  padding-top: 12px;
  margin: 4px;
  cursor: pointer;
  overflow: hidden;
  width: 90%;
  padding-left: 10px;
  padding-right: 10px;
  text-overflow: ellipsis;
}

#silo-assistant-modal .commands div:hover {
  background: var(--modal-header-bg-color);
}



#silo-assistant-modal .sva-start-stop i{
  font-size: 24px;
}

.profile-video-call-btn, .profile-like-btn{
  padding: 0.1rem .35rem;
}

.ElementsApp, .ElementsApp .InputElement{
  background: var(--commn-search-bg-color);
  border: none;
  border-radius: 5px;
  color: var(--input-txt-color);
}

.ElementsApp:focus, .ElementsApp:focus .InputElement:focus {
  color: var(--input-txt-color);
  outline: none;
  box-shadow: none;
  background: var(--commn-search-bg-color);
}

/*Audio in text to speech*/
#music-player .list-group-item ,
#answer .list-group-item ,
#video .list-group-item {
  background-color: transparent;
  border: 1px solid rgba(0,0,0,.125);
}
#music-player .list-group-item.active ,
#answer .list-group-item.active ,
#video .list-group-item.active {
  background-color: #343a40;
  border-color: rgba(0,0,0,0.1);
}
#music-player .list-group-item:hover ,
#answer .list-group-item:hover ,
#video .list-group-item:hover {
  background-color: rgba(0,0,0,0.3);
  cursor: pointer;
}
/*Audio in text to speech end*/


/*User Guide Start*/

.introjs-helperLayer,
.introjs-tooltip{
  background-color: var(--modal-body-bg-color) !important;
  opacity: 1.5;
}
.introjs-tooltip{
  color: var(--modal-label-color) !important;
}

.introjs-button {
  /*font-size: 12px;*/
  /*line-height: 1.3;*/
}

.introjs-button,
.introjs-button:hover,
.introjs-button:focus {
  background-color: var(--default-btn-bg-color,#fff) !important;

  color: var(--btn-txt-color,#fff) !important;
  box-shadow: none !important;
  border: none !important;
  text-shadow: none !important;
  background-image : none !important;
}
.introjs-disabled {
  color: #9e9e9e!important;
  border-color: #bdbdbd!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  cursor: default!important;
  background-color:var(--commn-search-bg-color) !important;
  background-image: none!important;
  text-decoration: none!important;
}


/*User Guide End*/

/********************* General End *************************/

/********************* google translate Start *************************/
.goog-te-menu2{
  background-color: var(--bg-color-1,#181b1e) !important;
}
.goog-te-menu2-item:hover div{
  background-color: var(--bg-color-1,#181b1e) !important;
}

.goog-te-menu2-item div,
.goog-te-menu2-item:link div,
.goog-te-menu2-item:visited div,
.goog-te-menu2-item:active div{
  color: var(--btn-txt-color,#fff) !important;
}

div#google_translate_element a.goog-te-menu-value:before {
  content: '\f0ac'; 
  position: absolute;
  top: 14px;
  right: 0;
  font: normal normal normal 25px/1 FontAwesome;
  color: var(--icon-color)!important;;
}

#google_translate_element a.goog-te-menu-value ,
.navbar-nav #silo-assistant{
  position: relative;
/*  width: 27px;*/
  display: block;
  color: #fff;
  cursor: pointer;
  /*margin-bottom: 8px;*/
  line-height : 2.5;
}
.col-xl-3.order-xl-12 {
  padding-left: 13px;
}
.row {
  margin-top: -21px;
}
.navbar-nav #silo-assistant{
  width: 44px;
}

#silo-assistant:hover + #pc-guide{
 display: inline-block;
}
#silo-assistant:hover + #commandTxtPreview{

}
#pc-guide{
  display: none;
}

.navbar-nav #pc-guide .pc-guide-txt{
  opacity: 0.6;
}
.navbar-nav #pc-guide .pc-guide-help{
  opacity: 0.8;
}
.navbar-nav #pc-guide,
.navbar-nav #commandTxtPreview{
  color: var(--header-text-color) !important;
  font-size: 13px;
}

a.goog-te-menu-value span {
  visibility: hidden;
}

/********************* google translate End *************************/
/************header search start**************/
.persona-header .searchbar{
  line-height: 30px;
  height: 32px;
  background-color: transparent;
  border-radius: 30px;
  padding: 6px;
  display: flex;
  align-items: center;
  margin-left: 10px;
  position: relative;
}

.persona-header .search_input{
  color: white;
  border: 0;
  outline: 0;
  background: none;
  width: 0;
  caret-color:#fff;
  padding: 0 10px;
  line-height: 40px;
  transition: width 0.4s linear;
}

/**************************** Header Start ************************************/
.navbar {
  padding: 0px;
  position: sticky;
  top: 0;
  z-index: 1080;
  background-color: var(--navbar-bg-color,#000);
}

.navbar label{
  color: var(--navbar-bg-color,#000) !important;
}
.navbar .navbar-menu-wrapper {
  width: 100%;
  height: 50px;
}

.navbar .navbar-dropdown {
  right: 5px;
  left: auto;
}

/*.navbar .navbar-dropdown a,
.navbar .navbar-dropdown .load_more,*/
.navbar .navbar-dropdown .dropdown-item {
  background-color: var(--bg-color-1,#181b1e);
  border-bottom: 1px solid var(--bg-color-2,#565656) !important;
}

.navbar .navbar-dropdown .dropdown-item .load_more {
  align-items: center;
}
.navbar .navbar-dropdown .dropdown-item:last-child {
  border-bottom: none;
}

.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
  margin-left: auto; 
}


.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div {
  color: red!important;
  background: #ffffff;
}

/*header start*/
.dropdown-menu.navbar-dropdown.notifyDropdown.show {
  display: block !important;
  border-radius: 0 !important;
  /*top: 38px !important;*/
}
.dropdown-menu.navbar-dropdown.notifyDropdown {
  display: none!important;
  max-height: 110vh;
  /*overflow-x: auto;*/
  overflow: auto;
  /*word-wrap: break-word;*/
  word-break: break-all;
}
.header-logo-left {
  max-width: 120px;
}
.header-logo-left img {
  width: 100%;
}

.navbar .navbar-menu-wrapper .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-left li #menu-toggle div {
  width: 35px;
  height: 3px;
  background-color: #fff;
  margin: 6px auto;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
  margin-left: 0.6rem;
  margin-right: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
} 

.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div {
  color: red!important;
  background: #ffffff;
}

/**************************** Sidebar Start ************************************/
#sidebar-wrapper-new {
 display: none;
 z-index: 1000;
 position: fixed;
 left: 0px;
 height: 100%;
 margin-left: 0px;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}


#sidebar-wrapper-new-user-profile,
.sidebar-wrapper-user-profile {
 /* display: none; */
 padding-bottom: 100px;
 z-index: 1000;
 position: fixed;
 left: 0px;
 height: 100%;
 margin-left: 0px;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
.sidebar-wrapper-user-profile{
 /*overflow-y: scroll;*/
 background-color: var(--sidebar-bg-color);
}
.sidebar-wrapper-user-profile ul{
 overflow-y: scroll;
 /*background-color: var(--sidebar-bg-color);*/
}


#sidebar-wrapper-new.toggled {
  display: block;

}
#sidebar-wrapper-new ul img{
  /*height: 125px;
  width: 125px;*/
}
#sidebar-wrapper-new ul {
  /*overflow-y: scroll;*/
  height: 100%;
  background-color: var(--sidebar-bg-color);
  padding: 0px 5px;
}
#sidebar-wrapper-new .sidebar-nav li span.mdi {
  padding: 12px;
  display: block;
  font-size: 24px;
  color : var(--sidebar-logo-color,#565656) !important;
}

#sidebar-wrapper-new .sidebar-nav li a {
  padding: 0px;display:block;position:relative;
}
#sidebar-wrapper-new .sidebar-nav li a .ttip {
  opacity:0;position:absolute;
  background-color: var(--sidebar-bg-color);
  color : var(--sidebar-logo-color,#565656);
  left: 0px;
  white-space: nowrap;
  top: 10px;
  border-radius: 3px;
  padding: 5px 10px;
  transition: .5s ease all;
}

#sidebar-wrapper-new .sidebar-nav li a:hover .ttip {opacity:1;left: 70px;}
#sidebar-wrapper-new .sidebar-nav li a .ttip:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #333;
  border-width: 5px;
  margin-top: -5px;
}
.navbar-nav li a .ttip:after{
  border-right-color: var(--sidebar-bg-color) !important;
}


/*.navbar-nav.side-nav li a .ttip{
  top:7px;
  background-color: var(--sidebar-bg-color);
  color : var(--sidebar-logo-color,#565656) !important;
  }*/
  /**************************** Sidebar End ************************************/
  .navbar .navbar-menu-wrapper .navbar-nav .menu-toggle-li {
   width: 3.8rem;
 }
 .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {
  /*font-size: 1.25rem; */
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
  color: var(--header-text-color);
  font-size: 1rem;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2); 
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
  max-height: 376px;
  position: absolute;
  font-size: 0.9rem;
  margin-top: 0;
  padding: 0;
  top:44px;
  width: 170px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
  margin-bottom: 0;
  padding: 11px 15px;
  cursor: pointer; 
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
  font-size: 17px; 
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .ellipsis {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {
  width: 32px;
  height: 32px;
  border-radius: 100%; 
  position: relative;
  top:0px;
}
.persona-header .mdi-bell-outline, .persona-header .mdi-cloud-outline{
  color: var(--header-text-color);
}

.persona-header .mdi-bell-outline,
.persona-header .mdi-cloud-outline{
  font-size: 26px;
} 
.persona-header .nav-link.nav-menu-link img.menu-icon {
  height: 24px;
  padding-right: 2px;
}
.persona-header a.nav-link.nav-menu-link {
  font-size: 14px;
  color: var(--header-text-color) !important;
}
.persona-header .navbar-dropdown small {
  display: inline-block;
  white-space: break-spaces;
}
.persona-header .nav-item.nav-profile a#profileDropdown {
  height: 39px;
}
/*.navbar {
  font-family: inherit;
  transition: background 0.25s ease;
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease;
  }*/


  /*.nav-menu,
  .nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .nav-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
  }
  .nav-menu li {
    position: relative;
    white-space: nowrap;
  }
  .nav-menu > li {
    float: left;
  }
  .nav-menu li:hover > ul,
  .nav-menu li.sfHover > ul {
    display: block;
  }
  .nav-menu ul ul {
    top: 0;
    left: 100%;
  }
  .nav-menu ul li {
    min-width: 180px;
  }
  #nav-menu-container {
    float: right;
    margin: 0;
  }
  .nav-menu a {
    padding: 10px 8px;
    text-decoration: none;
    display: inline-block;
    color: #555;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 14px;
    outline: none;
  }
  .nav-menu li:hover > a,
  .nav-menu .menu-active > a {
    color: #50d8af;
  }
  .nav-menu > li {
    margin-left: 10px;
  }
  .nav-menu ul {
    margin: 4px 0 0 0;
    padding: 10px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    background: #fff;
  }
  .nav-menu ul li {
    transition: 0.3s;
  }
  .nav-menu ul li a {
    padding: 10px;
    color: #333;
    transition: 0.3s;
    display: block;
    font-size: 13px;
    text-transform: none;
  }
  .nav-menu ul li:hover > a {
    color: #50d8af;
  }
  .nav-menu ul ul {
    margin: 0;
    }*/
  /*.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; 
    }*/

  /*.navbar .navbar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    background: #000;
    width: 200px;
    height: 70px; 
  }
  .navbar .navbar-brand-wrapper .navbar-brand {
    color: #343a40;
    font-size: 1.5rem;
    line-height: 48px;
    margin-right: 0;
    padding: .25rem 0;
    width: 100%;
    font-weight: 600; 
  }
  .navbar .navbar-brand-wrapper .navbar-brand:active, .navbar .navbar-brand-wrapper .navbar-brand:focus, .navbar .navbar-brand-wrapper .navbar-brand:hover {
    color: #1b2658; 
  }
  .navbar .navbar-brand-wrapper .navbar-brand img {
    width: calc(260px - 120px);
    max-width: 100%;
    height: 28px;
    margin: auto;
    vertical-align: middle; 
  }
  .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
    display: none; 
  }
  .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
    width: calc(70px - 50px);
    max-width: 100%;
    height: 28px;
    margin: auto; 
  }
  .navbar .navbar-menu-wrapper .navbar-toggler {
    border: 0;
    color: inherit;
    height: 70px;
    border-radius: 0px;
    padding-left: 5px;
    padding-right: 20px; 
  }
  .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
    font-size: 1.5rem; 
    }*/


    /*.navbar .navbar-menu-wrapper .search-field .input-group input {
      font-size: 0.875rem;
      padding: .5rem; 
    }
    .navbar .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
      font-size: 0.875rem;
      color: #9c9fa6;
      font-family: inherit; 
    }
    .navbar .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
      font-size: 0.875rem;
      color: #9c9fa6;
      font-family: inherit; 
    }
    .navbar .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
      font-size: 0.875rem;
      color: #9c9fa6;
      font-family: inherit; 
    }
    .navbar .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
      font-size: 0.875rem;
      color: #9c9fa6;
      font-family: inherit; 
    }
    .navbar .navbar-menu-wrapper .search-field .input-group i {
      font-size: 17px;
      margin-right: 0;
      color: #9c9fa6; 
    }
    .navbar .navbar-menu-wrapper .search-field .input-group .input-group-text {
      background: transparent; 
    }
    .navbar .navbar-menu-wrapper .count-indicator {
      position: relative; 
    }
    .navbar .navbar-menu-wrapper .count-indicator .count-symbol,
    .navbar .navbar-menu-wrapper .count-indicator .count-number {
      position: absolute;
      border-radius: 100%;
      border: 2px solid #ffffff; 
    }
    .navbar .navbar-menu-wrapper .count-indicator .count-symbol {
      top: 17px;
      right: -3px;
      width: 10px;
      height: 10px; 
    }
    .navbar .navbar-menu-wrapper .count-indicator .count-number {
      min-width: 14px;
      height: 14px;
      font-size: .5rem;
      color: #ffffff;
      bottom: 16px;
      right: -5px;
      line-height: 1;
      text-align: center; 
    }
    .navbar .navbar-menu-wrapper .count-indicator:after {
      display: none; 
      }*/
      /*a#short-tour {
        font-size: 15px;
      }
      .tour-vlink .fa-play {
        font-size: 12px;
        }*/
        
        /*.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
          right: auto;
          left: 0; 
          }*/

        /*.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
          margin-left: 10px; 
          }*/
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-divider {
            /*margin: 0; */
          }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings {
         /* padding-left: 20px;
         padding-right: 5px;*/ 
       }
       .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings .nav-link {
          /*margin-right: 0;
          margin-left: 0; */
        }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img {
          /*position: relative;
          color: #eb1f2e;
          font-size: 25px;*/
        }

        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status {
        /*position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        border: 2px solid #ffffff;
        bottom: 5px;
        right: -5px; */
      }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.online {
        /*background: #1bcfb4; */
      }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.offline {
        /*background: #fe7c96; */
      }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.busy {
        /*background: #fed713; */
      }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
        /*margin-left: 1.25rem; */
      }
      .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
        /*margin-left: 0;
        margin-right: 1.25rem; */
      }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text p {
        /*line-height: 1; */
      }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link.dropdown-toggle:after {
        /*line-height: 2; */
      }

      /*.navbar.navbar-primary .navbar-menu-wrapper {
        background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff));
        background: linear-gradient(to right, #da8cff, #9a55ff);
        color: #ffffff; 
        }*/
      /*.navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
        color: #ffffff; 
      }
      .navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
        color: #ffffff; 
      }
      .navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
        color: #ffffff; 
      }
      .navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
        color: #ffffff; 
      }
      .navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group i {
        color: #ffffff; 
        }*/



        /****************************** User list in modal ****************/
        #forwardMsg .gr_member_img_div{
          display: inline-block;
          vertical-align: middle;
          padding-left: 10px;
          font-size: 12px;
          max-width: 150px;
          word-wrap: break-word;
          cursor: pointer;
        }

        #forwardMsg .gr_member_img ,
        .persona-chat .chat-call-profile img.user-img{
          vertical-align: middle;
          width: 35px;
          height: 35px;
          border-radius: 50%;
        }
        .gr_member_label:hover {
          opacity: 0.6;
          background: var(--bg-color-3) !important;
        }

        .persona-go-live #follower span.search-icon-badge,
        #shareFolderModal .shareSharedCloudContent span.search-icon-badge{
          top:16px;
        }
        #silo-forward-members-user-list-member ,
        #share-contact-user-list-member {
          max-height: 60vh;
        }
        #other textarea#other_mobile ,#other textarea#other_email{
          padding: 7px 10px;
          line-height: 20px;
          color: var(--label-color);
        }
        #other textarea#other_mobile:focus ,#other textarea#other_email:focus{
          background: var(--commn-search-bg-color);
        }
        #upgradeFoldersModal .btn.btnBuySharedStorage {
          font-size: 12px;
          line-height: 1;
        }
        /* ***************************** User list in modal END****************/
        /*Ashwini added  tour button panel css */
      /*.tourStep.popover.right>.arrow {
        top: 50%;
        left: -27px;
        margin-top: -11px;
        border-right-color: rgba(0,0,0,.25);
        border-left-width: 0;
      }
      .tourStep.popover.right>.arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
        border-width: 10px;
      }
      .tourStep .panel-footer {
        background-color: transparent;
        padding: 7px 8px;
        }*/
        /* tour end */


        #wrapper #black-bg{
          height: 100%;
        }
        div#wrapper {
          background-color: #000;
        }
        body, body #wrapper{
          height: inherit;
        }
        body {
          color: var(--label-color);
          font-family: 'Open Sans', sans-serif;
          font-size: 12px;
        }
        .row
        {
          padding: 0px;
          margin: 0px;
        }


        .back-to-top {
          position: fixed;
          /*display: none;*/
          background: #ff0000;
          color: #fff;
          padding: 6px 12px 9px 12px;
          font-size: 16px;
          border-radius: 2px;
          right: 15px;
          bottom: 15px;
          transition: background 0.5s;
        }

        .btn-default {
          background: #ddd !important;
          color: #808080!important;
        }

        .back-to-top:focus {
          background: #b90909;
          color: #fff;
          outline: none;
        }
        .back-to-top:hover {
          background: #b90909;
          color: #fff;
        }
        .btn-danger:hover {
          color: #fff;
          background-color: transparent;
          border-color: transparent;
        }
        .background-black {
          margin: 0;
        }

        img#styling-img {
          width: 45px;
        }

        .dropdown-item.active, .dropdown-item:active {
          color: #fff;
          text-decoration: none;
          background-color: #a1a1a1;
        }
        .tourStep{
          background: #2e2e2e;
          border: 1px solid;
          padding: 5px;
        }
        .tourStep .tourPrev{
          background: #ddd !important;
          color: #000 !important;
        }
        .overflow {
          overflow-y: hidden;
          overflow-x: hidden;
          padding: 5px 8px;
        }
        .overflow:hover{
          overflow-y: overlay;
        }
        .scroll-bar {
          overflow-y: scroll;
        }

        /*********************** modal start **********************/
        .modal .modal-header .modal-title {
/*           color: var(--modal-header-title-color); */
/*         background-color: var(--modal-header-bg-color);*/
        }
        .fc .fc-col-header-cell-cushion{
          color: #fff!important;
        }

        .modal .modal-body a {
          color: var(--label-color) !important;
        }
        .modal .modal-body .btn-primary ,.modal-dialog .modal-header h5{
          color: var(--btn-txt-color)!important;
        }
        .modal .modal-body .link-list-plain a{
          color: var(--btn-txt-color)!important;
        }
        .modal-dialog .modal-content {
          color: var(--modal-label-color);
          margin-top: 7%;
          margin-bottom: 7%;
/*          background-color: var(--modal-body-bg-color); */
          Background-color : background-color: rgb(22 21 30 / 62%);

          Background-color:hover : background: #ffffff0d; 
          Background-color:text-color : color: var(--text-color-primary);
          Background-color:description-text-color : #a3a3a3;
          Background-color:Button-color : color: var(--btn-txt-color);
          background-color : var(--btn-bg-color);
          border-color : var(--btn-bg-color, #ff2b25);
        }
         .dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice{
          background: var(--modal-header-bg-color,#141c26)!important;
          color: var(--btn-txt-color);
         }
        /*.modal-dialog .modal-content button.close{
          font-size: 22px;
          line-height: 24px;
        }*/
        .modal-dialog .modal-content .modal-title {
         line-height: 25px; 
         font-size: 16px; 
       }

       .modal-dialog .modal-content .modal-footer ,.modal-footer {
        border-top: 1px solid var(--modal-body-bg-color)!important;
        background-color: var(--modal-body-bg-color)!important;
      }
      #file-share .list-group-item{
        background: var(--table-row-evenbg-color)!important;
      }

      .modal-dialog .modal-content .modal-header {
        border-bottom: 1px solid var(--modal-header-bg-color);
        background-color: var(--modal-header-bg-color)!important;
        align-items: center;
      }

      .persona-modal-close {
        background: transparent;
        color: var(--btn-txt-color) !important;
        border: none;
        cursor: pointer;
        font-size: 18px;
        padding: 0;
      }
      .persona-modal-close:focus {
        outline:none;
      }
      .modal input,.modal select,.modal textarea{
        color: var(--input-txt-color)!important;
        background: var(--modal-input-bg-color);
        border: 0;
        border-radius: 5px;
        font-size: 12px;
      }
      .modal input:focus,.modal select:focus,.modal textarea:focus{
        color: var(--input-txt-color)!important;
        background: var(--modal-input-bg-color);
      }
      .modal input::placeholder{
        color: var(--input-txt-color)!important;
        opacity: 0.6;
      }
      .form-check-inline {
        margin-right: 10px;
      }
      .modal.show  {
          /*display:flex!important;
          flex-direction:column;
          justify-content:center;
          align-content:center;
          align-items: flex-start;*/
        }
        /*********************** modal end **********************/

        .redText,
        .error,
        label > span {
          color: #ff0000 !important;
          margin-bottom: 0px;
          font-size: 15px;
        }
        .bg-secondary{
          font-size: 12px;
        }
        /**************************** General CSS code end ****************************/

        /***************************** Paasport page css start **************************/
        .passportCarouselWrap {
          padding: 0;
        }
        .passportCarouselWrap .carousel .item {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
          min-height: 500px;
        }
        .passportCarouselWrap .carousel .slide2 {
          background-image: url('../images/paasport/Slide1.jpg');
        }
        .passportCarouselWrap .carousel-indicators li {
          border-color: #FF0000;
        }
        .passportCarouselWrap .carousel-caption {
          bottom: 25%;
          color: #000;
        }
        .passportCarouselWrap .carousel-indicators .active {
          background-color: #FF0000;
        }
        .passportToolSection {
          background-color: #f2f2f2;
          padding: 50px 0;
        }
        .passportToolSection .heading {
          color: #5a5a5a;
          font-size: 30px;
        }
        .passportToolSection .signUpForm {
          background: rgba(0,0,0,0.7); 
          padding:50px 0;
        }
        .passportToolSection .signUpForm .signUpHeading {
          color: #FFFFFF;
          text-align: center;
        }
        .passportToolSection .qrCodeImg {
          height: 160px; 
          margin: 17px auto 10px;
        }
        .passportToolSection .qrCodeBtn {
          margin-bottom: 10px;
        }
        .paasportManageCloud {
          background: url('../images/paasport/enterprise-solutions.jpg') no-repeat center center/cover;
          position: relative;
          padding: 50px 0;
        }
        .paasportManageCloud:before {
          position: absolute;
          content: '';
          background: rgba(255,255,255,0.95);
          left: 0;
          top: 0;
          height: 100%;
          width: 52%;
        }
        .paasportManageCloud .paasportLogo {
          opacity: 0.7;
          height: 60px;
          margin-bottom: 20px;
        }
        .paasportQuickIntegration {
          background-color:#333333;
          color: #FFFFFF;
        }
        .paasportQuickIntegration .img-responsive {
          position: relative; 
          top: -30px;
        }
        .paasportQuickIntegration .heading {
          font-size: 36px; 
        }
        .paasportQuickIntegration .subHeading {
          font-size: 16px; 
          line-height: 19px;
          margin-bottom: 30px;
        }
        .paasportQuickIntegration .subHeading small {
          color: #FFFFFF;
        }
        .paasportHowItWorks {
          color: #5a5a5a;
          padding: 30px 0;
        }
        .paasportHowItWorks .heading {
          font-size: 36px;
        }
        .paasportHowItWorks .subHeading,
        .paasportHowItWorks img {
          margin-bottom: 30px;
        }
        .paasportHowItWorks img,
        .paasportSiloMerchant .qrpaymentImg {
          opacity: 0.7;
        }
        .paasportHowItWorks img:hover,
        .paasportSiloMerchant .qrpaymentImg:hover {
          opacity: 1;
        }
        .paasportHowItWorks .paragraph {
          margin-bottom: 20px;
        }
        .paasportSiloMerchant {
          background: url('../images/paasport/worldmap.png') no-repeat center center/cover;
          color: #fff;
          padding: 50px 0;
        }
        .paasportSiloMerchant .secureImg {
          height: 200px;
          position: relative;
          top: -40px;
        }
        .paasportCampaignSoln {
          background-color: #7f7f7f;
          padding: 30px 0;
          color: #fff;
        }
        .paasportCampaignSoln img.center-block {
          margin-bottom: 20px;
        }
        .paasportQRCode {
          padding: 50px 0;
        }
        .paasportQRCode .heading {
          color: #7F7F7F;
          font-size: 36px;
          margin-bottom: 30px;
        }
        .paasportQRCode .knowAboutHeading {
          margin-bottom: 50px;
        }
        .paasportQRCode ol>li {
          margin-bottom: 30px;
        }
        .paasportQRCode ol>li .ques {
          font-weight: 600;
        }
        .paasportQRCode ol>li .ans {
          color: #7F7F7F;
        }

        /************************ Paasport page css end ************************/

        /**************************** Sidebar Start ***********************************/
        /***************** Kapil 16/11/2019 Sidebar Styles *****************************/

        #page-content-wrapper {
          width: 100%;
          height: calc(100% - 50px);
          /* padding-left: 71px; */
        }
        #wrapper #page-content-wrapper{
          padding-left: 93px;
        }
        #wrapper #page-content-wrapper-admin{
          padding-left: 230px;
        }
        #wrapper {
          padding-left: 0;
          -webkit-transition: all 0.6s ease;
          -moz-transition: all 0.6s ease;
          -o-transition: all 0.6s ease;
          transition: all 0.6s ease;   
        }

        #sidebar-wrapper {
         z-index: 1000;
         position: fixed;
         left: 250px;
         width: 0;
         height: 100%;
         margin-left: -250px;
         background-color: #2e2e2e !Important;
         -webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
         transition: all 0.5s ease;
       }

       #page-content-wrapper-admin {
        width: 100%;
        height: auto;
      }

      #sidebar-wrapper-new-admin {
        width: 225px;
        text-align: left;
        z-index: 1000;
        position: fixed;
        left: 0px; 
        height: 100%;
        margin-left: 0px;
      }


      #sidebar-wrapper-new-admin ul{
        padding: 0;
      }
      .sidebar-nav i {
        font-size: 18px;
        padding: 0 10px 0 10px;
        color: #fff;
        display: inline-block;
        width: 4.50rem;
        height: 4.50rem;
        background-size: 100% 100%;
        background-position: 50%;
        opacity: 0.9;
      }

      #wrapper.toggled #sidebar-wrapper {
        width: 150px;
      }

      #page-content-wrapper.toggled,
      #page-content-wrapper-admin.toggled{
        padding-left: 0px !important;
      }
      #sidebar-wrapper-new-admin.toggled{
        display: none;
        width: 0px;
      }
      .sidebar-nav li {
        line-height: 30px;
      }
/*      .sidebar-nav li a {
        display: block;
        text-decoration: none;
        color: #999999;
        font-size: 13px;
        font-weight: 500;
        }*/
        .persona-app-button {
          margin-top: 10px;
        }
        .sidebar-nav li a:hover {
          color: #fff;
        }
        .sidebar-nav li a:active,
        .sidebar-nav li a:focus {
          text-decoration: none;
        }
        .sidebar-nav li a .menu-icon{
          display: inline-block;
          width: 4.50rem;
          height: 4.50rem;
          background-size: 100% 100%;
          background-position: 50%;
          opacity: 0.9;
        }
        .sidebar-nav li a .menu-icon:hover{
          opacity: 1;
        }
        .sidebar-nav > .sidebar-brand {
          height: 65px;
          font-size: 18px;
          line-height: 60px;
        }
        .sidebar-nav > .sidebar-brand a {
          color: #999999;
        }
        .sidebar-nav > .sidebar-brand a:hover {
          color: #fff;
          background: none;
        }

        /**************************** Sidebar End *************************************/

        /*****************cms - homepage ***************/
        .adm_right_col {
          width: 100%;
          padding-left: 16%;
        }
        /**************************** footer Start ************************************/
        /*********************** Ranjit 28 Nov Start **********************/

        .footerWrap {
          position: fixed;
          bottom: 0;
          width: 100%;
          height: 67px;
          line-height: 30px;
          z-index: 1080;
        }
        .footerWrap a{
          color: #fff !important;
          font-size: 13px;
        }

        .footerWrap #menu-toggle {
          font-size: 27px;
          vertical-align: bottom;
          margin-right: 5px;
        }
        .footerWrap #menu-toggle i{
          color: #fff;
          font-size: 30px !important;
          vertical-align: bottom;
          margin-right: 16px;
        }
        .footerWrap .container-fluid {
          padding: 0px;
        }
        footer.footerWrap.col-md-12 {
          margin: 0px;
        }

        .form-check.form-check-flat.form-check-primary {
          font-size: 13px;
        }

        .footerWrap img#footer-logo {
          width: 110px;
          margin-top: 9px;
          padding-bottom: 5px;
        }

        /**************************** footer End **************************************/

        /**************** Record Story Modal ***************************/
        #myStoriesBlog #resume-image {
          display: inline-block;
        }
        #myStoriesBlog select,#myStoriesBlog select#blogCategory {
          cursor: pointer;
        }
        #myStoriesBlog select#blogCategory{
          color: var(--dropdown-txt-color);
          background: var(--dropdown-bg-color)!important;
          height: 31px;
          border-radius: 5px;
          padding: 0 15px;
        }

        #myStoriesBlog .recording-player-bg {
          width: 100%;
          /* min-height: 150px;
          height: 200px; */
        }
        #myStoriesBlog .recording-player-bg .media-box video{
          object-fit: contain;
        }

        #myStoriesBlog #recording-player video{
          min-height: 150px;
          height: 200px;
        }

        #image-story img{
          object-fit: cover;
          height: 200px;
        }

        #myStoriesBlog .dropbtn {
          /*font-size: 24px;*/
          border: none;
        }

        #myStoriesBlog .dropdown {
          position: relative;
          display: inline-block;
        }

        #myStoriesBlog .dropdown-content {
          display: none;
          position: absolute;
          background: var(--modal-input-bgcolor);
          color: var(--modal-input-color);
          width: 440px;
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          z-index: 1000;
          top:14px;
        }

        #myStoriesBlog .dropdown-content a {
          color: black;
          padding: 12px 16px;
          text-decoration: none;
          display: block;
        }

        #myStoriesBlog .dropdown-content a:hover {background-color: #ddd;}

        #myStoriesBlog .dropdown:hover .dropdown-content {display: block;}

        #myStoriesBlog img#btn-stop-recording, img#btn-start-recording, 
        img#btn-pause-recording, img#btn-resume-recording  {
          width: 42px;
        }

        #myStoriesBlog .select_bg_gray option {
          appearance:none;
          -moz-appearance:none;
          -webkit-appearance:none;
          background: var(--modal-input-bgcolor);
        }
        #myStoriesBlog .select_bg_gray  option:hover{
          box-shadow: 0 0 10px 100px #000 inset;
          background:yellow;
        }

        #myStoriesBlog input:focus{
          outline: none;
        }
        #myStoriesBlog select:focus {
          outline: none;
        }
        #myStoriesBlog .persona-tab a.nav-link{
          font-size: 10px;
          border: none !important;
          padding: 3px;
          font-size: 1rem;
          font-weight: 400;
          border-radius: 0 !important;
        }
        #myStoriesBlog .persona-tab a.nav-link.active{
          background-color: var(--modal-header-bg-color)!important;
          color: var(--btn-txt-color)!important;
          border: none;
          /* opacity: 0.8; */
          padding: 3px;
        }
        #myStoriesBlog .persona-tab a.nav-link:hover, a.nav-link:hover:focus{
          background: transparent;
          border: none;
          outline: none;

        }
        /*#myStoriesBlog .persona-tab a#video_tab_link, #myStoriesBlog .persona-tab a#audio_tab_link {
          background-color: var(--modal-header-bg-color);
        }*/

        #myStoriesBlog  #story-modal-header {
          background-color: var(--modal-header-bg-color);
        }
        #myStoriesBlog h5.text-white {
          font-size: 16px;
          padding: 8px 0;
        }
        #addBlogModal #addStoryForm textarea {
          line-height: 20px;
        }

        .cloud-storage-modal .modal-dialog {
          max-width: 600px;
        }
        .cloud-storage-modal .panel-body li {
          font-size: 14px;
          font-weight: 300;
          text-align: center;
        }
        #myStoriesBlog button#btnsaveBlogAdd {
          /*width: 55%;*/
          width: auto;
          margin: 0 auto;
          color: #fff;
          font-size: 15px;
          font-weight: 600;
          background: var(--btn-bg-color,#f50707) !important;
          cursor: pointer;
        }
        #myStoriesBlog .timer {
          font-size: 18px;
        }
        div#recording-player {
          width: 100%;
          position: relative;
        }
        #recording-player .media-container {
          width: 100% !important;
        }
        #recording-player .media-controls, #recording-player .volume-control {
          margin-right: 0 !important;
        }

        /**************** Record Story Modal END ***************************/

        /**************************** persona-login Start *****************************/
        /* new code for persona login 19/10/2019 */

        .has-feedback {
          position: relative;
        }

        .form-group {
          margin-bottom: 12px;
        }

        .form-control-feedback {
          position: absolute;
          top: 0;
          right: 0;
          z-index: 2;
          display: block;
          width: 34px;
          height: 34px;
          line-height: 34px;
          text-align: center;
          pointer-events: none;
        }
        .checkbox, .radio {
          position: relative;
          display: block;
        }
        .icheck>label {
          padding-left: 0;
        }
        .checkbox label, .radio label {
          min-height: 20px;
          padding-left: 20px;
          margin-bottom: 0;
          font-weight: 400;
          cursor: pointer;
        }
        .persona_signin_input:focus{
          box-shadow: 0 0 0 0.1rem #0c0b0b !important;
        }
        div#padding-space {
          padding: 0px;
        }
        #signin_form input::placeholder,
        #signup_form select::placeholder,
        #signup_form input::placeholder {
          color: #d8d8d8;
          letter-spacing: 0.5px;
        }
        p .redText {
          color: #ff0000;
          margin-bottom: 0px;
        }
        a#form-footer {
          color: #ffffff;
          font-size: 13px;
          font-weight: 400;
          text-align: center;
        }

        #myStoriesBlog .select_bg_gray  option:hover{
          box-shadow: 0 0 10px 100px #000 inset;
          background:yellow;
        }

        #myStoriesBlog input:focus{
          outline: none;
        }
        #myStoriesBlog select:focus {
          outline: none;
        }

        /**************** Record Story Modal END ***************************/

        /**************************** persona-login Start *****************************/
        /* new code for persona login 19/10/2019 */


        .has-feedback {
          position: relative;
        }


        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }

        /* Firefox */
        input[type=number] {
          -moz-appearance: textfield;
        }
        .persona-login-box #signup_form, .persona-login-box #social{
          display: none;
        }

        /**************************** persona-login End *******************************/

        /**************************** persona-registration steps Start *************************/

        

        .persona-social-media-box span>i{
          cursor: pointer;
        }


        /**************************** persona-registration steps End *******************************/

        /***************** Persona manage profile **************/

        #formNewsFeed .picture{
          width: 100%;
          height: 250px;
          background-color: #ffffff40;
          color: #FFFFFF;
        }
        #formNewsFeed #urlToImage {
          height: 250px;
          width: 100%;
          border: 5px solid var(--secondary-color);
        }

        #formNewsFeed #urlToImagePreview {
          height: 250px;
          width: 100%;
          border: 5px solid var(--secondary-color);
        }

        #formNewsFeed .picture #urlToImage {
          cursor: pointer;
          display: block;
          height: 179px;
          left: 0;
          opacity: 0 !important;
          position: absolute;
          top: 0;
          right: 0;
          margin: 0 auto;
          width: 100%;
        }

        #listOfWebReferencesModal input:focus {
          outline: none;
        }
        #listOfWebReferencesModal input {
          height: 31px;
        }
        #listOfWebReferencesModal input[type="text"] {
          padding: 0 12px;
        }

        .persona-manageProfile i.mdi-instagram,
        .persona-admin-edit-user-profile i.mdi-instagram{
          background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
        }

        .persona-admin-edit-user-profile i.linkdin,
        .persona-manageProfile i.linkedin{
          background-color: #0068a5;
        }

        .persona-admin-edit-user-profile i.twitter,
        .persona-manageProfile i.twitter{
          background-color: #19b1f0;
        }

        .persona-manageProfile i.facebook,
        .persona-admin-edit-user-profile i.facebook{
          background-color: #3b56ad;
        }

        .persona-manageProfile i.mdi-pinterest,
        .persona-admin-edit-user-profile i.pintrest{
          background-color: #ab0609;
        }

        .persona-manageProfile audio:focus, video:focus{
          outline: none;
        }
        #listOfWebReferencesModal table.table-dark td{
          word-break: break-all;
          font-size: 12px;
        }
        #addFolderModal .form-group {
          margin-bottom: 0;
        }

        .persona-manageProfile table th, .persona-manageProfile table td,
        .persona-settings-accounts table th, .persona-settings-accounts table td{
          text-align: center;
        }
        .persona-settings-accounts table th, .persona-settings-accounts table td{
         color: var(--label-color);
       }

       .persona-manageProfile .credit-below li .number::before ,
       .persona-settings .credit-below li .number::before{
        transition: all 0.3s ease-in-out;
        content: "";
        top: 10px;
        left: -19px;
        border: 1px solid #f50707;
        position: absolute;
        z-index: 1;
        width: 79px;
        height: 80px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
      }
      .persona-manageProfile .credit-below li .number::after ,
      .persona-settings .credit-below li .number::after{
        top: 0px; left: -30px; background-color: #fff; content: ""; position: absolute;width: 100px; height: 100px; transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);
      }

      .persona-manageProfile .credit-below li .number .beforee:before ,
      .persona-settings .credit-below li .number .beforee:before 
      {transform-origin: center;
        z-index: 1;
        top: 20px;
        left: -9px;
        background-color: #f50707;
        content: "";
        position: absolute;
        width: 60px;
        height: 60px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
      }
      .persona-manageProfile .credit-below li .number .beforee span,.persona-settings .credit-below li .number .beforee span
      {margin-top: 20px;color: #111; font: 800 21px Titillium Web,sans-serif; display: inline-block; padding: 0px; z-index: 2; position: relative;
      }
      .persona-manageProfile .credit-below li:hover .number .beforee:before ,.persona-settings .credit-below li:hover .number .beforee:before
      { transform:rotate(45deg) scale(1.18); -webkit-transform:rotate(45deg) scale(1.18); -moz-transform:rotate(45deg) scale(1.18); -ms-transform:rotate(45deg) scale(1.18); -o-transform:rotate(45deg) scale(1.18); 
      }
      .persona-manageProfile .credit-below li:hover .number::before ,.persona-settings .credit-below li:hover .number::before
      {z-index:9; border-color: #fff; transform: rotate(45deg) scale(0.8); -webkit-transform: rotate(45deg) scale(0.8); -moz-transform: rotate(45deg) scale(0.8); -ms-transform: rotate(45deg) scale(0.8); -o-transform: rotate(45deg) scale(0.8); 
      }
      .persona-manageProfile .credit-below li .number .beforee ,.persona-settings .credit-below li .number .beforee{margin-top: 10px;
      }
      .persona-manageProfile .credit-below li h6 ,.persona-settings .credit-below li h6{margin-top: 0; color: #fff; font: 500 14px Titillium Web,sans-serif;
      }
      .persona-manageProfile .credit-below ,.persona-settings .credit-below{
        list-style: none;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 18px;
      }
      .persona-manageProfile .credit-below li ,.persona-settings .credit-below li{
        text-align: center;
        color: var(--btn-txt-color,#fff) !important;
        background: var(--bg-color-1);
        width: 23%;
        margin-bottom: 10px;
        margin-right: 5px;
        margin-left: 5px;
        float: left;
        border: 1px solid var(--bg-color-1);
        border-radius: 5px;
        padding: 20px 15px;
      }
      .persona-manageProfile .credit-below li .number ,.persona-settings .credit-below li .number{
        height: 150px;
        display: inline-block;
        position: relative;
        width: 40px;
      }

      #cropImageModal {
        z-index: 9999;
      }

      button.btn.btnBuySiloTokens.btn-success {
        background-color: #fff;
        border: 1px solid transparent;
        color: #f50707;
        font-size: 14px;
        line-height: 1;
        font-weight: 500;
      }
      a.refer-id-link {
        color: var(--label-color) !important;
      }


      /* Buy tokens css end */

      #productModal table th ,#listOfWebReferencesModal table th ,
      #shareFolderModal .list-group-item,
      #listOfWebReferencesModal table td{
        color: var(--modal-label-color) !important;
      }
      .persona-cloud-share #datatable td a.btn.btnRed {
        color: var(--btn-txt-color,#fff) !important;
      }
      .persona-cloud-share #datatable td a {
        color: var(--label-color) !important;
      }


      /***************** Persona manage profile End **************/

      /**************************** persona-dashboard Start *************************/
      .persona-community, .persona-dashboard, .persona-cloud-share {
        overflow-x: hidden;
        padding-left: 70px;
      }
      #listOfWebReferencesModal tbody#listOfWebReferences_body tr:last-child {
        border-bottom: none;
      }
      input.form-control.common_search-box::placeholder {
        /*color: var(--label-color);*/
        color: var(--input-txt-color);
        font-size: 12px;
        opacity: 0.6;
      }

      input.form-control.common_search-box {
        padding: 9px 15px 9px 32px;
        background: var(--commn-search-bg-color);
        color: var(--label-color);
        border: none;
        border-radius: 5px !important;
        font-size: 12px;
      }
      .search-icon-badge .fa-search {
        font-size: 14px;
        color: var(--input-txt-color);
      }

      /*need to confirm where it apply*/
      img.profile-img {
        width: 70px;
      }
      .cms-persona-dashboard .followers-tv-channels-list ul{
        overflow-y: scroll;
        height: 32vh!important;
      } 
      .cms-persona-dashboard .followers-tv-channels-list ul li,
      .persona-dashboard .followers-tv-channels-list ul li{
        padding: 10px;
        border-top: none;
        margin: initial;
        border-right: none;
        border-left: none;
        background: transparent;
        cursor: pointer;
      }
      .cms-persona-dashboard  .followers-tv-channels-list ul li img,
      .persona-dashboard .followers-tv-channels-list ul li img{
        height: 50px !important;
      }

      .persona-dashboard .socialShareWrap li,
      .persona-all-user-profiles .socialShareWrap li{
        margin: 0 3px 3px;
        display:inline-block;
      }
      .persona-dashboard .musicianWrap ,
      .persona-all-user-profiles .musicianWrap
      {
        display: table;
        margin: 0 auto;
      }

      .persona-dashboard .musicianWrap .btn ,
      .persona-all-user-profiles .musicianWrap .btn{
        color: #fff;
        /* height: 35px; */
        line-height: 15px;
        border-radius: 25px;
        width: 125px;
        text-transform: uppercase;
        font-weight: 500;
      }

      .persona-dashboard .userCoverVideoContainer .learnMoreAbout .socialShareWrap li, 
      .userCoverVideoContainer .learnMoreAbout .btn {
        opacity: 0.2;
      }

      .persona-dashboard .socialShareWrap a.facebook, 
      .persona-all-user-profiles .socialShareWrap a.facebook ,
      .login-div .socialShareWrap a.facebook{
        background-color: #3b56ad;
      }
      .persona-dashboard .socialShareWrap a.pinterest,
      .persona-all-user-profiles .socialShareWrap a.pinterest{
        background-color: #ab0609;
      }
      .persona-all-user-profiles .socialShareWrap a.shareBtn,
      .persona-dashboard .socialShareWrap .shareBtn{
        /*background-color: var(--default-btn-bg-color,#f50707) !important;*/
        background-color: transparent;
      }
      .persona-all-user-profiles .socialShareWrap a.shareBtn{
        background-color: var(--default-btn-bg-color,#f50707);
      }
      .persona-dashboard .socialShareWrap a ,
      .persona-all-user-profiles .socialShareWrap a, 
      .login-div .socialShareWrap a {
        color: #fff;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
      }
      .persona-dashboard .socialShareWrap a.twitter ,
      .persona-all-user-profiles .socialShareWrap a.twitter,
      .persona-manageProfile i.mdi-twitter {
        background-color: #19b1f0;
      }

      .persona-dashboard .socialShareWrap a.instagram ,
      .persona-all-user-profiles .socialShareWrap a.instagram {
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
      }

      .persona-dashboard .socialShareWrap a.googlePlus ,
      .login-div .socialShareWrap a.googlePlus{
        background-color: #e34e38;
      }

      .persona-dashboard .socialShareWrap a.linkedin ,
      .persona-all-user-profiles .socialShareWrap a.linkedin,
      .persona-manageProfile i.mdi-linkedin {
        background-color: #0068a5;
      }

      #persona_dashboard_form .dashboardImageContainer:hover,
      .persona-dashboard .thumbImageContainer:hover {
        border-color: var(--default-btn-bg-color);
      }

      #persona_dashboard_form .dashboardImageContainer #upload_back_image,
      #persona_dashboard_form .dashboardImageContainer #upload_back_video, #complete-profile-modal #user_image {
        cursor: pointer;
        display: block;
        height: 100%;
        left: 0;
        opacity: 0 !important;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
      }
      #persona_dashboard_form .dashboardImageContainer #dashboardImg ,
      #persona_dashboard_form .dashboardImageContainer #dashboardVideo,
      #complete-profile-modal #user_image_preview {
        width: 100%;
        height: 100%;
      }


      /*share modal list social icons*/

      .modal-share-social li a ,.persona-community-details .d-social-list li a,
      .persona-community .d-social-list li a,
      .commented-area .d-social-list li a{
        border-radius: 25px;
        line-height: 30px;
        display: block;
        height: 28px;
        width: 28px;
      }
      .commented-area ul.dropdown-menu.show {
        padding: 0;
        transform: translate3d(-100px, 27px, 0px) !important;
      }
      .persona-community .d-social-list li a,
      .persona-stories .commented-area .d-social-list li a{
        padding-top:8px;
      }

      #shareModal .modal-share-social li{
        padding: 3px;
        display: inline-block;
      }
      .persona-all-user-profiles .modal-share-social li{
        padding: 0px;
        display: inline-block;
      }
      .persona-all-user-profiles .profile-address{
        /*min-height: 40px;*/
      }
      #shareModal .modal-share-social li a.share-fb,
      .persona-all-user-profiles .modal-share-social li a.share-fb,
      .persona-community-details .d-social-list li a.share-fb,
      .persona-community .d-social-list li a.share-fb ,
      .persona-stories .commented-area li a.share-fb{
        background-color: #3b56ad;
      }
      #shareModal .modal-share-social li a.share-twtr,
      .persona-all-user-profiles .modal-share-social li a.share-twtr,
      .persona-community-details .d-social-list li a.share-twtr,
      .persona-community .d-social-list li a.share-twtr,
      .persona-stories .commented-area li a.share-twtr {
        background-color: #19b1f0;
      } 

      .media-controls .control:first-child{
        background-color: transparent!important;
      }

      #shareModal .modal-share-social li a.share-linkdin,
      .persona-all-user-profiles .modal-share-social li a.share-linkdin,
      .persona-community-details .d-social-list li a.share-linkdin,
      .persona-community .d-social-list li a.share-linkdin,
      .persona-stories .commented-area li a.share-linkdin{
        background-color: #0068a5;
      }
      #shareModal .modal-share-social li a.share-instagram,
      .persona-all-user-profiles .modal-share-social li a.share-instagram,
      .persona-community-details .d-social-list li a.share-instagram,
      .persona-community .d-social-list li a.share-instagram ,
      .persona-stories .commented-area li a.share-instagram {
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

      }
      #shareModal .modal-share-social li a.share-printr,
      .persona-all-user-profiles .modal-share-social li a.share-printr,
      .persona-community-details .d-social-list li a.share-printr,
      .persona-community .d-social-list li a.share-printr ,
      .persona-stories .commented-area li a.share-printr {
        background-color: #ab0609;
      }
      #shareModal .modalHeading {
        font-size: 14px;
      }

      .persona-all-user-profiles .profile-item-image {
        width: 100%;
        height: 400px;
        overflow: hidden;
      }
      .persona-all-user-profiles .profile-item .profile-image {
        width: 100%;
        height: auto;
      }

      /************* for scroll bar********************/
      ::-webkit-scrollbar {
        width: 10px;
      }
      ::-webkit-scrollbar-track {
        /*background: red; */
        background: transparent;
      }
      ::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
      }
      ::-webkit-scrollbar-thumb:hover {
        background: #555; 
      }
      ::-webkit-scrollbar-track-piece{
        /*background: red;*/
      }
      /************* for scroll bar********************/

                /*.persona-dashboard .weather_icon_div {
                  float: left;
                  width : 14.28%;
                }
                .persona-dashboard .weather_icon_div img{
                 width: 35px;
               }

               .persona-dashboard .weather_container {
                position: relative;
                margin-top: 2%;
              }
              .persona-dashboard .weather_location {
                padding: 0px 16px!important;
                font-size: 20px!important;
                position: absolute;
                left: 0;
                bottom: 0;
              }
              .persona-dashboard .weather_header{
                padding: 0%;
                width: 100%;
                height: 150px;
                background-color: #252525;
                max-height: 150px;

                }*/
                

                .custom-ellipse{
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                }


                #icon_1, #thumbnail_img, #community_footer_adImg{  
                  width: 100%;
                  height: 179px;
                }

                /********************** SearchBox code persona-dashboard*************************/
                .persona-dashboard #custom-search-input #channel_name_search,
                .tv-footer-search .persona_tv_to_user_search{
                  color: #fff;
                  border: transparent;
                  background: #0a0a0a;
                  width: 100%;
                  font-size: 18px;
                }
                
                /********************** SearchBox code end persona-dashboard*************************/
                /* this will used for dashboard and setting system page section start*/
                #dashboard-background-video, #dashboard-background-newsfeed ,#dashboard-background-featured, #dashboard-background-stream{
                  max-height: 86vh;
                  overflow-y: scroll;
                }
                #dashboard-background-stream video,
                #dashboard-background-video video{
                  height: 85%;
                  width: 100%;
                }
                .persona-dashboard #dashboard-background-newsfeed h5 {
                  font-size: 16px;
                  line-height: 23px;
                }
                #persona_dashboard_form #featured-back-div h6, 
                #persona_dashboard_form #news-back-div h6 {
                  font-size: 14px;
                }
                /* this will used for dashboard and setting system page section end*/
                /**************************** persona-dashboard End ***************************/

                /********************* persona chat start ****************************/

                .persona-chat #groupDetails .gr_member_img_div, #forwardMsg .gr_member_img_div{
                  display: inline-block;
                  vertical-align: middle;
                  padding-left: 10px;
                  font-size: 12px;
                  max-width: 150px;
                  word-wrap: break-word;
                  cursor: pointer;
                }

                .persona-chat #groupDetails .gr_member_img, #forwardMsg .gr_member_img {
                  vertical-align: middle;
                  width: 37px;
                  height: 37px;
                  border-radius: 50%; 
                }

                .timeline_media_uploadChat a.dz-remove ,#timeline_media_upload a.dz-remove{
                  color: #000 !important;
                }
                .dropzone .dz-preview .dz-progress {
                  background: transparent !important;
                }
                .dropzone .dz-preview .dz-details .dz-filename:hover {
                  overflow: hidden;
                  text-overflow: ellipsis;
                }

                .persona-chat ul#silo-chat-user-list li .user-img,
                .persona-chat #call-log .user-img,
                .persona-cloud-share #shareFolderModal #cloud-share-user-list .user-img
                {
                  vertical-align: middle;
                  width: 35px;
                  height: 35px;
                  border-radius: 50%;
                }

                #groupDetails .gr_member_img_div,  
                #share-contact-user-list-member .gr_member_img_div,  
                #forwardMsg .gr_member_img_div{
                  display: inline-block;
                  vertical-align: middle;
                  padding-left: 10px;
                  font-size: 12px;
                  max-width: 150px;
                  word-wrap: break-word;
                  cursor: pointer;
                }

                #groupDetails .gr_member_img, 
                #share-contact-user-list-member .gr_member_img, 
                #forwardMsg .gr_member_img {
                  vertical-align: middle;
                  width: 35px;
                  height: 35px;
                  border-radius: 50%; 
                }

                
                #groupDetails input#group_name ,#mpaudio-update-modal input ,
                #addBlogModal input ,#addBlogModal select{
                  color: var(--modal-input-color);
                  background: var(--modal-input-bgcolor);
                }
                #groupDetails input#group_name::placeholder,#addBlogModal input::placeholder {
                  color: var(--modal-input-color);
                  opacity: 0.6;
                }

                /* ***************** persona end chat ******************** */

                /********************* persona setting system start ****************/

                
                
                /******************* persona setting system end *********************/

                /**************************** persona-cloud-storage Start *********************/
                
                .elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file:hover{
                  background: transparent;
                  cursor: pointer;
                }
                .elfinder-cwd-filename {
                  color: var(--label-color);
                }
                .elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file{
                  margin: 3px 3px 3px 3px !important;
                }
                #elfinder .elfinder-cwd-wrapper,
                #elfinder ,.elfinder-workzone{
                  background: var(--main-bg-color,#000) !important;
                  color: #fff;
                  border: none;
                }
                .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover, .elfinder-cwd table td.ui-state-hover, .elfinder-button-menu .ui-state-hover{
                  background: transparent !important;
                  color: #fff !important;
                }
                .elfinder-button-search input[type=text] {
                  width: 100% !important;
                  padding: 14px 21px !important;
                  border-radius: 7px !important;
                }
                .elfinder .elfinder-button-search .elfinder-button-menu {
                  background-color: var(--commn-search-bg-color,#bfbfbf);
                }
                .elfinder .elfinder-button-search {
                  width: 300px !important;
                }
                .elfinder-workzone {
                  top: 70px !important;
                }
                .elfinder-cwd-wrapper-empty .ui-droppable .elfinder-cwd::after {
                  color: var(--label-color);
                }
                
                .right_col.sd_storage .silo-sd-card-sync {
                  position: relative;
                }
                .right_col.sd_storage .silo-sd-card-sync .sd-card-sync {
                  background: transparent;
                  position: absolute;
                  left: 0;
                  right: 0;
                  width: 90%;
                  margin: 0 auto;
                  z-index: 99;
                  padding: 40px 20px;
                  text-align: center;
                  top: 101px;
                }
                .right_col.sd_storage .full_div:after {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                }
                .right_col.sd_storage .silo-sd-card-sync img {
                  width: 7%;
                  margin: 0 auto;
                }
                .nav-md .container.body .right_col {
                  padding: 30px 20px;
                  margin-left: 230px;
                }
                .cloud-storage-modal .panel-default>.panel-heading {
                  color: var(--modal-input-color);
                  border-color: #ddd;
                }

                .cloud-storage-modal .title-row {
                  border-top: 1px solid var(--modal-footer-bg-color);
                  background-color: var(--modal-footer-bg-color);
                }
                .cloud-storage-modal .col-container {
                  display: flex;
                  width: 100%;
                }

                .cloud-storage-modal .col {
                  flex:1;
                }

                .cloud-storage-modal .panel-footer {
                  background-color: transparent;
                }
                .elfinder-toolbar{
                  border: 0 solid transparent !important;
                  padding: 0px 0 29px !important;
                }    


                .cloud-storage .progress, .progress-bar ,
                .persona-settings .progress, .progress-bar ,
                .persona-cloud-share-view .progress, .progress-bar {
                  height: 6px;
                }
                .cloud-storage .progress .remained-space ,
                .persona-settings .progress .remained-space ,
                .persona-cloud-share-view .progress .remained-space {
                  background: white;
                  color: black;
                }
                .cloud-storage .progress .used-space ,
                .persona-settings .progress .used-space ,
                .persona-cloud-share-view .progress .used-space {
                  background: var(--secondary-color);
                }
                .cloud-storage-modal .panel-default {
                  margin: 0 6px;
                  background-color: var(--modal-input-bgcolor);
                  color: var(--modal-input-color);
                  border-radius: 5px;
                  padding: 15px 10px;
                }
                .cloud-storage-modal .panel h4 {
                  font-size: 17px;
                  font-weight: 500;
                }
                #buyStorageModal .credit-section {position: relative; width: 100%;}
                #buyStorageModal .credit-below, 
                #upgradeSMSPlan .credit-below, 
                #upgradeEmailPlan .credit-below, 
                #upgradeFoldersModal .credit-below 
                {list-style: none;padding: 0;width: 100%; position: relative;}
                #buyStorageModal .credit-below li ,
                #upgradeSMSPlan .credit-below li ,
                #upgradeEmailPlan .credit-below li ,
                #upgradeFoldersModal .credit-below li {
                  background-color: var(--modal-header-bg-color);
                  border: var(--modal-header-bg-color);
                  border-radius: 5px;
                  padding: 15px 15px;
                  max-width: 30%;
                  margin: 0 auto;
                  text-align: center;
                }
                #buyStorageModal .credit-section span ,
                #upgradeFoldersModal .credit-section span {
                  font-size: 12px;
                }

                #buyStorageModal .credit-below .last-child {margin:0 !important;}
                #buyStorageModal .credit-below li .number {height: 150px;display: inline-block; position: relative; width: 55px;}
                /* .credit-below li .number span {color: #fff; font: 800 4em Titillium Web,sans-serif; height: 80px; display: inline-block;line-height: 80px; padding: 0px 15px;} */
                #buyStorageModal .credit-below li .credits {margin-top: 10px;color: #fff; font: 500 17px Titillium Web,sans-serif;}
                #buyStorageModal .credit-below li p.credit-sm {font-style: italic;color: #fff;font: italic 500 15px Titillium Web,sans-serif;margin-bottom: 0;}

                #buyStorageModal .credit-below li #login input[type="submit"], .credit-below li #cashfrm input[type="submit"] {box-shadow: 0px 0px 6px 3px rgba(96, 97, 190, 0.3);
                 color: #fff;font: 500 17px Titillium Web,sans-serif; background-color: transparent; border-radius: 5px; padding: 7px 25px; transition: all 0.2s ease-in-out; border: 2px solid #6061be;
                 -webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;
                 -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;margin-bottom: 10px;}
                 #buyStorageModal .credit-below li #login input[type="submit"]:hover, .credit-below li #cashfrm input[type="submit"]:hover {background-color: #3b3c7d; border: 2px solid #6061be;}

                 #buyStorageModal  .credit-below li .number::before { transition:all 0.3s ease-in-out; content: ""; top: 10px; left: -20px; border-width: 1px; border-style: solid; border-color: #f50707; position: absolute; z-index: 1; width: 100px; height: 100px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
                 #buyStorageModal  .credit-below li .number::after {top: 0px; left: -30px; background-color: #fff; content: ""; position: absolute;width: 120px; height: 120px; transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
                 /* .credit-below li .number span:before {z-index: 0; top: 20px; left: -10px; background-color:#f50707; content: ""; position: absolute; width: 80px; height: 80px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } */

                 #buyStorageModal .credit-below li .number .beforee:before {transform-origin: center; z-index: 1; top: 20px; left: -10px; background-color:#f50707; content: ""; position: absolute; width: 80px; height: 80px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition: all 0.3s ease-in-out ; -webkit-transition: all 0.3s ease-in-out ; -moz-transition: all 0.3s ease-in-out ; -ms-transition: all 0.3s ease-in-out ; -o-transition: all 0.3s ease-in-out ;}
                 #buyStorageModal .credit-below li .number .beforee span {margin-top: 36px;color: #111; font: 800 19px Titillium Web,sans-serif; display: inline-block; padding: 0px; z-index: 2; position: relative;}
                 #buyStorageModal  .credit-below li:hover .number .beforee:before { transform:rotate(45deg) scale(1.18); -webkit-transform:rotate(45deg) scale(1.18); -moz-transform:rotate(45deg) scale(1.18); -ms-transform:rotate(45deg) scale(1.18); -o-transform:rotate(45deg) scale(1.18); }
                 #buyStorageModal .credit-below li:hover .number::before {z-index:9; border-color: #fff; transform: rotate(45deg) scale(0.8); -webkit-transform: rotate(45deg) scale(0.8); -moz-transform: rotate(45deg) scale(0.8); -ms-transform: rotate(45deg) scale(0.8); -o-transform: rotate(45deg) scale(0.8); }
                 #buyStorageModal .credit-below li .number .beforee {margin-top: 10px;}
                 #buyStorageModal  .credit-below li h6 {color: var(--btn-txt-color,#fff) !important;margin-bottom: 5px;font-size: 17px;font-weight: 500;}
                 #buyStorageModal .btnBuyCloudStorage:focus{
                  box-shadow: none;}
                  #buyStorageModal div#paypalStorage {padding: 22px;}


                  #buyStorageModal #squareupStorage .card-body,
                  .cloud-storage-modal #squareup .card-body,
                  #upgradeFoldersModal #squareup .card-body
                  {padding-top: 0;padding-bottom: 10px;}
                  #buyTokensModal #squareupTokens .card-body {
                    padding: 0 0 10px;
                  }
                  
                  #buyStorageModal #squareupStorage .form-group {margin-bottom: 5px;}
                  #buyStorageModal .storage-plan-ul a {font-size: 14px;}
                  #buyStorageModal .btnBuyCloudStorage{
                    line-height: 1;
                    font-size: 12px;
                  }
                  #myStoriesBlog input {
                    color: var(--modal-input-color);
                    padding: 0px 15px;
                    background: var(--modal-input-bgcolor);
                    height: 31px;
                    border-radius: 5px;
                  }
                  #myStoriesBlog input::placeholder {
                    color: var(--modal-input-color);
                    opacity: 0.6;
                  }
                  #buyStorageModal div#silotokenStorage,#upgradeFoldersModal .silo-token-payment 
                  {padding-left: 22px;padding-right: 22px;}
                  #buyStorageModal #silotokenStorage h5,
                  .cloud-storage-modal #silotoken h5,
                  #upgradeFoldersModal #silotoken h5
                  {font-size: 12px;}
                  
                  .cloud-storage-modal .panel-body.cloud-body-height {
                    min-height: 169px;
                  }
                  #buyStorageModal .debit-credit-payment .card-footer ,
                  .persona-settings #buyTokensModal .debit-credit-payment .card-footer,
                  .cloud-storage-modal #payment .card-footer,
                  #squareup .debit-credit-payment .card-footer {
                    padding: .75rem .75rem;
                    background-color: transparent;
                    border-top: 0;
                  }
                  #myStoriesBlog .custom-control.custom-checkbox {
                    line-height: 25px;
                  }
                  /**************************** persona-cloud-storage End ***********************/

                  .persona-silo-tv-online #tv-channel-list li.list-height {
                    padding: 10px;
                    border-top: none;
                    margin: initial;
                    border-right: none;
                    border-left: none;
                    background: #252525;
                    border-bottom: 1px solid #444444;
                    cursor: pointer;
                  }
                  .persona-silo-tv-online ul#tv-channel-list {
                    overflow-y: scroll;
                    height: 355px;
                    overflow-x: hidden;
                  }

                  .persona-silo-tv-online .overflow{
                    overflow-y: scroll;
                    /* background: #373435; */
                    height: 300px;
                    padding: 5px;
                  }
                  .persona-silo-tv-online .col-md-12.text-center.silo-chat-connections {
                    padding: 0;
                  }
                  .audio_panel h6 {
                    word-break: break-word;
                  }
                  .desktopChannelList .item {
                    display: block;
                    max-width: 100%;
                    height: auto;
                    margin: 0 auto;
                    width: 100px;
                  }
                  /* ashwini added persona community fancybox layout */
                  
                  .fancybox-overlay-fixed .fancybox-skin {
                    background-color: transparent;
                  }
                  .fancybox-overlay-fixed .fancybox-desktop.fancybox-type-image {
                    margin: 0 auto;
                    left: 0 !important;
                    right: 0;
                  }
                  .fancybox-overlay-fixed .fancybox-close {
                    top: -6px;
                    right: -20px;
                  }
                  

                  /**************************** pooja 01 /03/2020  tv page end *****/
                  


                  /**************************** persona-tv end *************************/
                  /**************************** persona-community Start *************************/



                  .persona-community .latestActivity button#postLabel,
                  .persona-community #persona-chat-window button#postLabel {
                    border: none;
                    background: transparent;
                    float: right;
                    margin-top: 0;
                    color: var(--label-color);
                  }
                  
                  .persona-community .latestActivity ul.dropdown-menu.show li:hover,
                  .persona-community #persona-chat-window ul.dropdown-menu.show li:hover,
                  .persona-community-details ul.dropdown-menu.show li:hover{
                    background-color: transparent;
                  }

                  .persona-community .latestActivity ul.dropdown-menu.show,
                  .persona-community #persona-chat-window ul.dropdown-menu.show ,
                  .persona-community-details ul.dropdown-menu.show ,
                  .persona-chat .chat-call-profile .chat-setting-menu ul.dropdown-menu{
                    padding: 0;
                    background: var(--bg-color-3,#1E2224) !important;
                  }
                  .persona-community .latestActivity ul.dropdown-menu.show li,
                  .persona-community #persona-chat-window ul.dropdown-menu.show li {
                    cursor: pointer;
                    font-size: 14px;
                  }
                  .persona-dashboard #video_call_iframe,
                  .persona-chat #video_call_iframe {
                    border: 0;
                  }
                  #myStoriesBlog span.dropbtn {
                    top: 0px;
                    position: relative;
                  }
                  
                  .persona-community-details .d-social-list li,
                  .persona-community .d-social-list li,
                  .persona-stories .commented-area .d-social-list li{
                    list-style: none;
                    display: inline-block;
                    text-align: center;
                    padding: 3px;
                  }

                  .user_dialog .musicFile .panel-footer .fa-play-circle {
                    font-size: 29px;
                    border: 3px dotted #2fda1c;
                    border-radius: 50%;
                    padding: 5px;
                  }
                  .user_dialog .musicFile .panel-footer {
                    background-color: transparent;
                  }
                  .user_dialog .musicFile p {
                    font-size: 11px;
                  }
                  .user_dialog .musicFile .fa-film {
                    font-size: 22px;
                  }

                  .persona-community .share-activity:hover .sharecomment,
                  .persona-stories .share-activity:hover .sharecomment {
                    display: inline-block;
                    right: 60px;
                    left: unset;
                    top: -29px;
                    background: transparent;
                  }
                  
                  #sharecomment-modal .user-sharetime {
                    padding-left: 10px;
                  }
                  #sharecomment-modal .user-sharetime p {
                    margin-bottom: 0;
                  }
                  #sharecomment-modal .like-comment ,#sharecomment-modal .sharecomment{
                    flex: 0 0 50%;
                    text-align: center;
                    padding: 5px 0;
                    border-radius: 5px;
                  }
                  #sharecomment-modal .like-comment:hover ,#sharecomment-modal .sharecomment:hover{
                    background: var(--commn-search-bg-color);
                  }
                  


                  /**************************** persona-community End ***************************/

                  /*********************** persona-services Start **************************/

                  #close {
                    float: right;
                    display: inline-block;
                    padding: 0px 10px;
                    background: #c23521;
                    cursor: pointer;
                    color: #000;
                    font-size: 1.5rem;
                    font-weight: 700;

                  }
                  #close:hover {
                    float:right;
                    display:inline-block;
                    padding:2px 5px;
                    background:#808184;
                    color:#fff;
                  }


                  /**************************** persona-services End ****************************/

                  /***************** persona-silo-tv/location Start *************/
                  .silo-tv-region-list div.spacing {
                    margin-bottom: 40px;
                  }
                  .silo-tv-region-list div h3 {
                    margin: 0px;
                    background: #0009;
                    color: #fff;
                    font-size: 22px;
                  }
                  .persona-silo-tv-location {
                    background-repeat: no-repeat !important;
                    background-size: cover !important;
                  }

                  /**************************** persona-silo-tv/location End ********************/

                  /**************************** persona-silo-tv/online Start ********************/

                  @media not all, (-webkit-transform-3d){
                    .silo-tv-search {
                      border: 1px solid #ff0000;
                    }
                  }


                  .silo-tv-search{
                    border: 1px solid #ff0000;
                  }
                  .silo-tv-online {
                    padding-top: 15px;
                  }
                  .silo-tv-online .page-tour {
                    display: flex;
                    align-items: center;
                  }

                  div#bg-color {
                    background: #3a3a3a;
                  }
                  #black-bg .x_title .btnRed{
                    margin: 5px 0px 5px 0px;
                  }
                  .silo-tv-region-list a{
                    color: #e8e8e8;
                    text-decoration: none;
                  }
                  li#list-height:hover {
                    background: linear-gradient(45deg, black, transparent);
                  }
                  #tv-channel-list li#list-height:active, 
                  #tv-channel-list li.active {
                    background: #131212 !important;
                  }

                  div#video-code {
                    color: #fff;
                    padding-right: 0px;
                    padding-left: 0px;
                    position: relative;
                  }
                  .external-control {
                    position: absolute;
                    bottom: 100px;
                    right: 3vh;
                    display: inline-block;
                  }
                  .external-control span.mdi {
                    font-size: 18px;
                    background-color: #1f1e1e;
                    padding: 8px 8px;
                    border-radius: 20px;
                  }
                  .type-tv-channel {
                    position: absolute;
                    top: 25px;
                    right: 2vh;
                  }
                  .small-1{
                    font-size: 12px;
                  }
                  .img-news{
                    padding:20px 20px;
                  }
                  .img-responsive {
                    display: block;
                    max-width: 100%;
                    /*max-height: 545px;                 */
                    margin: 0 auto;
                  }

                  .desktopChannelList{
                    padding: 0;
                  }
                  #tv_stream_video{
                    width: 100%;
                  }
                  .silo-tv-city div{
                    text-align: center;
                    background-color: #212936;
                    margin: 10px 0px;
                    min-height: 230px;
                  }
                  .silo-tv-city div h4,
                  .silo-tv-city div span{
                    color: #a7a7a7;
                  }
                  .silo-tv-city div h4:hover{
                    color: lightgray;
                  }
                  .list-group-item .silo-tv-channel-thumbnail{
                    width: 100%;

                  }
                  .persona-silo-tv-padding-right {
                    padding-right: 0;
                    padding-left: 0px;
                    margin-left: 5px;
                  }
                  .persona-silo-tv-online .col-md-12.silo-tv-channel-list.form-group {
                    padding: 0;
                  }

                  .persona-tv-online-pg #horz-channel-list .owl-nav ,
                  #persona-services .service-horz-carousel .owl-nav{
                    position: relative;
                    display: block;
                  }

                  /************ persona-silo-tv/online End ***************/

                  /************** persona-tv/online/1 start ************/
                  /*New TV UI code goes here */
                  .persona_tv_live .carousel-inner.vertical > .carousel-item {
                    -webkit-transition: .10s ease-in-out bottom;
                    -moz-transition: .10s ease-in-out bottom;
                    -o-transition: .10s ease-in-out bottom;
                    transition: .10s ease-in-out bottom;
                  }
                  .persona_tv_live div#video-code {
                    background: #191919;
                    color: #fff;
                  }

                  .persona_tv_live #carousel-pager .carousel-control.left,#carousel-pager .carousel-control.right{
                    width: 50px;
                    height: 50px;
                    position: absolute;
                    top: -37px;
                    left: 43% !important;
                    transform: translateX(-50%);
                  }

                  .persona_tv_live #carousel-pager .carousel-control.right {
                    top:unset;
                    bottom: -62px;
                    left:43%;
                    transform: translateX(-50%);
                  }

                  .persona_tv_live .left .glyphicon,.right .glyphicon{
                    position:absolute;
                    top:13px;
                    left:15px !important;
                    color:#fff;
                  }

                  .persona_tv_live .right .glyphicon{
                    top:16px;
                    left:15px;
                  }

                  .persona_tv_live .carousel-item img{
                   padding: 25px;
                   background-color: #222 !important;
                   margin:5px;
                 }

                 .persona_tv_live .carousel .carousel-inner .carousel-item>img{ 
                  display: block;
                  max-width: 100%;
                }

                .persona_tv_live  .carousel-inner.vertical > .carousel-item img{
                  background-color: #222 !important;
                  padding-top: 20px;
                  width: 160px;
                  height: 86px;
                  margin: 2px auto;
                }

                .persona_tv_live .carousel{
                  margin-top:0px;
                }

                .persona_tv_live .dropdown-menu{
                  background-color: #000!important;
                }

                .persona_tv_live .dropdown-menu>li>a:focus{
                  background-color: #222 !important;
                }

                .persona_tv_live .vista-tv-div  .col-md-11,
                .persona_tv_live .vista-tv-div .col-md-1{
                  padding: 0;
                }

                .persona_tv_live .btn:hover {
                  color: #fff !important;
                  text-decoration: none;
                }

                .persona_tv_live .triangle-up {
                  width: 0;
                  height: 0;
                  border-left: 30px solid transparent;
                  border-right: 30px solid transparent;
                  border-bottom: 15px solid #6E6E70;
                }

                .persona_tv_live .triangle-down {
                  width: 0;
                  height: 0;
                  border-left: 30px solid transparent;
                  border-right: 30px solid transparent;
                  border-top: 15px solid #6E6E70;
                }

                .persona_tv_live .caht_sender{
                  display: inline;
                  font-size: 16px;
                  margin-top: 8%!important;
                }
                .persona_tv_live .sender_nm,
                .persona_tv_live .reciver_nm{
                  font-size: 18px;
                  padding-left: 3%;
                  font-weight: 400;
                  color: #a9a9a9;
                  margin-top: 1%;
                }
                .persona_tv_live .tv_chat_box img,
                .persona_tv_live .tv_chat_box img{
                  width: 50px; margin-left: 2%;
                }

                .persona_tv_live .sender_search_box,
                .persona_tv_live .receiver_serch_box{
                  display: inline;
                  margin-left: 2%;
                  font-size: 20px;
                  height: 40px;
                  flex: 1;
                  background-color: #1E1B1C !important;
                  width: 100%;
                  border: 1px solid #565254 !important;
                }
                .persona_tv_live .tv_chat_box{
                  display: flex;
                }


                /**************************** persona-tv/online/1 End **********************/

                /**************************** persona-settings Start **************************/

                .persona-settings-search {
                  border-top-left-radius: 0.1875rem;
                  border-bottom-left-radius: 0.1875rem;
                }

                .persona-settings .bg-image-div .bg-image,
                .page-content-wrapper-admin .bg-image-div .bg-image{
                  height: 871px;
                  background-repeat: no-repeat;
                  background-size: contain;
                  background-position: center;
                }


                .ui-widget-content {
                  background: var(--bg-color-1);
                  color: var(--label-color);
                }
                .ui-widget.ui-widget-content {
                  border: none;
                }
                .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
                  border: none;
                  background: var(--bg-color-3);
                  font-weight: normal;
                  color: var(--label-color);
                }

                /*search close icon css start*/
        /*input#persona_setting_search::-webkit-search-cancel-button {
          -webkit-appearance: none;
        }

        #persona_setting_search:not(:valid) ~ .close-icon {
          display: none;
        }
        .close-icon:after {
         content: "\f00d";
          display: block;
          width: 15px;
          height: 15px;
          position: absolute;
          z-index:1;
          right: 35px;
          top: 0;
          bottom: 0;
          margin: auto;
          padding: 2px;
          border-radius: 50%;
          text-align: center;
          color: red;
          font-weight: normal;
          font-size: 12px;
          
          cursor: pointer;
          font-family: FontAwesome;
        }
        .close-icon {
          border: 1px solid transparent;
          background-color: transparent;
          display: inline-block;
          vertical-align: middle;
          outline: 0;
          cursor: pointer;
        }
        .close-icon{
          position: relative;
          padding: 10px;
          }*/
          /*search close icon css end*/
          /**************************** persona-settings End ****************************/

          /**************************** persona-chat starts ****************************/

          div#plandetails {
            padding: 15px 0;
          }
          ul.nav.nav-pills.first-navtab {
            width: 100%;
            border-bottom: 1px solid #6f6f6f;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 15px;
          }
          .card.debit-credit-payment {
            background-color: transparent;
          }
          .silo-token-payment input[type="radio"] {
            position: absolute;
            opacity: 0;
            cursor: pointer;
          }
          .silo-token-payment li {
            position: relative;
            display: inline-block;
          }
          .silo-token-payment span.checkmark1 {
            position: absolute;
            top: 2px;
            left: 0;
            height: 18px;
            width: 18px;
            background-color: #bdbdbd;
            border-radius: 50%;
          }
          .silo-token-payment .checkmark1:after {
            top: 5px;
            left: 5px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            content: "";
            position: absolute;
          }
          .silo-token-payment label.container.radioLabel {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-top: 10px;
            margin-bottom: 10px;
            cursor: pointer;
            font-size: 17px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
          }
          .silo-token-payment ul {
            list-style: none;
            padding: 0;
          }
          .payment-inner-tabs {
            padding: 0px 0 20px;
            width: 100%;
            position: relative;
            border-bottom: none !important;
          }
          #buyStorageModal .payment-inner-tabs a.active{
            color: var(--secondary-color)!important;
          }
          #buyStorageModal .nav-pills li ,.payment-inner-tabs li,
          #buyTokensModal .nav-pills li ,.payment-inner-tabs li,
          #upgradeFoldersModal .nav-pills li ,.payment-inner-tabs li,
          #upgradeSMSPlan .nav-pills li ,.payment-inner-tabs li,
          #upgradeEmailPlan .nav-pills li ,.payment-inner-tabs li,
          #payNowModal .nav-pills li ,.payment-inner-tabs li{
            width: 33%;
            padding: 5px 5px;
            flex: 1 1 auto;
          }
          #buyStorageModal .nav-pills li .mdi{
            padding: 0 8px;
          }
          #payNowModal .first-navtab .mdi {
            padding-right: 5px;
          }
          #payNowModal .first-navtab.nav-pills li.active ,
          #buyTokensModal ul.nav-pills.first-navtab li.active,
          #upgradeFoldersModal ul.nav-pills.first-navtab li.active,
          #upgradeSMSPlan ul.nav-pills.first-navtab li.active,
          #upgradeEmailPlan ul.nav-pills.first-navtab li.active,
          #buyStorageModal ul.nav-pills.first-navtab li.active{
            border-bottom: 2px solid var(--secondary-color)!important;
            position: relative;
            top: 1px;
          }
          .pland-btn {
            margin: 15px;
          }
          .payment-inner-tabs .registration-step-circle-icon {
            position: relative;
            padding: 8px;
            text-align: center;
            border-radius: 30px;
            font-weight: 700;
            font-size: 17px;
            background: #d9d9d9;
            color: #ffffff;
            line-height: 50px;
            width: 30px;
            height: 30px;
            line-height: 35px;
            margin-right: 15px;
          }
          .payment-inner-tabs .registration-step-circle-icon:before {
            z-index: 0;
            content: '';
            display: block;
            position: absolute;
            bottom: -8px;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -15px;
            border-left: 16px solid transparent;
            border-right: 15px solid transparent;
            border-top: 19px solid #d9d9d9;
          }
          .silo-token-payment li .container:hover input ~ .checkmark1 {
            background-color: #ccc;
          }
          .silo-token-payment li .container input:checked ~ .checkmark1 {
            background-color: #808184;
          }
          .silo-token-payment li .container input:checked ~ .checkmark1:after {
            display: block;
            background-color: #fff;
          }
          
          .pin-credential-inputs {
            display: flex;
            flex-wrap: wrap;
          }
          .pin-credential-inputs input {
            width: 80px;
          }
          .pin-credential-inputs input:focus {
            outline: none;
          }

          
          /**************************** persona-chat End ****************************/
          /**************************** persona-stories Start ****************************/

          
          #addBlogModal .modal-body {
            height: 540px;
            padding: 1rem;
          }
          .video_blogs .audio_panel h6 {
            color: var(--label-color);
            font-size: 14px;
          }

          /**************************** persona-stories End ****************************/

          input#channel_name {
            background: transparent;
            border-bottom: 1px solid #484848;
            box-shadow: none;
            border-top: none;
            border-left: none;
            border-right: none;
            color: #fff;
          }

          .persona-app-row .nav-item a {
            text-decoration: none !important;
          }
          .persona-app-row .nav-item p {
            font-size: 10px;
            color: #fff;
            text-align: center;
          }
          .persona-app-row .nav-item {
            text-align: center;
            padding: 3px;
            cursor: pointer;
          }
          .persona-app-row .persona-app {
            background-image: linear-gradient(to bottom right, #ff0000, #ff0000);
            padding: 8px;
            height: 100%;
          }
          div#align:hover,
          div#align1:hover {
            -webkit-animation: flip 1s;
            animation: flip 1s;
          }
          .persona-app i{
            color: #fff;
          }


          /****************************** code for community page start ***************************/
          .mCustomScrollbar {
            /*overflow: hidden;*/
            overflow-y: auto;
            max-height: 330px;
            padding: -1px 0 20px 20px !important;
            margin: 0; 
          }


          .panel-body {
            padding: 5px;
          }

          .panel-footer {
            padding: 0px 15px;
            background-color: #f5f5f5;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
          }

          .panel-heading {
           border-bottom: 1px solid transparent;
           border-top-left-radius: 3px;
           border-top-right-radius: 3px;
         }



         .open>.dropdown-menu {
          display: block !important;
        }
        .col-md-5.latestSectionWrap {
          background: #201e1e;
          max-height: 725px;
        }

        /****************************** code for community page end ***************************/

        /********************** SearchBox code start *************************/
        #custom-search-input {
          margin:0;
          padding: 0;
        }

        #custom-search-input #channel_name_search,
        .tv-footer-search .persona_tv_to_user_search{
          color: #fff;
          border: transparent;
          background: #0a0a0a;
          width: 100%;
        }

        .search_title {
          font-size: 24px;
          color: #656565;
          font-weight: 500;
        }
        #custom-search-input .search-query {
          padding-right: 4px \9;
          padding-left: 4px \9;
          margin-bottom: 0;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border: 1px solid #ff0000;
        }
        select.silo-tv-online-input
        {
          border: 1px solid #ff0000;
        }
        #custom-search-input button {
          position: relative;
          left: -28px;
          margin-bottom: 0;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          color:#ff0000;
          font-size: 17px;
        }
        .search-query:focus + button {
          z-index: 3;   
        }



        /********************** SearchBox code end *************************/
        /******************************* Service Page code start ***********************/
        .dashboardServicesWrap .description {
          margin-bottom: 20px;
        }

        .from-top {
          margin-top: 20px;
        }
        p.service-heading {
          color: #999999;
          padding-left: 11px;
        }

        /******************************* Service Page code end ***********************/

        .has-search .form-control {
          padding-left: 2.375rem;
        }
        .has-search .form-control {
          padding-left: 2.375rem;
        }

        .has-search .form-control-feedback {
          position: absolute;
          z-index: 2;
          display: block;
          width: 2.375rem;
          height: 2.375rem;
          line-height: 2.375rem;
          text-align: left;
          pointer-events: none;
          color: #555;
        }
        h2.settings-head {
          color: #555;
        }
        .btn-secondary {
          color: #fff;
          background-color: #eb1f2e;
          border-color: #eb1f2e;
        }
        .services-section {padding-top:60px; padding-bottom:60px;background:#e2e2e2;}

        .service-content p {text-align: left; margin-bottom: 7px;font-size: 12px;color: #555;}

        .page-body-wrapper {
          min-height: calc(100vh - 101px);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          padding-left: 0;
          padding-right: 0;
          background: #2e2e2e; 
        }
        .page-body-wrapper.full-page-wrapper {
          width: 100%;
          min-height: 100vh; 
        }
        /* code by kapil 16/10/2019 */
        .container-fluid.container-scroller {
          background: #eaeaea;
        }
        .background-box {
          background: #96989a;
          padding: 10px;
        }
        /*********************** persona Home Page code ************************************/

        /********************** Scrollbar code *************************/
        body::-webkit-scrollbar {
          width: 1em;
        }

        body::-webkit-scrollbar-thumb {
          background-color: transparent;
          outline: 1px solid slategrey;
        }
        ul#tv-channel-list::-webkit-scrollbar {
          width: 10px;
        }
        /* Handle */
        ul#tv-channel-list::-webkit-scrollbar-thumb {
          background: #888; 
        }

        /* Handle on hover */
        ul#tv-channel-list::-webkit-scrollbar-thumb:hover {
          background: #555; 
        }
        /************* code for div scrollbar ***************/

        .overflow::-webkit-scrollbar,
        .panel.topBorderPatch.scroll-bar::-webkit-scrollbar
        {
          width: 9px;
        }

        .overflow::-webkit-scrollbar-thumb,
        .panel.topBorderPatch.scroll-bar::-webkit-scrollbar-thumb
        {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
          background-color: #a9a9a9;
        }


        /* Aayesha 04/12/2019 */
        .point {
          margin-bottom: 20px;
          border-bottom: 1px solid #ddd;
          padding-bottom: 20px;
          position: relative;
          cursor: pointer;
        }


        /***************** Chat application on persona-community page Aayesha 04/12/2019 *****************/



        .priceplanimage .thumbImageContainer, .storeBuilderWrap .storeImageContainer, 
        .editProfileWrap .projectImageContainer, .editProfileWrap .creativeImageContainer, 
        .storeBuilderWrap .thumbImageContainer , #persona_dashboard_form .dashboardImageContainer , #complete-profile-modal .cupImgContainer{
          position: relative;
          text-align: center;
          height: 400px;
          border: 4px solid #CCCCCC;
        }
        li#list-height:hover {
          background: linear-gradient(45deg, black, transparent);
        }
        #silo-chat-user-list li.list-height p{
          text-align: left;
          color: #fff;
          margin-left: 0!important;
        }

        #silo-chat-user-list li.list-height {
          padding: 10px;
          border: none;
          margin: initial;
          background: transparent;
          cursor: pointer;
        }

        #silo-chat-user-list li.list-height:hover{
          background: #000 !important;
        }

        #silo-chat-user-list li.list-group-item .channel-label .label-success{
          color: #fff;
          height: 10px;
          width: 10px;
          border-radius: 50%;
          font-size: small;
          display: inline-block;
          float: right;
        }

        #silo-chat-user-list li:hover ,#all-users-search-list div.list-group-item:hover,
        #call-log div.list-group-item:hover{
          opacity: 0.6;
          background: var(--bg-color-3) !important;
          cursor:pointer;
        }

        #silo-chat-user-list li.list-height .silo-chat-user-thumbnail{
          height: auto;
          width: 45px;
          height: 45px;
          border-radius: 50%;
        }
        .mar15
        {
          margin-top: 15px;
        }

        .col-md-2.silo-chat-connections{
          background: #252525;
          padding: unset;
          max-height: 780px;
        }
        .col-md-2.silo-chat-connections .silo-chat-search{
          padding: 10px 0 10px 0;
        }

        .col-md-2.silo-chat-connections .silo-chat-search input{
          border-top-left-radius: 0.1875rem;
          border-bottom-left-radius: 0.1875rem;
          color: #fff;
          background: transparent;
        }
        .col-md-2.silo-chat-connections .silo-chat-search #silo-chat-search-box{
          padding: 0 7px;
        }

        .active_chat .dot{
          height: 10px;
          width: 10px;
          border-radius: 50%;
          float: left;
          margin-top: 1%;
        }

        .start_chat .dot {
          height: 10px;
          width: 10px;
          border-radius: 50%;
          display: inline-block;
          /*float: right;*/
          position: absolute;
          bottom: 0;
          right: 0;
        }
        .chat_message_area
        {
          position: relative;
          width: 100%;
          height: auto;
          background-color: #FFF;
          border: 1px solid #CCC;
          border-radius: 3px;
        }

        #group_chat_message
        {
          width: 100%;
          height: auto;
          min-height: 80px;
          overflow: auto;
          padding:6px 24px 6px 12px;
        }

        .image_upload
        {
          position: absolute;
          top: 426px;
          right: 45px;
        }
        .image_upload > form > input
        {
          display: none;
        }

        .image_upload img
        {
          width: 24px;
          cursor: pointer;
        }



        /********************** this code is for persona community we chat demo ********************/
        .col-md-7.padding-none.text-center {
          padding: 0px;
        }
        .we-chat-window {
          height: 100%;
          width: auto;
        }
        .member_list {
          height: 380px;
          overflow-x: hidden;
          overflow-y: auto;
        }
        .member_list ul {
          border: 1px solid #dddddd;
        }
        .member_list li {
          border-bottom: 1px solid #dddddd;
          padding: 6px;
        }
        .chat-img img {
          height: 34px;
          width: 34px;
        }
        .member_list .chat-body {
          margin-left: 47px;
          margin-top: 0;
        }
        .member_list .contact_sec {
          margin-top: 3px;
        }
        .new_message_head {
          background: #f5f3f3 none repeat scroll 0 0;
          float: left;
          font-size: 13px;
          font-weight: 600;
          padding: 18px 10px;
          width: 100%;
        }
        .all_conversation button {
         background: #f5f3f3 none repeat scroll 0 0;
         border: 1px solid #dddddd;
         height: 38px;
         text-align: left;
         width: 100%;
       }
       .all_conversation i {
         background: #e9e7e8 none repeat scroll 0 0;
         border-radius: 100px;
         color: #636363;
         font-size: 17px;
         height: 30px;
         line-height: 30px;
         text-align: center;
         width: 30px;
       }
       .all_conversation .caret {
         bottom: 0;
         margin: auto;
         position: absolute;
         right: 15px;
         top: 0;
       }
       .all_conversation .dropdown-menu {
         background: #f5f3f3 none repeat scroll 0 0;
         border-radius: 0;
         margin-top: 0;
         padding: 0;
         width: 100%;
       }
       .all_conversation ul li {
         border-bottom: 1px solid #dddddd;
         line-height: normal;
         width: 100%;
       }
       .all_conversation ul li a:hover {
         background: #dddddd none repeat scroll 0 0;
         color:#333;
       }
       .all_conversation ul li a {
        color: #333;
        line-height: 30px;
        padding: 3px 20px;
      }
      .member_list .chat-body {
       margin-left: 47px;
       margin-top: 0;
     }
     .top_nav {
       overflow: visible;
     }
     .member_list .contact_sec {
       margin-top: 3px;
     }
     .member_list li {
       padding: 6px;
     }
     .member_list ul {
       border: 1px solid #dddddd;
     }
     .chat-img img {
       height: 34px;
       width: 34px;
     }

     .member_list li {
       border-bottom: 1px solid #dddddd;
       padding: 6px;
     }
     .member_list li:last-child {
       border-bottom:none;
     }
     .member_list {
       height: 380px;
       overflow-x: hidden;
       overflow-y: auto;
     }
     .sub_menu_ {
      background: #e8e6e7 none repeat scroll 0 0;
      left: 100%;
      max-width: 233px;
      position: absolute;
      width: 100%;
    }
    .sub_menu_ {
      background: #f5f3f3 none repeat scroll 0 0;
      border: 1px solid rgba(0, 0, 0, 0.15);
      display: none;
      left: 100%;
      margin-left: 0;
      max-width: 233px;
      position: absolute;
      top: 0;
      width: 100%;
    }
    .all_conversation ul li:hover .sub_menu_ {
      display: block;
    }
    .new_message_head button {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: medium none;
    }
    .new_message_head {
      background: #f5f3f3 none repeat scroll 0 0;
      float: left;
      font-size: 13px;
      font-weight: 600;
      padding: 18px 10px;
      width: 100%;
    }
    .message_section {
      border: 1px solid #dddddd;
    }
    .chat_area {
      float: left;
      height: 300px;
      overflow-x: hidden;
      overflow-y: auto;
      width: 100%;
    }
    .chat_area li {
      padding: 14px 14px 0;
    }
    .chat_area li .chat-img1 img {
      height: 40px;
      width: 40px;
    }
    .chat_area .chat-body1 {
      margin-left: 50px;
    }
    .chat-body1 p {
      background: #fbf9fa none repeat scroll 0 0;
      padding: 10px;
    }
    .chat_area .admin_chat .chat-body1 {
      margin-left: 0;
      margin-right: 50px;
    }
    .chat_area li:last-child {
      padding-bottom: 10px;
    }
    .message_write {
      background: #f5f3f3 none repeat scroll 0 0;
      float: left;
      padding: 15px;
      width: 100%;
    }

    .message_write textarea.form-control {
      height: 70px;
      padding: 10px;
    }
    .chat_bottom {
      float: left;
      margin-top: 13px;
      width: 100%;
    }
    .upload_btn {
      color: #777777;
    }
    .sub_menu_ > li a, .sub_menu_ > li {
      float: left;
      width:100%;
    }
    .member_list li:hover {
      background: #428bca none repeat scroll 0 0;
      color: #fff;
      cursor:pointer;
    }


    #group_details .form-group {
      margin-bottom: 8px;
    }
    .searchicon-follower .fa-search {
      position: absolute;
      left: 10px;
      z-index: 8;
      top: 10px;
      color: var(--label-color);
    }
    #silo-chat-user-list-member .gr_member_label:hover {
      background-color: #25262b;
    }
    .bg-input-dark:not(:focus){
      border: none;
    }
    .bg-input-dark:focus{
      outline: none;
      border: none;
      box-shadow: none;
    }

    .modal.fade.show {
      padding-left: 0 !important;
    }

    /*persona share cloud start*/
    .persona-cloud-share table td, .persona-cloud-share table th{
      color: var(--label-color);
    }

    .persona-cloud-share #shareFolderModal #cloud-share-user-list {
      height: 50vh;
      /*overflow-y: scroll;*/
    }

    /* persona share cloud end */

    /******************** end of code *********************/


    /* all user profiles */

    .persona-all-user-profiles #profiles_list .text-center ,
    .persona-dashboard #featured_users_list .text-center {
      padding: 20px 0;
    }    
    .persona-all-user-profiles .musicianWrap .musicianImageName img ,
    .persona-dashboard .musicianWrap .musicianImageName img {
      -webkit-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      width: 150px;
      height: 150px;
      margin-bottom: 15px;
    }
    .persona-all-user-profiles ul.socialShareWrap ,
    .persona-dashboard ul.socialShareWrap {
      justify-content: center;
      margin-bottom: 7px;
    }
    .persona-all-user-profiles .musicianWrap .btn ,
    .persona-dashboard .musicianWrap .btn {
     width: 100px;
     font-weight: 500;
     font-size: 12px;
     margin: 0 5px;
   }
   .persona-all-user-profiles #profiles_list .profile-item ,
   .persona-persona #featured_users_list .profile-item {
    border: none !important;
    background-color: transparent;
    /*padding: 13px;*/
  }

  .persona-all-user-profiles .profile-item ,
  .persona-dashboard .profile-item {
    text-align: center; 
    position: relative;
    cursor: pointer;  
    perspective: 500px; 
  }

  .persona-all-user-profiles .profile-item strong,
  .persona-dashboard .profile-item strong,
  .persona-all-user-profiles .profile-item p,
  .persona-dashboard .profile-item p{
    color: #000;
    font-size: 13px;
    line-height: 20px;
  }

  .persona-all-user-profiles .profile-item .musicianWrap img ,
  .persona-dashboard .profile-item .musicianWrap img {
    display: block;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 35%;
    padding-bottom: 10px;
  }
  .persona-all-user-profiles .profile-item .details {
    width: 77%;
    height: auto;
    padding: 4% 5%;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateY(90deg);
    transform-origin: 50%;
    background: rgba(255,255,255,80%);
    opacity: 0;
    transition: all 0.4s ease-in;
  }

  .persona-all-user-profiles .profile-item:hover .details {
    transform: translate(-50%, -50%) rotateY(0deg);
    opacity: 1;
  }
  .persona-all-user-profiles #content {
    /*position: relative;
    height: 45px;
    width: 100%;
    top: 34px;
    left: 0;
    transform: translate(0,-48%);*/
    position: fixed;
    height: 50px;
    width: 24%;
    top: 79px;
    left: 72px;
    transform: translate(0,-48%);
  }

  .persona-all-user-profiles #content.on {
    -webkit-animation-name: in-out;
    animation-name: in-out;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }

  .persona-all-user-profiles #content input {
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 2px solid var(--label-color);
    border-radius: 50%;
    background: none;
    color: var(--label-color);
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    -webkit-transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
    transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }

  .persona-all-user-profiles .search {
    background: none;
    position: absolute;
    top: 10px;
    left: 35px;
    height: 48px;
    width: 53px;
    padding: 0;
    border-radius: 100%;
    outline: 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transform: translate(-100%, -52%);
    -ms-transform: translate(-100%, -52%);
    transform: translate(-100%, -52%);
  }

  .persona-all-user-profiles .search:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 3px;
    background-color: var(--label-color);
    -webkit-transform: rotate(137deg);
    -ms-transform: rotate(137deg);
    transform: rotate(137deg);
    margin-top: 10px;
    margin-left: -20px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }

  .persona-all-user-profiles .close {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }

  .persona-all-user-profiles .close:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    margin-top: 7px;
    margin-left: -2px;
    background-color: var(--label-color);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }

  .persona-all-user-profiles .close:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: var(--label-color);
    margin-top: 7px;
    margin-left: -3px;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .persona-all-user-profiles #content .square {
    box-sizing: border-box;
    padding: 0 15px 0 30px;
    width: 100%;
    height: 35px;
    border: 2px solid var(--label-color);
    border-radius: 5px;
    background: none;
    color: var(--label-color);
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    -webkit-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
    transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
    -webkit-transition-delay: 0.4s, 0s, 0.4s;
    transition-delay: 0.4s, 0s, 0.4s;

  }
  /* all profile user page end */
  
  /* New all profile user page Start */
  .persona-user-profile .user-detail-section{
    background: #323137;
    color: #ffffff;
  }
  .persona-user-profile .container{
    padding: 20px 20px 45px 20px;
    margin-top: 40px;
  }
  .persona-user-profile .container .intro-content{
    min-height: 310px;
  }
  .persona-user-profile .person-avatar{
    float: right;
    width: 310px;
    min-width: 310px;
    height: 310px;
    margin-left: 40px;
  }
  .persona-user-profile .person-avatar img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
  } 

  .persona-user-profile .profile-desc .address{
    list-style: none;
    padding: 0;
    margin : 20px 0px;
  }
  .persona-user-profile .profile-desc .about-me{
    font: 13px/1.5 'ProximaNova', Arial, Helvetica, sans-serif;
  }
  .persona-user-profile .profile-desc .user-name,
  .persona-user-profile .user-info-section .section-title{
    font-weight: 300;
  }
  .persona-user-profile .profile-desc .address li{
    display: inline-block;
  }


  .persona-user-profile .user-info-section .social-information {
    margin: -45px 0 25px;
    padding: 16px 30px;
    background: var(--navbar-bg-color,#000);
    width: 100%;
    box-shadow: 2px 0 10px rgb(255 255 255 / 20%);
  }
  .persona-user-profile .user-info-section .social-info-content{
    display: flex;
    align-items: center;
  }
  .persona-user-profile .user-info-section  .total .count{
    font-size: 48px;
    font-weight: 300;
  }
  .persona-user-profile .user-info-section .influence  {
    flex-grow: 2;
    margin: 0;
    list-style: none;   
    display: flex;
    align-items: center;
    margin-left: 8%;
  }

  .persona-user-profile .user-detail-section .influence {
    margin: 0;
    list-style: none;
    width: 50%;
    align-items: center;
    display: inline;
  }
  .persona-user-profile .user-detail-section .influence .line{
    display: flex;
  }
  .persona-user-profile .user-info-section .influence li {
    display: inline-block;
    width: 25%;
    padding: 10px 5px;

  }
  .persona-user-profile .user-detail-section .influence li {
    display: block;
    width: 52%;
    padding: 3px 5px;
  }
  .persona-user-profile .user-info-section .influence a .icon {
    float: left;
    font-size: var(--icon-social-fz-4, 36px);
    margin: 4px 9px 0 0;
    cursor: pointer;
  }
  .persona-user-profile .user-detail-section .influence a .icon  {
    float: left;
    font-size: var(--icon-social-fz-4, 24px);
    cursor: pointer;
    margin-right: 10px;
    margin-top: 5px;
  }
  .persona-user-profile .user-detail-section .influence a .active {
   color: var(--default-btn-bg-color,#fff) !important;
 }
 .persona-user-profile .user-info-section .influence a .icon:hover {
  /*color: #232020;*/
  opacity: 0.7;
}
.persona-user-profile .user-info-section .influence .count {
  font-size: 20px;
  margin: 0 0 -5px;
  line-height: 27px;
}
.persona-user-profile .user-detail-section .influence .count {
  font-size: 14px;
  margin: 0 0 -5px;
  line-height: 20px;
}
.persona-user-profile .user-detail-section .emphasis{
  padding-top: 35px;
  padding-left: 43px;
}

/* New all profile user page end */

.pictureContainer .coverImageWrap img {
  width: 100%;
  height: 179px;
}


.contact_share_div .card{
  background: var(--bg-color-2);
  border: 0;
  margin-top: 5px;
  border-radius: 10px;
}
.contact_share_div .card-img-top{
  width: 70px;
  margin: auto;
  border-radius: 50%;
  height: 70px;
  margin-top: 10px;
}

/* Campaign css start */

/* Text Message css start */

/* Text Message css end */

/**********Code below this line Needs to be reviewed (Old code for reference)**********/

/* Pagination by Aayesha  22/01/2020; */

.registration-steps-page-container-persona {
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0, 0.05);
  box-shadow: -15px 26px 30px rgba(0,0,0, 0.09);
  max-width: 500px;
  margin: 0 auto;
}
/*  Pagination by Aayesha end*/
/********* Chat Window in Persona Silo Tv 29/01/2020 start ************/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

.popup-box {
  background-color: #ffffff;
  border: 1px solid #b0b0b0;
  bottom: 0;
  display: none;
  height: 415px;
  position: fixed;
  right: 460px;
  width: 300px;
  font-family: 'Open Sans', sans-serif;
}
.round.hollow {
  margin: 40px 0 0;
}
.round.hollow a {
  border: 2px solid #ff6701;
  border-radius: 35px;
  color: red;
  color: #ff6701;
  font-size: 23px;
  padding: 10px 21px;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
}
.round.hollow a:hover {
  border: 2px solid #000;
  border-radius: 35px;
  color: red;
  color: #000;
  font-size: 23px;
  padding: 10px 21px;
  text-decoration: none;
}
.popup-box-on {
  display: block !important;
}
.popup-box .popup-head {
  background-color: #fff;
  clear: both;
  color: #7b7b7b;
  display: inline-table;
  font-size: 21px;
  padding: 7px 10px;
  width: 100%;
  font-family: Oswald;
}
.bg_none i {
  border: 1px solid #ff6701;
  border-radius: 25px;
  color: #ff6701;
  font-size: 17px;
  height: 33px;
  line-height: 30px;
  width: 33px;
}
.bg_none:hover i {
  border: 1px solid #000;
  border-radius: 25px;
  color: #000;
  font-size: 17px;
  height: 33px;
  line-height: 30px;
  width: 33px;
}
.bg_none {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
}
.popup-box .popup-head .popup-head-right {
  margin: 11px 7px 0;
}

.popup-head-left img {
  border: 1px solid #7b7b7b;
  border-radius: 50%;
  width: 44px;
}
.popup-messages-footer > textarea {
  border-bottom: 1px solid #b2b2b2 !important;
  height: 34px !important;
  margin: 7px;
  padding: 5px !important;
  border: medium none;
  width: 95% !important;
}
.popup-messages-footer {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  padding-bottom: 45px;
}
.popup-messages-footer .btn-footer {
  overflow: hidden;
  padding: 2px 5px 10px 6px;
  width: 100%;
}
.simple_round {
  background: #d1d1d1 none repeat scroll 0 0;
  border-radius: 50%;
  color: #4b4b4b !important;
  height: 21px;
  padding: 0 0 0 1px;
  width: 21px;
}

.popup-box .popup-messages {
  background: whitesmoke none repeat scroll 0 0;
  height: 275px;
  overflow: auto;
}
.direct-chat-messages {
  overflow: auto;
  padding: 10px;
  transform: translate(0px, 0px);
}
.popup-messages .chat-box-single-line {
  border-bottom: 1px solid #a4c6b5;
  height: 12px;
  margin: 7px 0 20px;
  position: relative;
  text-align: center;
}
.popup-messages abbr.timestamp {
  background: whitesmoke none repeat scroll 0 0;
  color: #fff;
  padding: 0 11px;
}

.popup-head-right .btn-group {
  display: inline-flex;
  margin: 0 8px 0 0;
  vertical-align: top !important;
}
.chat-header-button {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #636364;
  border-radius: 50%;
  font-size: 14px;
  height: 30px;
  width: 30px;
}
.popup-head-right .btn-group .dropdown-menu {
  border: medium none;
  min-width: 122px;
  padding: 0;
}
.popup-head-right .btn-group .dropdown-menu li a {
  font-size: 12px;
  padding: 3px 10px;
  color: #303030;
}

.popup-messages abbr.timestamp {
  background: #3f9684  none repeat scroll 0 0;
  color: #fff;
  padding: 0 11px;
}
.popup-messages .chat-box-single-line {
  border-bottom: 1px solid #a4c6b5;
  height: 12px;
  margin: 7px 0 20px;
  position: relative;
  text-align: center;
}

.popup-messages .direct-chat-messages {
  height: auto;
}
.popup-messages .direct-chat-text {
  background: #dfece7 none repeat scroll 0 0;
  border: 1px solid #dfece7;
  border-radius: 2px;
  color: #1f2121;
}

.popup-messages .direct-chat-timestamp {
  color: #fff;
  opacity: 0.6;
}

.popup-messages .direct-chat-name {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 0 49px !important;
  color: #fff;
  opacity: 0.9;
}
.popup-messages .direct-chat-info {
  display: block;
  font-size: 12px;
  margin-bottom: 0;
}
.popup-messages  .big-round {
  margin: -9px 0 0 !important;
}
.popup-messages  .direct-chat-img {
  border: 1px solid #fff;
  background: #3f9684  none repeat scroll 0 0;
  border-radius: 50%;
  float: left;
  height: 40px;
  margin: -21px 0 0;
  width: 40px;
}
.direct-chat-reply-name {
  color: #fff;
  font-size: 15px;
  margin: 0 0 0 10px;
  opacity: 0.9;
}

.direct-chat-img-reply-small
{
  border: 1px solid #fff;
  border-radius: 50%;
  float: left;
  height: 20px;
  margin: 0 8px;
  width: 20px;
  background:#3f9684;
}

.popup-messages .direct-chat-msg {
  margin-bottom: 10px;
  position: relative;
}

.popup-messages .doted-border::after {
  background: transparent none repeat scroll 0 0 !important;
  border-right: 2px dotted #fff !important;
  bottom: 0;
  content: "";
  left: 17px;
  margin: 0;
  position: absolute;
  top: 0;
  width: 2px;
  display: inline;
  z-index: -2;
}

.popup-messages .direct-chat-msg::after {
  background: #fff none repeat scroll 0 0;
  border-right: medium none;
  bottom: 0;
  content: "";
  left: 17px;
  margin: 0;
  position: absolute;
  top: 0;
  width: 2px;
  display: inline;
  z-index: -2;
}
.direct-chat-text::after, .direct-chat-text::before {
  border-color: transparent #dfece7 transparent transparent;

}
.direct-chat-text::after, .direct-chat-text::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #d2d6de transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: medium;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: 15px;
  width: 0;
}
.direct-chat-text::after {
  border-width: 5px;
  margin-top: -5px;
}
.popup-messages .direct-chat-text {
  background: #dfece7 none repeat scroll 0 0;
  border: 1px solid #dfece7;
  border-radius: 2px;
  color: #1f2121;
}
.direct-chat-text {
  background: #d2d6de none repeat scroll 0 0;
  border: 1px solid #d2d6de;
  border-radius: 5px;
  color: #444;
  margin: 5px 0 0 50px;
  padding: 5px 10px;
  position: relative;
}
/********* Chat Window in Persona Silo Tv 29/01/2020 end *********/
/*
border-color: transparent #dfece7 transparent transparent;

}*/
.direct-chat-text::after, .direct-chat-text::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #d2d6de transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: medium;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: 15px;
  width: 0;
}
.direct-chat-text::after {
  border-width: 5px;
  margin-top: -5px;
}
.popup-messages .direct-chat-text {
  background: #dfece7 none repeat scroll 0 0;
  border: 1px solid #dfece7;
  border-radius: 2px;
  color: #1f2121;
}
.direct-chat-text {
  background: #d2d6de none repeat scroll 0 0;
  border: 1px solid #d2d6de;
  border-radius: 5px;
  color: #444;
  margin: 5px 0 0 50px;
  padding: 5px 10px;
  position: relative;
}
/********* Chat Window in Persona Silo Tv 29/01/2020 end *********/
/* Subscription css start */
.subscribeHeroSection {
  background: rgba(0,0,0,0.3) url('../images/subscription/shop-lp-hero-image.png') no-repeat center center/contain;
  height: 375px;
  color: #fff;
}
.subscribeHeroSection .heading {
  font-size: 36px;
  font-weight: 700;
  padding: 0 8%;
  margin-top: 50px;
}
.subscribeHeroSection .viewMore {
  color: #000;
  margin-top: 8px;
}
.subscribeShowPrice {
  background-color: #aaaaaa;
  border-top: 1px solid #7F7F7F;
  padding: 15px 0;
  font-size: 22px;
}
.subscribeShowPrice p,
.subscribeRedStrip p {
  margin-bottom: 0;
}
.subscribeRedStrip {
  background-color: #FF0000;
  color: #fff;
  padding: 10px 0;
}

.subscribePlanSection .horizontalScroll {
  height: 50px;
}
.subscribePlanSection .horizontalScroll .nav-tabs {
  width: 5800px;
}
.subscribePlanSection .tab-content {
  padding-top: 20px;
}
.subscribePlanSection .panel {
  border: 1px solid #ddd;
}
.subscribePlanSection .planAmtWrap {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: 1px solid #ddd;
  text-align: center;
  margin: 0 auto -50px;
  background: #fff;
  font-size: 14px;
  padding-top: 20px;
  color: black;
}
.subscribePlanSection .planAmtWrap .amt {
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  color: black;
}
.subscribePlanSection .plan1 .panel-heading {
  background-color: #ed1b24;
}
.subscribePlanSection .plan2 .panel-heading {
  background-color: #f15a25;
}
.subscribePlanSection .plan3 .panel-heading {
  background-color: #9a0000;
}
.subscribePlanSection .planName {
  text-transform: uppercase;
  color: #fff;
  font-size: 22px;
  margin: 20px 0;
}
.subscribePlanSection .panel ul {
  margin: 55px 0 34px 15px;
  color: black;
}
.subscribePlanSection .panel ul li {
  margin-bottom: 8px;
}
.subscribePlanSection .panel ul li:before {
  background: #333;
}
.subscribePlanSection .btn {
  padding: 8px 30px;
}
.wirelesServicesInfo .rpDigitelLogo {
  margin-bottom: 25px;
}
.wirelesServicesInfo .whyRP {
  font-size: 29px;
  line-height: 31px;
  color: #616161;
  font-weight: 700;
}
.wirelesServicesInfo .reImagine {
  font-size: 49px;
  line-height: 51px;
  color: #FF0000;
  font-weight: 700;
  margin-bottom: 30px;
}
.wirelesServicesInfo a {
  color: #FF0000;
  font-weight: 600;
  margin-bottom: 50px;
  display: block;
}
.wirelesServicesInfo .btn {
  padding: 10px 55px;
  border-radius: 25px;
  text-transform: uppercase;
}
/* Subscription css end */

/* Checkout css start */
.checkoutHeroWrap {
  background: rgba(0,0,0,0.3) url(../images/checkout-banner.jpg) no-repeat center center/cover;
  height: 250px;
  color: #fff;
  position: relative;
}
.checkoutHeroWrap:before {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(0,0,0,0.5);
}
.checkoutHeroWrap .heading {
  font-size: 36px;
  margin-top: 9%;
  text-transform: uppercase;
  font-weight: 700;
}
.checkoutWrap {
  padding: 30px 0;
}
.checkoutWrap .nav-tabs li {
  cursor: pointer;
}
.checkoutWrap .nav-tabs li.active {
  cursor: auto;
}
.checkoutWrap .nav-tabs li i {
  margin-right: 5px;
  vertical-align: middle;
}
.checkoutWrap .tab-content {
  padding-top: 25px;
}
.checkoutWrap .securityCode .popover {
  min-width: 400px;
  font-size: 12px;
}
.checkoutWrap .radio-inline .radio-inline {
  margin-left: 20px;
}
.checkoutWrap #paymentDetailsForm .silWalletInfo {
  display: none;
}
.checkoutWrap .orderSummary .heading {
  margin: 0 0 20px;
  text-align: center;
}
.checkoutWrap .orderSummary .table {
  margin-bottom: 0;
}
.checkoutWrap .orderSummary .table td,
.checkoutWrap .orderSummary .table th {
  padding: 15px 8px;
}
.checkoutWrap .thankYou {
  border: 1px solid #ddd;
  margin: 25px 0;
  padding: 15px;
  line-height: 24px;
  background-color: #fff;
  position: relative;
}
.checkoutWrap .thankYou .heading {
  position: absolute;
  top: -26px;
  border: 1px solid #ddd;
  padding: 10px;
  font-weight: 700;
  font-size: 24px;
  background-color: #fff;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 200px;
  border-radius: 4px;
}
.checkoutWrap .thankYou .confirmText {
  font-size: 18px;
  font-weight: 600;
  margin-top: 50px;
}
.checkoutWrap .thankYou p {
  margin-top: 20px;
}
.nav-tabs {
  border-bottom: 0;
}
.checkoutWrap .nav-tabs li.active {
  cursor: auto;
}
/* Checkout css end */
/* ashwini added css for go live page*/

.persona-go-live #go-live-user-list  .user-img ,
#subscribers-followers-list  .user-img ,
#all-users-search-list  .user-img {
  vertical-align: middle;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.persona-go-live #user-list a.nav-link.active ,
.persona-chat #user-list a.nav-link.active ,
.persona-qrcode .nav a.nav-link.active ,
#groupDetails .modal-content a.nav-link.active ,
.persona-store-builder a.nav-link.active {
  background-color: var(--bg-color-3);
}

.persona-qrcode .nav a.nav-link.active ,
.persona-store-builder .nav a.nav-link.active {
  color: var(--label-color) !important;
}
.persona-go-live #user-list a.nav-link ,
.persona-qrcode .nav a.nav-link ,
.persona-store-builder .nav a.nav-link ,
.persona-chat #user-list  a.nav-link {
  color: var(--label-color) !important;
}
.persona-go-live #user-list a.nav-link ,
.persona-chat #user-list  a.nav-link ,
.persona-qrcode .nav  a.nav-link ,
.persona-store-builder .nav  a.nav-link ,
#groupDetails .modal-content a.nav-link{
  background-color: transparent;
  border: 1px solid var(--bg-color-3) !important;
  border-radius: 5px;
  padding: 3px;
  font-size: 14px;
  font-weight: 400;
}
#groupDetails .modal-content a.nav-link {
  color: var(--modal-label-color) !important;
}
.persona-go-live #go-live-user-list div.list-group-item,
#contact-search-list div.list-group-item,
#subscribers-followers-list div.list-group-item,
#all-users-search-list div.list-group-item{
  color: var(--label-color);
  padding: 10px 10px;
}
.persona-go-live #all-users-search-list div.list-group-item h6 ,
.persona-go-live #contact-search-list div.list-group-item h6 ,
.persona-community #subscribers-followers-list div.list-group-item h6 ,
.persona-go-live #go-live-user-list div.list-group-item h6{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  text-transform: uppercase;
}


/*  go live end*/


/*#################### Media Queries Start ####################*/
/* Smartphones (portrait and landscape) Start ---------- */

@media screen and (min-width: 320px) and (max-width: 390px){

  .persona-all-user-profiles .profile-item .profile-image {
    height: 300px;
  }
  .persona-all-user-profiles .profile-item .details {
    width: 90% !important;
    height: 90% !important;
  }
  .persona-all-user-profiles #profiles_list .profile-item {
    padding: 10px;
  }
}
@media screen and (min-width: 320px) and (max-width: 480px){
  .persona-user-profile .person-avatar{
    float: right;
    width: 72px;
    min-width: 191px;
    height: 156px;
    margin-left: 40px;
  }
  .persona-user-profile .user-info-section .total .count {
    font-size: 30px;
    font-weight: 300;
  }
  .triangle-sm-left {
    margin-top: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 29px solid #555;
    border-bottom: 15px solid transparent;
    cursor: pointer;
  }

  .triangle-sm-right {
    margin-top: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 29px solid #555;
    border-bottom: 15px solid transparent;
    right: 0;
    cursor: pointer;
  }

  .page-loader {
    left: 80%!important;
  }

  #wrapper #page-content-wrapper{
    padding-left: 67px;
  }
  .modal-dialog .modal-content {
    /*margin-top: 20%;*/
  }
  #page-content-wrapper {
    padding-left: 0px !important;
  }
  #page-content-wrapper.toggled{
    width: 100%;
    height: auto;
    padding-left: 95px !important;
  }

  #wrapper #page-content-wrapper-admin {
    padding-left: 73px;
  }

  .sidebar-wrapper-new .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
    margin-left: 0.8rem;
    margin-right: 0.1rem; 
  }    
  .sidebar-wrapper-new .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
    display: none; 
  } 
  .sidebar-wrapper-new .navbar .navbar-brand-wrapper {
    width: 55px; 
  }
  .sidebar-wrapper-new .navbar .navbar-brand-wrapper .brand-logo-mini {
    padding-top: 0px; 
  } 
  .sidebar-wrapper-new div#hide-toggle{
    display: none;
  }   
  .sidebar-wrapper-new ul#tv-channel-list {
    height: 250px !important;
  }
  .sidebar-wrapper-new .sidebar{
    width: 0px;
  }

  #sidebar-wrapper-new-admin {
    width: 0px;
  }
  .display-inline {
    display: contents;
  }
  .col-md-4 .side-col {
    padding: 0;
  }

  /* added by nilesh for sidebar not seen completly */
  .sidebar-nav li a .menu-icon {
    width: 3rem;
    height: 3rem;
  }
  .navbar-nav li a .ttip {
    top: 5px!important;
  }

  /* navbar */
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
    margin-left: 2px;
    margin-right: 2px;
  }
  /* topbar logout dropdown menu */


  
  .persona-dashboard .learnMoreAbout .musicianWrap .btn {
    width: 86px !important;
    margin-bottom: 5%;
    font-size: 12px;
    padding: 8px;
  }
  .persona-dashboard .followers-tv-channels-list{
    padding: 0;       
  }
  .persona-dashboard .learnMoreAbout .musicianWrap .musicianImageName img {
    width: 80px !important;
    height: 80px !important;
  }
  .persona-dashboard .musicianWrap .musicianImageName {
    padding: 0 10px !important;
  }
  .persona-dashboard .learnMoreAbout{
    width: 100%;
  }
  .persona-dashboard .content{
    margin: 10%;
  }
  .persona-dashboard #custom-search-input #channel_name_search, 
  .tv-footer-search .persona_tv_to_user_search{
    color: #fff;
    border: transparent;
    background: #0a0a0a;
    width: 100%;
  }
  .cms-persona-dashboard .followers-tv-channels-list ul
  {
    height: 350px;
  }
  .blogListWrap .triangle-left,
  .blogListWrap .triangle-right {
    display: none;
  }
  .blogListWrap .triangle-up-down {
    width: 100%;
    text-align: center;
  }
  .blogListWrap .triangle-up,
  .blogListWrap .triangle-down
  {
    display: inline-block;
  }
  .persona-stories .blogListWrap .blog-type-radio {
    padding-left: 0px !important;
  }
  .persona-stories .blogListWrap {
    padding-left: 0;
    padding-right: 0;
  }
  .persona-stories .addblog-btn {
    margin-right: 0;
  }
  .persona-stories .video_blogs .social-likes-story ,
  .persona-stories .video_blogs .postBy {
    padding: 3px 15px;
  }
  .persona-stories input#search_stories {
    width: 80%!important;
  }
  .persona-stories #myModalblog .modal-content
  {
    padding-bottom: 3rem;
  }
  .persona-stories #blogvideorecorddiv .media-container{
    width: 260px!important;
  }
  
  .persona-settings .search-box .input-group>.form-control
  {
    width: auto !important;
  }
  .persona-settings .search-box .offset-md-3
  {
   margin-left: 0% !important;
 }
 input.form-control.persona-settings-search {
  background-color: transparent;
  color: #fff;
}
.persona-settings{
  padding-bottom: 40px;
}
.persona-settings .search-box .input-group>.form-control {
  width: 80%!important;
}
.persona-settings .service-box {
  width: 95%;
}
.persona-silo-tv-online .list-group-item .silo-tv-channel-thumbnail{
  width: 22%;
  height: 32px !important;
}
.persona-silo-tv-online ul#tv-channel-list {
  overflow-y: scroll;
  height: 160px;
}
.persona-silo-tv-online .overflow{
  height: 140px;
}

.persona_tv_live .col-md-1.col-sm-2 {
  visibility: hidden;
}

.persona-stories .blogListWrap .personaBlogList{
  display: block;
}

.right_col.sd_storage .silo-sd-card-sync img {
  width: 30%;
  margin-bottom: 15px;
}
.clean-bottom {
  margin-bottom: 40px;
}

div#hide-on-mobile {
  display: none;
}   

.row .silo-tv-channel-list {
  padding: 0px;
  margin-top: 4%;
}   
.row .settings-media
{
  padding: 0px;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control
{
  width: 85%;
}
#custom-search-input button
{
  display: none;
}

/*COMMUNITY */
div#groupDetails {
  top:8%;
}
.circle{
  left: 110px !important;
}

/* persona chat */
.persona-chat #chat_message {
  width: 46% !important;
}

/* persona community */
.persona-community #black-bg .persona-community-row {
  margin: 0 !important;
}
.persona-community .latestSectionWrap .timelinePost .btn {
  border-radius: 27px;
  padding: 7px 9px;
  margin-right: 7px; 
  margin-bottom: 10px;
}

.persona-community .latestActivity .postInput {
  width: 100%;
  padding-left: 0px;
}
/*persona services */
#persona-services #carousel-thumbs {
  background: transparent;
  left: 0;
  padding: 0 30px;
  right: 0;
}
#persona-services .service-horz-carousel .owl-prev {
  left: -34px;
}
#persona-services .service-horz-carousel .owl-next {
  right: -28px;
}
#persona-services .carousel-item .desc_btn {
  padding: 0px 15px;
  height: 40px;
  font-size: 12px;
}
#persona-services .carousel-control-prev, #persona-services .carousel-control-next {
  width: 40px;
}
#persona-services .persona-services-h2{
  font-size: 12px;
  line-height: 19px;
}
#persona-services #subscriptionOverlay div#overlay_2 {
  margin-left: 0px;
}
#persona-services #subscriptionOverlay div#overlay_3 {
  margin-left: 0px;
}
#persona-services #subscriptionOverlay .radioLabel {
  font-size: 3vw;
}
#persona-services .services-plans .plans-section-2 ul li {
  font-size: 2.5vw;
}
#persona-services .services-checkout-1 .checkout-section-2 .proceed-to-checkout {
  font-size: 3vw;
}

.cloud-storage #project_selector .cloud-record-story{
  float: left;
}

.cloud-storage .persona-cloud-title{
  font-size: 19px;
}

.cloud-storage-modal .col-container {
  display: block;
  width: 100%;
}
.cloud-storage-modal .typoList {
  text-align:center;
}
.cloud-storage-modal .panel-footer {
  position: relative;
}
.cloud-storage-modal #payNowModalLabel {
  font-size: 22px;
}

.cloud-storage-modal .planName, .planAmtWrap, .planAmtWrap {
  font-size: 1.3rem;
}
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-left li #menu-toggle div {
  width: 25px;
}

.user_details h4 {
  font-size: 18px;
}
/*#datatable-keytable_wrapper .pagination, .dataTables_wrapper .pagination {
  float: none;
}*/
.persona-community .latestSectionWrap .timelinePost .timeline-post-btnlist .btn {
  margin-right: 0;
  padding: 7px;
}
.persona-community-row .active-post-stories {
  padding: 2px 30px 0px 0 !important;
}
#persona-services .top-left {
  padding-left: 65px !important;
}
#blogList .row > [class*=col-] ,.persona-stories .pbloglist-cols ,.persona-dashboard{
  padding: 0;
}
.persona-community-row .latestSectionWrap {
  padding-left: 0;
  padding-right: 0;
}
.form-check-inline {
  margin-right: 7px;
}
.persona-stories .blogListWrap {
  padding-top: 15px !important;
}
.persona-stories .blogListWrap .form-check-inline {
  padding-bottom: 7px;
}
form#siteSettingsForm .row > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
.persona-admin .x_title {
  padding-top: 20px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 367px){
  .persona-user-profile .person-avatar{
    float: right;
    width: 72px;
    min-width: 191px;
    height: 1156px;
    margin-left: 40px;
  }
  .persona-user-profile .user-info-section .total .count {
    font-size: 30px;
    font-weight: 300;
  }
  .persona-all-user-profiles .musicianWrap .musicianImageName img {
    width: 72px;
    height: 72px;
  }
  .persona-all-user-profiles .musicianWrap .btn {
    width: 98px;
    font-size: 12px;
  }
  .persona-tv-online-pg #horz-channel-list .channel-item {
    width: 60px;
  }
  #myStoriesBlog button#btnsaveBlogAdd {
    /*width: 66%;*/
    width: auto;
  }
  .persona-login-box .membership-email-form i.mdi-48px:before{
    font-size: 65px;
  }
}
@media screen and (min-width: 481px) and (max-width: 561px){
  .persona-community #black-bg .persona-community-row {
    margin: 0px 10%;
  }
}

@media screen and (max-width: 599px) and (min-width: 320px) {
  .persona-settings .owl-carousel.topNav.mobile-app-carousel .owl-nav {
    position: relative !important;
    top: 0 !important;
  }
}

/* Smartphones (portrait and landscape) End ---------- */

/* Tablets, iPads (portrait and landscape) Start---------- */
/*ashwini added media for chat page user leftarrow */
@media screen and (max-width: 767px){
  .persona-user-profile .person-avatar{
    float: right;
    width: 72px;
    min-width: 191px;
    height: 156px;
    margin-left: 40px;
  }
  .persona-user-profile .user-info-section .total .count {
    font-size: 30px;
    font-weight: 300;
  }
  #persona-chat-window span#mobile-view-leftarrow {
    display: block;
  }
  .persona-chat #chat_data {
    height: 69vh;
  }

  .channel-item {
    width: 78px;
    height: 90px;
  }
  .persona-settings .set-phone-tab .card {
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  #persona-services .persona-services-h2{
    font-size: 12px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #persona-services .carousel-inner {
    overflow: auto;
    height: 380px;
  }
  #persona-services .carousel-item .carousel-slider-img {
    height: 50vh;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .menu-toggle-li {
    width: 3.5rem;
  }
  .persona-manageProfile .docDZ .card-footer{
    padding: 0;
  }
  /*#datatable-keytable_wrapper .dataTables_filter label {
    float: left;
  }*/
  .persona-manageProfile .view-hover-div.open-image-preview-1 {
    position: relative;
  }
  #dashboard-background-newsfeed h5 {
    padding-top: 5px;
  }
  .persona-stories .addblog-btn {
    float: none;
  }
  .persona-header .topnav li {display: none;}

  .persona-header .topnav.responsive {position: relative;}
  .persona-header .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .persona-header .topnav.responsive li {
    float: none;
    display: block;
    text-align: left;
  }

  .persona-header .responsive ul.navbar-nav.navbar-nav-right {
    right: 5px;
    left: auto;
    position: absolute;
    font-size: 0.9rem;
    margin-top: 0;
    padding: 0;
    top: 43px;
  }
  .persona-dashboard .row >.per-dash-img ,
  .persona-dashboard .row >#dashboard-background-video ,
  .persona-dashboard .row >#dashboard-background-newsfeed {
    order: 1;
  }
  
  .persona-header .nav-item.header-dnone-item {
    display: none;
  }
  
  #signup_form .invalid-tooltip {
    left: 0 !important;
    top: 100% !important;
  }
  .sharecomment .d-social-list{
    left:-11px;
  }
  .persona-manageProfile .persona-tab a.nav-link{
    font-size: 11px;
  }
  .profile-information .profile-info-left-div {
    padding-left: 15px !important;
    padding-top:7px;
  }
  #elfinder {
    width: 100% !important;
  }
  .ui-widget-content.elfinder-button.elfinder-button-search {
    float: none;
    width: 270px !important;
    margin: 12px 0px;
  }
  .persona-community .post-user-qrcode {
    height: auto !important;
  }
  .admin-db-master .x_content .row >[class*=col-] {
    margin-bottom: 12px;
    padding-top: 0 !important;
  }
  
}
@media only screen and (min-width: 992px) {
  .musicianWrap {
    display: table;
  }
  #persona-services small {
    font-size: 18px !important;
  }

}
@media  screen and (max-width: 1440px) { 
  .blogListWrap .triangle-left,
  .blogListWrap .triangle-right {

    margin-top: 50%;
  }
  .blogListWrap .triangle-up,
  .blogListWrap .triangle-down{
    display: none;
  }
}

@media screen and (max-width: 1280px) {
  .blogListWrap .triangle-left,
  .blogListWrap .triangle-right {
    margin-left: 0%;
    margin-bottom: : 40% !important;
  }
}
@media screen and (min-width: 1024px){
  #persona-services a.serv-read-more{
    display: none;
  }
}


/**************************** pooja stories page end *****/
@media screen and (min-height: 320px) and (max-height: 425px){

  #sidebar-wrapper-new ul.sidebar-nav.animate.navbar-nav.side-nav {
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
@media screen and (min-width: 1080px){
  .live_video{
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px){
  .persona-all-user-profiles .profile-item .details {
    width: 80% !important;
  }
  .persona-all-user-profiles #profiles_list .profile-item {
    padding: 12px !important;
  }
  .persona-stories .addblog-btn {
    margin-right: 35px;
  }
}
@media screen and (max-width: 768px){

  .persona-tv-online-pg .mobileChannelList{
    display: block;
    padding: 4px;
    background-color: #201e1e;
  }
  .persona-tv-online-pg .desktopChannelList{
    display: none;
  }

  .persona-tv-online-pg .channel-list{
    width: 25%;
    padding: 2px 5px;
  }
  .persona-tv-online-pg .channel-list .logo-div{
    height: 50px;
  }
  .persona-tv-online-pg .channel-list .logo-div img{
    height: 50px;
  }

  .persona-tv-online-pg .channel-list img{
    height: 50px;
  }

  .persona-tv-online-pg #video-code{
    /*height: calc(92vh - 250px);*/
  }
  .persona-tv-online-pg .is-loading {
    height: calc(100vh - 250px);
  }
  .img-dash-list-channel {
    width: 80px !important;
  }
}
@media (min-width: 576px) and (max-width: 768){
  .per-dash-img{
    height: 445px;
  }
}
@media (min-width: 1400px) { 
  .persona-all-user-profiles .card-columns {
    column-count: 4;
  } 
}
@media (min-width: 1100px) and (max-width: 1400px) { 
  .persona-all-user-profiles .card-columns {
    column-count: 3;
  }
}
@media (min-width: 700px) and (max-width: 1100px) { 
  .persona-all-user-profiles .card-columns {
    column-count: 2;
  }
}
@media (max-width: 700px) { 
  .persona-all-user-profiles .card-columns {
    column-count: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
  #persona-services .carousel-item .zoom {
    min-height: 88px;
  }
  #persona-services .services-plans .plans-section-2 ul li ,
  #persona-services #subscriptionOverlay .radioLabel{
    font-size: 15px;
  }
  #persona-services .services-plans .panel, 
  #persona-services .services-checkout-1 .panel, 
  #persona-services .services-checkout-2 .panel {
    padding: 25px 10px 0 10px;
    height: auto !important;
  }
  #persona-services #subscriptionOverlay #overlay_1, 
  #persona-services #subscriptionOverlay #overlay_2, 
  #persona-services #subscriptionOverlay #overlay_3 {
    width: 245px;
  }
  #persona-services .plans-section-3 .order-now-div{
    width: 62%;
  }
  #persona-services #subscriptionOverlay div#overlay_2 {
    margin-left: 244px;
  }
  #persona-services .services-checkout-1 .checkout-section-2 .proceed-to-checkout{
    font-size: 14px;
  }
  #persona-services #subscriptionOverlay div#overlay_3 {
    margin-left: 488px;
  }
  
  .persona-dashboard .img-dash-list-channel {
    width: 70px !important;
  }
  .persona-dashboard #dashboard-background-featured .profile-address {
    min-height: 55px !important;
  }
  
  
}
@media (max-width: 991px) {
  .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
  }
  .persona-manageProfile .credit-below li, .persona-settings .credit-below li{
    width: 45% !important;
  }
  .persona-chat .activechat-btnlist a.status-link{
    display: none;
  }

  .persona-chat .user_dialog .chat_history li>div{
    max-width: 75% !important;
  }

}
@media screen and (min-width: 992px) and (max-width: 1301px){
  .persona-all-user-profiles .musicianWrap .musicianImageName img {
    display: block;
    margin: 5px auto 5px auto;
  }
} 
@media screen and (min-width: 1024px) and (max-width: 1159px){
  #persona-services .carousel-item .carousel-slider-img {
    height: 100vh;
  }
  .persona-all-user-profiles .musicianWrap .musicianImageName img {
    width: 85px;
    height: 85px;
  }
  .persona-all-user-profiles .musicianWrap .btn {
    width: 94px;
    font-size: 12px;
  }
  .persona-manageProfile #vcard-merchant-products .pull-left ,
  .persona-manageProfile #vcard-merchant-products .pull-right {
    text-align: center;
    float: none;
    margin-bottom: 3px;
  }
}

@media only screen and (min-width: 1400px) {
  .persona-community .dropzone{
   min-height: 90px !important;
   padding: 1px 10px;
 }
}
@media screen and (min-width: 768px){
  #persona-chat-window span#mobile-view-leftarrow {
    display: none;
  }
  .persona-contacts table.addContactTable ,
  .persona-settings-accounts #v-pills-services table#datatable-keytable{
    display: table;
  }
}

/*user left-arrow end*/
@media screen and (min-width: 768px) and (max-width: 1024px){

  .persona_tv_live .carousel-item img{
    padding: 5px;
  }
  .navbar .navbar-menu-wrapper {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: contents !important; 
  }
  .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
    padding-left: 15px;
    padding-right: 11px;
    border-right: none; 
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
    position: static; 
  }

  .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
    top:55px;
  }
  .persona-login-box{
    padding: 0 30px;
  }

  .persona-dashboard .musicianWrap {
    display: inline-block;
    /*  display: inline-block; for laptop screen MDPI resp*/
  }

  /********************* settings media **********************/
  .persona-settings{
    padding-bottom: 40px;
  }
  .persona-settings .row .settings-media {
    max-width: 100%;
    flex: 50%;
  }

  /******************** persona login ************************/
  .login-div .row .persona-login-box {
    max-width: 100%;
    flex: 0 0 50%;
    margin-left: 25%;
    padding: 0 30px;
  }

  .footer-show-hide{
    display: none;
  }
  .persona-login-box .membership-email-form i.mdi-48px:before{
    font-size: 85px;
  }

  #sidebar-wrapper {
    width: 228px;
  }

  #wrapper.toggled #sidebar-wrapper {
    width: 62px;   
    border-right: 1px #847f7f solid;
  }

  #wrapper.toggled span {
    display: none;
  }
  #wrapper.toggled div#hide-toggle{
    display: none;
  }
  #wrapper.toggled i {
    float:right;
    padding-top: 4px;
    padding-bottom: 4px;
  } 
  #page-content-wrapper {
    padding: 0 0 0 0px;
    position: relative;
  }
  #page-content-wrapper-admin {
    padding: 0 0 0 2px;
    position: relative;
  }

  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
  .back-to-top {
    bottom: 15px;
  }

  .list-group-item .silo-tv-channel-thumbnail {
    height: 50px !important;
    width: auto !important;
  }
  
  .row .display-inline{
    padding: 0px;
  }
  .list-group-item .channel-label{
    width: auto !important;
  }
  .blogListWrap .triangle-up,
  .blogListWrap .triangle-down{
    display: none;
  }

  .live_video{
    width: 100%;
    height: 100%;
  }
  
  .persona-stories .blogListWrap .video_blogs .video-story{
    /*max-height: 15vh;*/
  }

  #persona-services .carousel-inner {
    overflow: auto;
    height: 420px;
  }
  #persona-services .carousel-item .carousel-slider-img {
    height: 50vh;
  }
  .persona-dashboard .musicianWrap .musicianImageName img{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .persona-dashboard #dashboard-background-featured #featured_users_list button {
    margin: 2px 0 !important;
  }
}

/*Ashwini added media for chat page*/
@media screen and (min-width: 768px) and (max-width: 900px){
  input#search_keyword {
    /*font-size: 15px;*/
  }
  .user-details-div.user-name {
    font-size: 13px !important;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
    margin: 0 5px;
  }

}
/*for sidebar show - ashwini added for tab and laptop screen*/
@media screen and (min-width: 481px) and (max-width: 767px){
  .sidebar-nav li a .menu-icon {
    width: 3.3rem;
    height: 3.3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1589px){
  .sidebar-nav li a .menu-icon {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1250px){
  .persona-go-live #go-live-user-list div.list-group-item h6 ,
  #all-users-search-list div.list-group-item h6 {
    max-width: 100px;
    word-break: break-word;
    font-size: 11px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px)  {
  li.community-li {
    display: list-item;
  }
  .col-md-5.connections-padding {
    max-width: 100%;
  }

  .emojionearea .emojionearea-editor{
    min-height: 4rem !important;
    max-height: 8em !important;
  }

}
@media screen and (max-width: 1023px){
  #persona-services .service-read-more{
    display: none;
  }
}
@media only screen and (max-width: 425px) and (min-width: 320px)  {

  ul.community-ul {
    width: 400px;
  }
  img.img-responsive.profile-img.icon {
    width: 100%;
  }
  li.community-li p {
    font-size: 12px;

  }
  button.btnRed-comment-community {
    font-size: 16px;
  }
  .col-md-6.connections-padding-right{
    margin-top: 30px;
  }
  .persona-settings .row.pset2-row h5.pull-left {
    font-size: 16px;
  }
  #buyStorageModal .nav-pills li, .payment-inner-tabs li, 
  #buyTokensModal .nav-pills li, .payment-inner-tabs li,
  #upgradeFoldersModal .nav-pills li, .payment-inner-tabs li,
  #payNowModal .nav-pills li, .payment-inner-tabs li {
    /*width: 100%;*/
  }
  #persona-services #carousel-thumbs figure.img-effect {
    height: 80px !important;
  }
  #persona-services .service-horz-carousel .owl-next,
  #persona-services .service-horz-carousel .owl-prev {
    top: -93px !important;
  }
  .persona-community-details .postInput .communityPostCommentBtn .mdi ,
  .persona-community-details .postInput .btn-bs-file .mdi{
    padding: 2px !important;
  }
  
  .persona-chat .row > [class*=col-] {
    padding: 0 5px;
  }
  .persona-chat span#mobile-view-leftarrow {
    padding: 0px 8px 0px 5px;
  }
  .persona-chat .user_details h4 {
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }
  .persona-chat #persona-chat-window #user_name {
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    padding: 0 0 0 8px;
    text-overflow: ellipsis;
  }
  .persona-chat #persona-chat-window .user_details {
    padding: 8px 0;
  }
  .persona-chat .chat-addcall {
    margin-right: 0;
  }
  .persona-chat .chat_message_div {
    right: 7px;
    left: 7px;
  }
  .persona-chat .chat_message_div .btnRed{
    padding: 8px;
  }
  
  .persona-community .latestActivity .postInput .btn{
    padding:8px 10px;
  }
  .persona-community .mCSB_inside>.mCSB_container {
    margin-right: 10px;
  }
  .persona-community .commentWrap>li .contentBlock, 
  .persona-community-details .latestActivity .commentWrap>li .contentBlock{
    padding-left: 40px;
  }
  .persona-community .latestActivity .commentWrap>li .closeBtn, 
  .persona-community-details .commentWrap>li .closeBtn {
    right: 6px;
  }
  .persona-community .latestActivity .commentWrap>li .contentBlock .comment,
  .persona-community .persona-community-row .commentWrap>li .contentBlock .comment{
    padding: 8px 21px;
  }
  #persona_dashboard_form .dashboardImageContainer{
    height: 280px !important;
  }
  .persona-admin #siteSettingsForm input[type="file"] {
    margin-bottom:20px;
  }
  .persona-tv-online-pg .right-channel-sidebar {
    height: 49%
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .persona-all-user-profiles .musicianWrap .musicianImageName img{
    display: block;
    margin: 5px auto 5px auto !important;
  }
}
/* Desktops and laptops Start---------- */

/*@media screen and (min-width: 1224px){*/
  @media screen and (min-width: 1200px){

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown{
      /*margin-left: -77%;*/
    }
    .persona-login-box{
      padding: 0 30px;
    }
    .persona-dashboard .musicianWrap .musicianImageName{
      padding: 0 5px;
    }
    .cms-persona-dashboard .followers-tv-channels-list ul,
    .persona-dashboard .followers-tv-channels-list ul{
      height: 410px;
    }
    .persona-manageProfile table.table-responsive {
      display: table;
    }
    .cms-persona-dashboard .followers-tv-channels-list ul, 
    .persona-dashboard .followers-tv-channels-list ul{
      height: 290px;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1440px){
    .persona-all-user-profiles .musicianWrap .musicianImageName img {
      width: 90px;
      height: 90px;
    }
    .persona-all-user-profiles .musicianWrap .btn {
      width: 98px;
      font-size: 12px;
    }
  }

  /* Desktops and laptops End---------- */

  /* Large screens Start---------- */
  @media screen and (min-width: 1824px){

    .persona_tv_live .flowplayer{
      max-height: 805px;
    }

    /*persona-services*/
    #persona-services .carousel-item .carousel-slider-img{
      height: 878px;
    }

    #persona-services .zoom{ 
     padding: .5rem .75rem;
   }
 }

 /* Large screens End---------- */

 @media screen and (min-width: 1920px){
  .persona-tv-online-pg .is-loading {
    height:70vh;
  }
}

@media screen and (min-width: 2560px) and (max-width: 3200px){
 ul.list-group {
  overflow-y: scroll;
  height: 982px;
}  
}

@media screen and (min-width: 1424px) and (max-width: 3200px){  
  html.no-vertical-scroll{
    overflow-y: hidden;
  }
  .persona-dashboard .followers-tv-channels-list ul{
    height: 700px;
  }

}
@media screen and (min-width:1441px){
  .persona-all-user-profiles #profiles_list .profile-item {
    padding: 30px;
  }
  .persona-all-user-profiles .profile-item .details {
    width: 77% !important;
  }
  .persona-all-user-profiles .socialShareWrap a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  }
  .persona-all-user-profiles .musicianWrap .btn {
    width: 112px;
    font-size: 14px;
  }
  .persona-all-user-profiles .profile-item strong, 
  .persona-all-user-profiles .profile-item p {
    font-size: 14px !important;
    line-height: 23px !important;
  }
  .persona-all-user-profiles button.listOfWebReferences {
    font-size: 16px;
  }
  .persona-all-user-profiles .profile-item .musicianWrap img{
    width: 50% !important;
  }
  .persona-all-user-profiles .profile-video-call-btn .mdi-video.mdi-24px:before {
    font-size: 27px;
  }
}

/*#################### Media Queries End ####################*/





/*Need to Check*/

.read a:hover {
  color: #ff0000;
}
.persona-settings input.form-control.persona-settings-search {
  background-color: transparent;
  color: #fff;
  border-radius: 20px;
}



.owl-carousel{
  display:block !important;
}
/*Added by Anuradha 13 may*/
.nk-fmg-body {
  height: 100vh;
}
.ui-helper-clearfix.ui-widget-header.elfinder-toolbar {
  margin: 14px;
}
/*Added by Anuradha 13 may*/
/*.row.block_input_label.mt-3 {
    margin-top: 5rem !important;
}
.col-md-7 {
    margin-top: 30px;
}
.col-md-5 {
    margin-top: 27px;
}
.col-md-1 {
    margin-top: 6px;
}
.col-md-5 {
    left: 20px;
}
.container.box {
    margin-top: 28px;
}
.container {
    margin-top: -50px;
    font-size: 16px;
}
.table-responsive {
    margin-left: -73px;
}*/


/*--------sourabh_p New css 14-june-2022------*/

/*.d-flex{
    vertical-align: middle !important;
    align-items: center !important;           
  }*/
 
  /*3/8/22*/
 /* .DataTables_Table_0_filter::-webkit-input-placeholder{
    color: red!important;
  }*/

/*Silochat Loader rohan 7-10-22*/
  /*loader css*/
  .SilochatLoader {
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
    background: none!important;
  }

  .SilochatLoader .SilochatLoader-message{
    min-width: 400px;
    position: absolute;
    top: 30px;
    left: -130px;
    background: none;
  }

  .SilochatLoader .dot {
    -webkit-animation-name: movement;
    animation-name: movement;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    height: 10px;
    position: absolute;
    top: -10px;
    transform: translate3d(0, -25px, 0) scale(1);
    width: 10px;
  }
  .SilochatLoader .dot:nth-of-type(1) {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
    left: 150px;
  }
  .SilochatLoader .dot:nth-of-type(1)::before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
  }
  .SilochatLoader .dot:nth-of-type(2) {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
    left: 150px;
  }
  .SilochatLoader .dot:nth-of-type(2)::before {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
  }
  .SilochatLoader .dot:nth-of-type(3) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
    left: 125px;
  }
  .SilochatLoader .dot:nth-of-type(3)::before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
  }
  .SilochatLoader .dot:nth-of-type(4) {
    -webkit-animation-delay: -1.4s;
    animation-delay: -1.4s;
    left: 125px;
  }
  .SilochatLoader .dot:nth-of-type(4)::before {
    -webkit-animation-delay: -1.4s;
    animation-delay: -1.4s;
  }
  .SilochatLoader .dot:nth-of-type(5) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    left: 100px;
  }
  .SilochatLoader .dot:nth-of-type(5)::before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
  }
  .SilochatLoader .dot:nth-of-type(6) {
    -webkit-animation-delay: -1.6s;
    animation-delay: -1.6s;
    left: 100px;
  }
  .SilochatLoader .dot:nth-of-type(6)::before {
    -webkit-animation-delay: -1.6s;
    animation-delay: -1.6s;
  }
  .SilochatLoader .dot:nth-of-type(7) {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
    left: 75px;
  }
  .SilochatLoader .dot:nth-of-type(7)::before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
  }
  .SilochatLoader .dot:nth-of-type(8) {
    -webkit-animation-delay: -1.8s;
    animation-delay: -1.8s;
    left: 75px;
  }
  .SilochatLoader .dot:nth-of-type(8)::before {
    -webkit-animation-delay: -1.8s;
    animation-delay: -1.8s;
  }
  .SilochatLoader .dot:nth-of-type(9) {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
    left: 50px;
  }
  .SilochatLoader .dot:nth-of-type(9)::before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }
  .SilochatLoader .dot:nth-of-type(10) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    left: 50px;
  }
  .SilochatLoader .dot:nth-of-type(10)::before {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
  }
  .SilochatLoader .dot:nth-of-type(11) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
    left: 25px;
  }
  .SilochatLoader .dot:nth-of-type(11)::before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
  }
  .SilochatLoader .dot:nth-of-type(12) {
    -webkit-animation-delay: -2.2s;
    animation-delay: -2.2s;
    left: 25px;
  }
  .SilochatLoader .dot:nth-of-type(12)::before {
    -webkit-animation-delay: -2.2s;
    animation-delay: -2.2s;
  }
  .SilochatLoader .dot:nth-of-type(13) {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s;
    left: 0px;
  }
  .SilochatLoader .dot:nth-of-type(13)::before {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s;
  }
  .SilochatLoader .dot:nth-of-type(14) {
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s;
    left: 0px;
  }
  .SilochatLoader .dot:nth-of-type(14)::before {
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s;
  }
  .SilochatLoader .dot:nth-of-type(15) {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
    left: -25px;
  }
  .SilochatLoader .dot:nth-of-type(15)::before {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
  }
  .SilochatLoader .dot:nth-of-type(16) {
    -webkit-animation-delay: -2.6s;
    animation-delay: -2.6s;
    left: -25px;
  }
  .SilochatLoader .dot:nth-of-type(16)::before {
    -webkit-animation-delay: -2.6s;
    animation-delay: -2.6s;
  }
  .SilochatLoader .dot:nth-of-type(17) {
    -webkit-animation-delay: -1.7s;
    animation-delay: -1.7s;
    left: -50px;
  }
  .SilochatLoader .dot:nth-of-type(17)::before {
    -webkit-animation-delay: -1.7s;
    animation-delay: -1.7s;
  }
  .SilochatLoader .dot:nth-of-type(18) {
    -webkit-animation-delay: -2.8s;
    animation-delay: -2.8s;
    left: -50px;
  }
  .SilochatLoader .dot:nth-of-type(18)::before {
    -webkit-animation-delay: -2.8s;
    animation-delay: -2.8s;
  }
  .SilochatLoader .dot:nth-of-type(19) {
    -webkit-animation-delay: -1.9s;
    animation-delay: -1.9s;
    left: -75px;
  }
  .SilochatLoader .dot:nth-of-type(19)::before {
    -webkit-animation-delay: -1.9s;
    animation-delay: -1.9s;
  }
  .SilochatLoader .dot:nth-of-type(20) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    left: -75px;
  }
  .SilochatLoader .dot:nth-of-type(20)::before {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
  }
  .SilochatLoader .dot:nth-of-type(21) {
    -webkit-animation-delay: -2.1s;
    animation-delay: -2.1s;
    left: -100px;
  }
  .SilochatLoader .dot:nth-of-type(21)::before {
    -webkit-animation-delay: -2.1s;
    animation-delay: -2.1s;
  }
  .SilochatLoader .dot:nth-of-type(22) {
    -webkit-animation-delay: -3.2s;
    animation-delay: -3.2s;
    left: -100px;
  }
  .SilochatLoader .dot:nth-of-type(22)::before {
    -webkit-animation-delay: -3.2s;
    animation-delay: -3.2s;
  }
  .SilochatLoader .dot:nth-of-type(23) {
    -webkit-animation-delay: -2.3s;
    animation-delay: -2.3s;
    left: -125px;
  }
  .SilochatLoader .dot:nth-of-type(23)::before {
    -webkit-animation-delay: -2.3s;
    animation-delay: -2.3s;
  }
  .SilochatLoader .dot:nth-of-type(24) {
    -webkit-animation-delay: -3.4s;
    animation-delay: -3.4s;
    left: -125px;
  }
  .SilochatLoader .dot:nth-of-type(24)::before {
    -webkit-animation-delay: -3.4s;
    animation-delay: -3.4s;
  }
  .SilochatLoader .dot:nth-of-type(25) {
    -webkit-animation-delay: -2.5s;
    animation-delay: -2.5s;
    left: -150px;
  }
  .SilochatLoader .dot:nth-of-type(25)::before {
    -webkit-animation-delay: -2.5s;
    animation-delay: -2.5s;
  }
  .SilochatLoader .dot:nth-of-type(26) {
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s;
    left: -150px;
  }
  .SilochatLoader .dot:nth-of-type(26)::before {
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s;
  }
  .SilochatLoader .dot::before {
    -webkit-animation-name: size-opacity;
    animation-name: size-opacity;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    background: var(--text-color-primary);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
  }
  .SilochatLoader .dot:nth-of-type(even)::before {
    background-color:var(--theme-color-primary);
    box-shadow: inset 0 0 4px var(--theme-color-primary);
  }
  @keyframes movement {
    0% {
      transform: translate3d(0, -25px, 0);
      z-index: 0;
    }
    50% {
      transform: translate3d(0, 25px, 0);
      z-index: 10;
    }
    100% {
      transform: translate3d(0, -25px, 0);
      z-index: -5;
    }
  }
  @keyframes size-opacity {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    25% {
      transform: scale(1.5);
    }
    50% {
      opacity: 1;
    }
    75% {
      opacity: 0.35;
      transform: scale(0.5);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  /*end loader css*/
  /*add border to ongoing call in silochat*/
  .chat-current-call{
    border: 1px solid red;
  }

/*Chat files UI change*/
  .chat-file-div{
    top: -20px;
  }

.preview-file-name{
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }


.chat-bubble .preview-file-name{
    max-width: 400px;
  }

/*Community UI changes rohan 8-12-22*/
.message-community-individual {
  padding: 10px 15px !important;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  margin-bottom: .5rem;
  color: var(--text-color-primary);
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  word-wrap: break-word;
}

.actions ul li a{
background: var(--btn-bg-color)!important;
}

/*Community UI changes rohan 8-12-22*/

@media only screen and (max-width: 600px) {
 
.nk-sidebar-content {
    display: none!important;
  }

}


.nk-chat-list {
    overflow-y: scroll;
    padding-bottom: 50px;
    margin-bottom: 37px;
}

.nk-content.chat-home{
    margin-top:65px ;
}

.nk-chat-aside{
    margin-bottom: 37px;        
}

#chat_message{
    transition: box-shadow 0.3s ease;
}

#chat_message:focus {
    outline: none;
}

.voice-active {
    box-shadow: 0 0 10px var(--theme-color-primary);
    animation: breathing 2s ease-in-out infinite;
}

#chat_message.voice-active:focus{
    box-shadow: 0 0 10px var(--theme-color-primary);
}

@keyframes breathing {
  0% {
   box-shadow: 0 0 5px var(--theme-color-primary);
  }
  50% {
    box-shadow: 0 0 15px var(--btn-disabled-bg-color);
  }
  100% {
    box-shadow: 0 0 5px var(--theme-color-primary);
  }
}

.community-link:hover{
  color : var(--icon-hover-color);
}


@media (max-width: 575px) {
  .table-responsive-new .dataTables_filter {
    text-align: left;
}
.table-responsive-new .dataTables_length{
  text-align: left;

}

}


@media (min-width: 576px) and (max-width: 767px) {
.table-responsive-new .dataTables_filter {
    text-align: left;
}
.table-responsive-new .dataTables_length{
  text-align: left;

}
}


@media (min-width: 768px) and (max-width: 991px) {

}


@media (min-width: 992px) {

}
.nk-news-item:hover .nk-news-text .icon{
  color: var(--theme-color-primary)!important;
}
.nk-header-app-logo .icon{
  color: var(--theme-color-primary)!important;
  background-color: var(--main-bg-color) !important;
}
#add_reminderDiv .btn-danger, .btn-danger:hover{
  background-color: var(--btn-bg-color)!important;
  border-color: var(--btn-bg-color)!important;
  color: var(--bg-color-1)!important;
}
#pills-user-contact-tab-android{
  color: var(--bg-color-1)!important;
}
button#subscribebtn2738 {
    background: var(--btn-bg-color)!important;
    border: unset;
}
#addEventPopup label.form-label, #kyc-info-form label.form-label, #user-personal-form label.form-label{
  color: var(--text-color-primary)!important;
}
.ni-trash:before{
  color: var(--text-color-primary)!important;
}
.pay-tab .dark-mode .form-label{
  color: var(--text-color-primary)!important;
}
#file-share .link-list-plain a{
  color: var(--text-color-primary)!important;
}
#file-share .select2-container{
  margin-top:unset!important;
}
button#resetEvent:hover {
    color: var(--text-color-primary)!important;
}
.btn-outline-primary:hover{
  border-color: var(--btn-bg-color)!important;
}
#nk-wizard-erp-t-0 .d-inline-block, #nk-wizard-erp-t-1 .d-inline-block, #nk-wizard-hrm-t-0 .d-inline-block, #nk-wizard-hrm-t-1 .d-inline-block, #nk-wizard-crm-t-0 .d-inline-block, #nk-wizard-crm-t-1 .d-inline-block{
  color: var(--text-color-primary)!important;
}