/****General Modal classes *****/
/* make modals scrollable */
.modal .modal-body {
  max-height: 720px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-title {
  font-weight: 300;
  font-size: 24px;
}
.modal-title .btn-xs {
  margin-left: 10px;
}
.modal-header {
  padding: 20px 30px;
}
@media (max-width: 480px) {
  .modal-title {
    font-size: 18px;
  }
  .modal-title .btn-xs {
    margin-left: 0;
  }
}
.modal-footer {
  padding: 20px 30px;
}
.modal-footer .modal-footer-left {
  float: left;
  padding-top: 8px;
}
.modal-footer .checkbox {
  margin-right: 20px;
}
.modal-header .close {
  background-color: #fff;
  border: 1px solid #ddd;
  position: absolute;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 24px;
  right: 0;
  top: 0;
  opacity: 1;
  margin-right: -10px;
  margin-top: -10px;
}
.modal-header .close:hover {
  background-color: #f1f1f1;
}
.profile-password-toggle .fa,
.profile-deactivate-toggle .fa {
  margin-right: 5px;
}
.profile-password-hide {
  margin-bottom: 25px;
}
.profile-deactivate-warning {
  margin-top: 8px;
}
.button-form-group {
  margin-bottom: 10px;
}
.blog-edit-button-row .btn-group {
  margin-bottom: 5px;
}
.blog-edit-button-row:last-child .btn-group {
  margin-bottom: 0;
}
.modal-layout-body .layout-temp {
  display: block;
  width: 100%;
  height: 100px;
  border: 1px solid #eeeeee;
  cursor: pointer;
}
.modal-layout-body .layout-temp-sel {
  border: 1px solid #181818;
}
.modal-layout-body > .layout-row {
  margin-bottom: 25px;
}
.modal-layout-body > .layout-row:last-child {
  margin-bottom: 0;
}
/*Stream Discovery Dev Start*/
.stream-disc-modal .row {
  margin-bottom: 20px;
}
.stream-disc-modal a {
  cursor: pointer;
}
.stream-disc-modal .design-tab > li {
  margin-bottom: -2px;
}
.stream-disc-modal .design-tab li.active a {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom: 0px;
}
.stream-disc-modal .design-tab li.active a i {
  color: #333333;
}
.stream-disc-modal .design-tab li.active a:hover i {
  color: #333333;
}
.stream-disc-modal .panel-default {
  border: 0px;
}
.stream-disc-modal .panel-default .panel-body {
  padding-bottom: 0px;
}
/*Stream Discovery Dev End */
.module-name-div p {
  margin: 20px 0;
}
.add-new-container {
  margin-top: 20px;
}
.add-new {
  float: left;
  color: #666666;
}
.add-new .dropdown-menu li a {
  padding: 15px;
}
.add-new .dropdown-menu li a .fa {
  min-width: 14px;
  margin-right: 10px;
}
.modal-ver-scroll {
  height: 400px;
  overflow-y: scroll;
}
/***********Layout Modal**************/
/* Layout Panel Style Start */
.slides .layout-item {
  border: 4px solid #ffffff;
  display: block;
}
.layout-thumbnail.active-layout {
  border: 1px solid #333333;
}
.layout-thumbnail.active-layout img {
  opacity: 0.6;
}
.layout-modal-wrapper .modal-dialog {
  width: 707px;
}
.layout-carousel .flexslider {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
}
.flexslider-container .slides li .layout-thumbnail + .layout-thumbnail {
  height: 212px;
  overflow-y: auto;
}
.layoutPanel .page-layout-tab {
  border-right: 1px solid #dddddd;
  border-bottom: 0px;
}
.layoutPanel .page-layout-tab li {
  float: none;
  width: auto;
}
.layoutPanel .page-layout-tab li a {
  border: 0px !important;
}
.layoutPanel .page-layout-tab li.active {
  background-color: #dddddd;
}
.layoutPanel .emulator-frame {
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 350px;
  position: relative;
}
.layoutPanel .frameLayout-wrapper {
  position: absolute;
  background-color: #fff;
  overflow-y: scroll;
}
.layoutPanel .desktop-frameLayout {
  top: 20px;
  left: 50px;
  width: 315px;
  height: 198px;
}
.layoutPanel .tablet-frameLayout {
  top: 34px;
  left: 71px;
  width: 208px;
  height: 277px;
}
.layoutPanel .mobile-frameLayout {
  top: 53px;
  left: 114px;
  width: 164px;
  height: 247px;
}
.layoutPanel .page-layout-laptop-frame {
  background-size: 100%;
  height: 250px;
  width: 415px;
  background-image: url(../../../assets/images/emulators/laptop.png);
}
.layoutPanel .page-layout-tablet-frame {
  background-size: 79%;
  height: 350px;
  background-image: url(../../../assets/images/emulators/tablet.png);
  margin-left: 32px;
}
.layoutPanel .page-layout-mobile-frame {
  background-size: 50%;
  height: 350px;
  width: 390px;
  margin-left: 15px;
  background-image: url(../../../assets/images/emulators/mobile.png);
}
.layoutPanel .page-layout-tab li span {
  float: left;
}
.layoutPanel .page-layout-tab li .layout-icon-text {
  margin-top: 8px;
}
.layoutPanel .page-layout-tab li .layout-icon-wrap {
  vertical-align: middle;
  width: 45px;
  margin-right: 10px;
}
.layout-thumbnail div[class~="row"] {
  background-color: #eeeeee;
  border-bottom: 2px solid #ffffff;
  cursor: pointer;
}
.layout-thumbnail div[class~="row"]:last-child {
  border-bottom: 0px;
}
.layout-thumbnail div[class~="row"] div[class^="col-"] {
  border-left: 2px solid #ffffff;
  color: #666666;
  padding: 17px 0px;
  text-align: center;
  font-size: x-small;
}
.layout-thumbnail div[class~="row"] div[class^="col-"]:first-child {
  border-left: 0px;
}
.layout-thumbnail div[class~="row"] .layoutName {
  background-color: #333333;
  color: #ffffff !important;
  font-size: small !important;
}
.layout-thumbnail.mobileView div[class="row"] {
  border-bottom: 0px solid #ffffff;
}
.layout-thumbnail.mobileView div[class="row"] div[class^="col-"] {
  border-left: 0px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
/* Layout Panel Style End */
/**************Register Modal**************************/
@media (min-width: 769px) {
  .sign-in-left {
    border-right: 1px dashed #dddddd;
    margin-bottom: 20px;
  }
  .sign-in-left p:last-child {
    margin-bottom: 0;
  }
}
.sign-in-right {
  padding-bottom: 35px;
}
#sign-in-more {
  margin-top: 10px;
  display: none;
}
.full-btn {
  width: 100%;
  text-align: left;
  padding: 6px 15px;
}
.full-btn .fa {
  width: 15px;
  margin-right: 5px;
}
.modal-sign-in-dropdown {
  width: 100%;
}
.modal-sign-in-dropdown ul {
  width: 100%;
}
.modal-sign-in-dropdown ul li {
  width: 100%;
}
.modal-sign-in-dropdown ul li .fa {
  width: 15px;
  margin-right: 10px;
}
.register-instructions {
  color: #999999;
  text-align: left;
}
.line-thru {
  display: block;
  font-size: .875em;
  margin-bottom: 1em;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
  color: #999999;
}
.line-thru:before {
  width: 40px;
  height: 10px;
  background-color: #fff;
  content: '';
  margin: -5px 0 0 -20px;
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: -1;
}
.line-thru:after {
  border-bottom: 1px dashed #dddddd;
  content: '';
  display: block;
  position: absolute;
  top: 49%;
  width: 100%;
  z-index: -2;
}
.captchabox {
  border-radius: 4px;
  background-color: #eeeeee;
  margin-bottom: 20px;
}
.forgot-pass {
  float: right;
  text-align: right;
  margin-top: 7px;
}
.forgot-pass .fa {
  margin-right: 3px;
}
.remember-me {
  margin-right: 30px;
  margin-top: 7px;
}
.form-user-group {
  margin-bottom: 0;
}
/*** Network Modal End ***/
/************* Asset Library Start ******************************/
.assetLibrary {
  padding: 30px 0px 0px 0px;
  /* asset Library Uploder Start */
  /* asset Library Uploder End */
  /* asset Library Detail Start */
  /* asset Library Detail End */
}
.assetLibrary .assetLibraryUploder {
  padding: 15px 0px 0px 0px;
  background-color: #fff;
  margin: 0px 15px;
}
.assetLibrary .assetLibraryUploder thead tr th {
  border-bottom: 0px;
  text-align: center;
}
.assetLibrary .assetLibraryUploder thead tr th:first-child {
  text-align: left;
}
.assetLibrary .assetLibraryUploder h3 {
  margin-top: 0px;
}
.assetLibrary .assetLibraryUploder .another-file-over-class {
  border: 1px dashed #fff;
  background-color: lightblue;
}
.assetLibrary .assetLibraryUploder p {
  max-width: inherit;
}
.assetLibrary .assetLibraryUploder .upload-button {
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.assetLibrary .nav-tabs {
  padding-left: 10px;
}
.assetLibrary .tab-content {
  background-color: #EFEFEF;
}
.assetLibrary .libraryDetail {
  padding: 10px 20px 10px 10px;
  background-color: #fff;
}
.assetLibrary .libraryDetail .btn {
  padding: 6px 10px;
}
.assetLibrary .libraryDetail .tableContainer {
  margin-top: 15px;
}
.assetLibrary .libraryLeftSide {
  border-right: 1px solid lightgrey;
  padding: 0px 0px 0px 15px;
}
.assetLibrary .libraryLeftSide thead tr th {
  border-bottom: 0px;
  text-align: center;
}
.assetLibrary .libraryLeftSide thead tr th:first-child {
  text-align: left;
}
.assetLibrary .libraryLeftSide a.thumbnail:focus {
  border: 2px solid lightblue;
}
.assetLibrary .libraryRightSide {
  padding: 10px 10px 10px 0px;
}
.assetLibrary .libraryRightSide .imgDetail {
  width: 160px;
  display: inline-block;
}
.assetLibrary .libraryRightSide .imgDetail strong,
.assetLibrary .libraryRightSide .imgDetail a {
  display: inline-block;
  margin: 0px 5px 5px 0px;
}
.assetLibrary .libraryRightSide .assetLibraryForm {
  border-top: 1px solid lightgrey;
  padding-top: 18px;
  margin-top: 15px;
}
.assetLibrary .libraryRightSide .assetLibraryForm label {
  display: inline-block;
  width: 23%;
  margin-right: 5px;
  text-align: right;
  font-size: 13px;
  vertical-align: top;
  margin-top: 7px;
}
.assetLibrary .libraryRightSide .assetLibraryForm .form-group {
  margin-bottom: 5px;
}
.assetLibrary .libraryRightSide .assetLibraryForm .btn {
  float: right;
  margin-left: 10px;
}
.assetLibrary .libraryRightSide .assetLibraryForm .form-control {
  display: inline-block;
  width: 73%;
}
.assetLibrary .libraryRightSide .thumbnailImg {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  width: 80px;
  height: auto;
  border: 4px solid #fff;
  outline: 1px solid lightgrey;
}
@media (max-width: 480px) {
  .modal-library-topbutton {
    padding-right: 0;
  }
}
/* Asset Library End */
/*** Network Modal Start ***/
.network-status {
  font-size: small;
}
.network-panel h4 a {
  float: none !important;
}
.network-panel .active-social-media .fa:before {
  color: green;
}
.networkModal .panel-heading {
  padding: 0px;
}
.networkModal .panel-heading h2 {
  padding: 0px;
  border: 0px;
}
.networkModal .panel-heading h2 .panel-item {
  display: block;
  padding: 15px 15px 15px 25px;
}
.networkModal .social-media-checked-Icon {
  margin: 15px 0px 0px 8px;
  float: left;
}
.networkModal .net-arrow-down {
  margin: 15px 8px 0px 0px;
}
.networkModal .active-social-media .fa:before {
  color: green;
}
/*Stream Discovery*/
.panel-group .row {
  margin-bottom: 25px;
}
.panel-group .panel-default .panel-heading {
  background-color: #fbfbfb;
  color: #333333;
  cursor: pointer;
}
.panel-group .panel-default .panel-heading a {
  color: #333333;
  position: relative;
  padding-left: 0;
  text-decoration: none;
}
.panel-group .panel-default .panel-heading a h4 {
  margin: 0;
  padding: 0;
}
.panel-group .panel-default .panel-heading a h4:hover {
  text-decoration: none;
}
.panel-group .panel-default .panel-heading a h4:after {
  float: right;
  font-family: FontAwesome;
  content: "\f106";
  margin-right: 5px;
  width: 10px;
}
.panel-group .panel-default .panel-heading a.collapsed h4:after {
  font-family: FontAwesome;
  content: "\f107";
}
.panel-group .keyword-panel,
.panel-group .public-streams-panel {
  padding: 54px 0;
}
.panel-group .panel-streams {
  padding: 26px 0;
}
.panel-group .panel-body {
  border: none;
}
.stream-search {
  padding-bottom: 10px;
}
@media (max-width: 480px) {
  .stream-preview {
    font-size: 12px;
  }
}
.del-panel-inner {
  margin-bottom: 0;
}
.delete-stream-mod .dd-handle a .fa {
  width: 20px;
}
.mysites-mod .dd-handle span.mod-page-txt {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mysites-mod .dd-handle a {
  padding-left: 10px;
  padding-right: 10px;
}
.mysites-mod .dd-handle a .fa {
  width: 20px;
}
.stream-disc-results {
  margin-top: 20px;
  height: 300px;
  overflow: auto;
  text-align: left;
  padding: 0 20px;
}
.stream-disc-results .feed-detail-card {
  font-size: 0.9em;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.stream-disc-results .feed-detail-card:last-child {
  border-bottom: 0;
}
.stream-disc-results .feed-detail-card .post-details .card-user-pic {
  width: 35px;
  height: 35px;
}
.stream-disc-results .feed-detail-card .post-details .card-user-pic img {
  width: 35px;
  height: 35px;
}
.stream-disc-results .feed-detail-card .post-details .card-user {
  margin: 0;
}
.stream-disc-results .row {
  margin-bottom: 10px;
}
.stream-disc-results .img-detail-card {
  padding: 0;
  width: 48%;
}
.stream-disc-results .img-detail-card .post-details {
  padding: 20px;
}
.stream-disc-results .img-detail-card .img-content {
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.stream-disc-results .img-detail-card .img-content img {
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.stream-disc-results .img-detail-card:last-child {
  margin-left: 4%;
}
@media (max-width: 480px) {
  .stream-disc-results {
    padding: 0;
  }
}
.left-nav-add-stream-body {
  padding-bottom: 0;
}
.add-stream-form-module {
  width: 170px;
  float: left;
  margin-right: 10px;
}
.add-stream-form-module:last-child {
  margin-right: 0;
}
.left-nav-add-stream-form {
  font-size: 11px;
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
}
.left-nav-add-stream-form p {
  margin-bottom: 5px;
}
.left-nav-add-stream-form .form-group {
  width: 100%;
}
.left-nav-add-stream-form .form-group .form-control {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 767px) {
  .add-stream-form {
    float: right;
    width: 172px;
  }
  .nav-empty-space {
    display: none;
  }
  .left-nav-add-stream-form {
    margin-bottom: 10px;
  }
  .left-nav-add-stream-form p {
    margin-bottom: 0;
  }
}
.btn-left-nav-streams {
  width: 173px;
}
.stream-disc-footer {
  border-top: 0;
}
.stream-disc-tab li {
  float: left;
  margin-bottom: -1px;
  width: 16.666667%;
}
.stream-disc-tab li a {
  display: block;
  padding: 15px 10px;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.stream-disc-tab li a:active {
  border: 1px solid #dddddd;
  border-bottom: none;
  background-color: #eeeeee;
}
.stream-disc-tab li.active a {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #ffffff;
  color: #333333;
}
@media (max-width: 767px) {
  .stream-disc-left-tab .fa-2x {
    font-size: 1.5em;
  }
}
.stream-inner-tab-hld {
  margin-top: 20px;
}
.stream-inner-tab-hld ul {
  margin-bottom: 20px;
}
.stream-inner-tab-hld li + li {
  border-left: 1px solid #dddddd !important;
}
.stream-inner-tab-hld .stream-inner-tab a {
  border: 0 !important;
  border-radius: 0 !important;
}
.stream-inner-tab-hld .stream-inner-tab.active a {
  border-bottom: none;
  color: #000 !important;
  background-color: #eeeeee;
}
.stream-inner-tab-hld .stream-inner-tab.active a:hover {
  background-color: #eeeeee;
}
@media (max-width: 767px) {
  .stream-inner-tab-hld {
    width: 100%;
  }
  .stream-inner-tab-hld .stream-inner-tab {
    float: left !important;
    width: 33.33%;
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .stream-inner-tab-hld ul {
    margin-bottom: 10px;
  }
  .stream-inner-tab-hld .nav-tabs.nav-justified > li > a {
    padding: 5px 2px;
    margin-bottom: 0;
    font-size: 10px;
  }
}
.social-feed-slot {
  padding: 20px;
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
  border-radius: 4px;
  margin-bottom: 10px;
}
.social-feed-slot a {
  float: right;
}
.stream-disc-left-tab li {
  float: left;
  margin-bottom: -1px;
  width: 16.666667%;
}
.stream-disc-left-tab li a {
  display: block;
  padding: 15px 10px;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.stream-disc-left-tab li a:active {
  border: 1px solid #dddddd;
  border-bottom: none;
  background-color: #eeeeee;
}
.stream-disc-left-tab li.active a {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #ffffff;
  color: #333333;
}
.stream-disc-left-tab ul {
  border-bottom: 1px solid #ddd;
}
.stream-disc-left-tab ul li.listindex {
  width: 12.5% !important;
  float: left !important;
}
.stream-disc-left-tab ul li.listindex a {
  margin-bottom: 0px !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.stream-disc-left-tab ul li.listindex li.active a {
  border-bottom: 1px solid #fff;
}
@media (max-width: 767px) {
  .stream-disc-left-tab li.listindex li.active a {
    border-bottom: 1px solid #fff !important;
  }
  .stream-disc-left-tab .nav-tabs.nav-justified > .active > a,
  .stream-disc-left-tab .nav-tabs.nav-justified > .active > a:hover,
  .stream-disc-left-tab .nav-tabs.nav-justified > .active > a:focus {
    border-bottom: 1px solid #fff !important;
  }
}
@media (max-width: 480px) {
  .stream-disc-left-tab li.listindex a {
    padding: 0 !important;
  }
  .stream-disc-left-tab li.listindex li.active a {
    border-bottom: 1px solid #fff !important;
    padding: 0 !important;
  }
  .stream-disc-left-tab .nav-tabs.nav-justified > li.listindex.active > a,
  .stream-disc-left-tab .nav-tabs.nav-justified > li.listindex.active > a:hover,
  .stream-disc-left-tab .nav-tabs.nav-justified > li.listindex.active > a:focus {
    border: 0 !important;
    color: #000;
    border-bottom: 1px solid #000!important;
  }
}
.edit-modal-design {
  /*******************Design Modal************************/
}
.edit-modal-design .nav {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .edit-modal-design .nav {
    margin-bottom: 5px;
  }
  .edit-modal-design .nav-tabs.nav-justified > li > a {
    border: 1px solid #eeeeee;
  }
  .edit-modal-design .nav-tabs.nav-justified > li.active > a {
    background-color: #eeeeee;
  }
}
/************************Design/page/info/page-profile Tabs****************************/
.design-tab,
.page-layout-tab,
.info-tab,
.page-profile-tab {
  border-bottom: 1px solid #dddddd;
}
.design-tab li,
.page-layout-tab li,
.info-tab li,
.page-profile-tab li {
  float: left;
  margin-bottom: -1px;
}
.design-tab li a,
.page-layout-tab li a,
.info-tab li a,
.page-profile-tab li a {
  display: block;
  padding: 15px 10px;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.design-tab li a span,
.page-layout-tab li a span,
.info-tab li a span,
.page-profile-tab li a span {
  font-size: 11px;
}
.design-tab li a:active,
.page-layout-tab li a:active,
.info-tab li a:active,
.page-profile-tab li a:active {
  border: 1px solid #dddddd;
  border-bottom: none;
  background-color: #eeeeee;
}
.design-tab li a.sc-active,
.page-layout-tab li a.sc-active,
.info-tab li a.sc-active,
.page-profile-tab li a.sc-active {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #ffffff;
  color: #333333;
}
.page-profile-tab {
  margin-bottom: 20px;
}
.page-profile-tab li {
  width: 33.33333%;
}
.design-tab,
.info-tab {
  margin-bottom: 20px;
}
.design-tab li,
.info-tab li {
  width: 25%;
}
.stream-disc-btn {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
}
.stream-disc-btn:hover,
.stream-disc-btn:focus {
  border-right: 1px solid #dddddd;
  text-decoration: none;
}
.stream-disc-btn:hover a,
.stream-disc-btn:focus a {
  color: #000 !important;
}
.stream-disc-btn:hover:last-child,
.stream-disc-btn:focus:last-child {
  border-right: 0;
}
.stream-disc-btn:last-child {
  border-right: 0;
}
.stream-disc-btn-active {
  color: black !important;
}
.stream-disc-btn-active:focus {
  color: black !important;
}
.stream-tab-box {
  padding: 40px 0 20px;
}
.stream-disc-button-hld h4 {
  margin-bottom: 0;
}
/*************DesignTab****************************/
.page-colors .color-segment {
  margin-bottom: 25px;
}
.page-colors .color-segment .row {
  margin-bottom: 10px;
}
.design-form .row {
  margin-bottom: 20px;
}
.design-form .form-section {
  border-bottom: 1px dashed #dddddd;
  padding-bottom: 10px;
  margin-bottom: 30px;
  /*&:last-child {
         border-bottom: 0;
      }*/
}
.design-form .design-inst {
  margin-top: 36px;
  font-size: 0.8em;
}
.design-form h3 {
  padding-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  margin: 10px 0 30px;
}
.design-form h4 {
  margin-top: 30px;
  margin-bottom: 20px;
}
.design-form h4:first-child {
  margin-top: 0;
  padding-top: 0;
}
.color-box {
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  border: 1px solid #999999;
}
.color-text {
  margin-top: 4px;
  float: left;
}
.color-item-col {
  padding-top: 29px;
}
.color-item-bg {
  padding-top: 22px;
}
/***************************************** Page Wizard*****************************************/
.page-wizard .wizard-template,
.page-theme .wizard-template {
  background-color: #dddddd;
  width: 100%;
  overflow: hidden;
  border: 1px solid #dddddd;
  cursor: pointer;
  position: relative;
  margin-bottom: 10px;
}
.page-wizard .wizard-template span,
.page-theme .wizard-template span {
  position: absolute;
  bottom: 0;
  padding: 5px;
  background: rgba(51, 51, 51, 0.6);
  color: #ffffff;
  font-size: 11px;
  width: 100%;
}
.page-wizard .wizard-template img,
.page-theme .wizard-template img {
  width: 100%;
}
.page-wizard .theme-sel,
.page-theme .theme-sel {
  border-color: #333333;
}
.page-wizard .modal-body > .row:last-child,
.page-theme .modal-body > .row:last-child {
  margin-bottom: 0;
}
.page-wizard .wiz-crumb-hld,
.page-theme .wiz-crumb-hld {
  width: 30%;
  float: left;
}
.page-wizard .wizard-crumbs,
.page-theme .wizard-crumbs {
  color: #dddddd;
  margin-bottom: 30px;
}
.page-wizard .wizard-crumbs span,
.page-theme .wizard-crumbs span {
  /*float: left;*/
}
.page-wizard .wizard-crumbs .first-wiz-num,
.page-theme .wizard-crumbs .first-wiz-num {
  float: left;
}
.page-wizard .wizard-crumbs .mid-wiz-num,
.page-theme .wizard-crumbs .mid-wiz-num {
  margin: 0 auto;
  display: block;
}
.page-wizard .wizard-crumbs .wizard-head-txt,
.page-theme .wizard-crumbs .wizard-head-txt {
  margin: 2px 0 0 10px;
  float: left;
}
.page-wizard .wizard-crumbs .wizard-head-txt-active,
.page-theme .wizard-crumbs .wizard-head-txt-active {
  color: #2a2a2a;
}
.page-wizard .wizard-crumbs .wizard-num,
.page-theme .wizard-crumbs .wizard-num {
  display: block;
  background-color: #dddddd;
  color: #fff;
  width: 26px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  padding: 2px 0;
  font-weight: bold;
  float: left;
}
.page-wizard .wizard-crumbs .wizard-num-active,
.page-theme .wizard-crumbs .wizard-num-active {
  background-color: #333333;
}
.page-wizard .wizard-crumbs .wizard-chevron,
.page-theme .wizard-crumbs .wizard-chevron {
  display: block;
  border: 11px solid transparent;
  border-right: 0;
  border-left: 14px solid #dddddd;
}
.page-wizard .wizard-crumbs .wizard-chevron-active,
.page-theme .wizard-crumbs .wizard-chevron-active {
  border-left-color: #333333;
}
.page-wizard .wizard-crumbs .wiz-top-row,
.page-theme .wizard-crumbs .wiz-top-row {
  margin-bottom: 0px !important;
}
@media (max-width: 600px) {
  .page-wizard .wizard-crumbs {
    font-size: 12px;
  }
  .page-wizard .wizard-crumbs a:last-child {
    margin-right: 0;
  }
  .page-wizard .wizard-crumbs .mid-wiz-num {
    margin: 0 auto;
    display: block;
  }
  .page-wizard .wizard-crumbs .wizard-head-txt {
    margin: 2px 0 0 10px;
    float: left;
  }
  .page-wizard .wizard-crumbs .wizard-num {
    font-size: 10px;
    width: 20px;
  }
}
@media (max-width: 480px) {
  .page-wizard .wiz-first-crumb-hld {
    width: 34%;
  }
  .page-wizard .wizard-crumbs {
    font-size: 10px;
  }
  .page-wizard .wizard-crumbs a:last-child {
    margin-right: 0;
  }
  .page-wizard .wizard-crumbs .wizard-head-txt {
    margin: 2px 0 0 5px;
    float: left;
  }
  .page-wizard .wizard-crumbs .mid-wiz-num {
    margin: 0 auto;
    width: 100%;
    display: block;
  }
  .page-wizard .wizard-crumbs .mid-wiz-num .wizard-num {
    margin-left: 0;
  }
  .page-wizard .wizard-crumbs .last-wiz-num {
    float: left;
  }
  .page-wizard .wizard-crumbs .wizard-num {
    font-size: 10px;
    width: 20px;
  }
}
/********************Module Settings********************/
.module-setting-options {
  position: absolute;
  right: 20px;
  z-index: 99;
}
.module-setting-options .module-setting-button-group {
  background-color: #333333;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.module-setting-options .module-setting-button-group .module-setting-button {
  float: left;
  color: #ffffff;
  padding: 10px 12px;
}
.dropdown-menu li a {
  padding: 15px 20px;
}
.dropdown-menu .fa {
  margin-right: 10px;
}
.dropdown-menu li.powered-socxs a {
  padding: 6px 20px 6px;
  color: #666666;
  font-size: 12px;
  text-align: center;
  color: #999999;
  border-top: 1px solid #eeeeee;
}
.module-setting-signed-out {
  display: none;
}
/***********SEO  properties***************/
.seo-category-extra .form-group:last-child {
  margin-bottom: 25px;
}
.contact-form .row {
  margin-bottom: 25px;
}
.contact-form .row:last-child {
  margin-bottom: 25px;
}
.info-contact-page-slot {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 25px !important;
}
#pullfrom {
  font-family: FontAwesome, Arial;
}
.page-info-alert .alert .fa {
  margin-right: 5px;
}
.take-to-fb button {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 9px;
  text-align: left;
  line-height: 15px;
  background-image: none !important;
}
.take-to-fb button .take-it-to-smaller {
  font-size: 10px;
}
.take-to-fb button .fa {
  margin-top: 8px;
  font-size: 22px;
}
.take-to-fb .btn-facebook {
  background-color: #3a5795;
  color: #fff;
}
.take-to-fb .btn-facebook:hover {
  background-color: #2d4373;
  border-color: #2d4373;
  color: #fff;
}
.take-to-fb .btn-get-phone {
  background-color: #2a2a2a;
  color: #fff;
}
.take-to-fb .btn-get-phone:hover {
  background-color: #181818;
}
/***************Profile Modal properties**************************/
.profile-form {
  padding-bottom: 15px;
}
.modal-profile-photo {
  background-color: #dddddd;
  width: 100%;
  height: 163px;
  display: block;
  margin-bottom: 5px;
  height: 230px;
}
.modal-profile-photo-wrap .btn {
  width: 100%;
}
.profile-populate-btns {
  margin-top: 79px;
}
.profile-populate-btns .btn {
  width: 100%;
  text-align: left;
}
.profile-populate-btns .fa {
  margin-right: 10px;
}
.profile-populate-btns .fa-check-circle {
  font-size: 18px;
  visibility: hidden;
}
.profile-populate-btns .profselect .fa-check-circle {
  visibility: visible;
  color: #0f0;
}
.profile-populate-btns .prof-icon {
  width: 10px;
}
/*************Sites Modal ****************/
/*site  Panel*/
.sitePanel .panel-group {
  position: relative;
  margin-bottom: 10px;
}
.sitePanel .panel-group > .close {
  position: absolute;
  top: 10px;
  right: 20px;
}
.sitePanel .panel-group .panel-heading a {
  float: none !important;
}
/*****************Page Layout Modal**************************/
#layout-modal .modal-dialog {
  min-width: 750px;
}
/****************Notifications********************/
.notification-modal {
  padding-top: 30px;
  padding-bottom: 30px;
}
.notification-modal .notification-slot {
  padding: 10px 15px;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px;
  display: block;
  text-decoration: none;
  border: 1px solid #cfcfcf;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.notification-modal .notification-slot:last-child {
  margin-bottom: 0;
}
.notification-modal .notification-slot table {
  width: 100%;
}
.notification-modal .notification-slot table td {
  vertical-align: top;
}
.notification-modal .notification-slot .fa {
  margin-right: 5px;
  width: 10px;
}
.notification-modal .notification-slot a {
  color: none;
}
.notification-modal .notification-slot .noti-fa {
  width: 20px;
}
.notification-modal .notification-slot .btn-xs {
  min-width: 60px;
}
.vertical-section {
  font-size: 18px;
}
/***********************************************/
/*************************************************/
/* Image Gallery Module Start */
.flexslider.imageSliderWrap {
  margin: 0 0 27px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.flexslider.imageSliderWrap img {
  cursor: pointer;
}
.flexslider.imageSliderModalWrap {
  margin: 0 0 27px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.flexslider.imageSliderModalWrap .slides img {
  width: auto;
  display: inline-block;
}
.flexslider.imageSliderModalWrap .flex-direction-nav a {
  top: 15%;
}
.full-size-img img {
  border: 1px solid #efefef;
}
.full-image-detail {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 20px;
}
.full-image-detail h5 {
  margin: 0px;
}
.img-comments .socxs-module-row {
  margin: 20px 0px 0px 0px;
}
.img-comments .socxs-module-row .socxs-module.img-social-icons {
  text-align: center;
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.img-comments .socxs-module-row .img-comments-wrap {
  padding: 0px;
}
/**********DD stuff*******/
/*** Nestable ***/
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 600px;
  list-style: none;
  font-size: 13px;
  line-height: 20px;
}
.dd-list {
  display: block;
  position: relative;
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}
.dd-list .dd-list {
  padding-left: 30px;
}
.dd-list:last-child {
  margin-bottom: 0px;
}
.dd-handle.drop-control {
  cursor: pointer;
  position: relative;
}
.dd-handle.drop-control:before {
  position: absolute;
  font-family: FontAwesome;
  right: 15px;
  content: "\f106";
}
.dd-handle.drop-control.active:before {
  content: "\f107";
}
.dd-handle {
  display: block;
  color: #333333;
  text-decoration: none;
  border: 1px solid #cfcfcf;
  background: #fbfbfb;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 10px;
  padding: 12px 15px;
}
.dd-handle > a {
  color: #333333;
}
.dd-handle:hover {
  color: #999999;
  background: #fff;
}
.dd-handle .no-margin {
  margin: 0;
}
.dd-handle .dd-right-icons {
  float: right;
}
.dd-collapsed .dd-list {
  display: none;
}
.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
}
.dd-item:first-child > .dd-handle {
  margin-top: 0;
}
.dd-item:last-child > .dd-handle {
  margin-bottom: 0;
}
.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: right;
  width: 25px;
  height: 20px;
  margin: 12px 9px 12px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}
.dd-item > button:before {
  font-family: FontAwesome;
  content: '\f107';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #999999;
}
.dd-item button[data-action="collapse"]:before {
  font-family: FontAwesome;
  content: '\f106';
  color: #999999;
}
.dd-item .site-warning-delete,
.dd-item .warning-delete {
  margin-top: 5px;
}
.dd-item .site-warning-delete-active {
  transition: all linear 0.5s;
  -webkit-transition: all linear 0.5s;
}
.dd-item .warning-delete {
  margin-bottom: 5px;
}
.dd-item .sites-instructions span {
  float: left;
}
.dd-item .sites-instructions .delete-site {
  float: right;
}
.dd-item > .dd-list > .dd-item > .dd-handle {
  margin: 5px 0;
}
.dd-footer .dd-item > button {
  margin: 8px 0;
}
.dd-footer .dd-handle {
  padding: 7px 15px;
}
.dd-empty,
.dd-placeholder {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px dashed #bbb;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}
.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}
.dd-dragel > .dd-item .dd-handle {
  margin: 0;
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 700px) {
  .dd-handle {
    font-size: 11px;
  }
  .dd-handle a .fa {
    width: 20px;
  }
}
/*********** Partials******************/
/* Left Side Panel Start */
.logo-icon {
  display: none;
}
.mobile-edit-icon {
  display: none;
}
.sidebar {
  background-color: #181818;
  /**Notifications Bar**/
  /****Notifications Bar End****/
  -webkit-transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1);
  transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1);
  -webkit-transform: translate(0px, 0) translateZ(0px);
}
.sidebar .link-text {
  display: inline-block;
}
.sidebar .sx-notifications-menu {
  padding: 0 5px;
  margin-bottom: 10px;
}
.sidebar .sx-notifications-menu a {
  float: left;
  width: 26px;
  height: 26px;
  text-align: center;
  font-size: 18px;
}
.sidebar .sx-notifications-menu a.mid-notification {
  margin: 0 2px;
}
.sidebar .sx-notifications-menu .notification-count {
  margin-left: 12px;
}
.sidebar a {
  color: #ffffff;
}
.sidebar a:hover {
  color: #dddddd;
}
.sidebar .toggleBtn {
  text-align: right;
  display: block;
}
.sidebar .toggleBtn i.glyphicon:before {
  font-size: 20px;
}
.sidebar .navbar-container {
  padding-top: 40px;
  padding-bottom: 20px;
}
.sidebar .navbar-header {
  float: left;
}
.sidebar .navbar-header .logo {
  text-align: center;
  padding: 5px;
  display: inline-block;
  background-color: #181818;
  display: block;
}
.sidebar li {
  color: #dddddd;
}
.sidebar li a {
  padding: 15px;
}
.sidebar li a:hover,
.sidebar li a:focus {
  background-color: #181818;
  color: #ffffff;
}
.sidebar li a:active {
  color: #ffffff;
}
.sidebar li a p {
  text-align: center;
  margin-bottom: 5px;
}
.sidebar li a p:last-child {
  margin-bottom: 0;
}
.sidebar .side-seperator {
  border-bottom: 1px solid #2a2a2a;
  height: 0;
  display: block;
  margin: 15px 0;
}
.sidebar .sidebar-search {
  padding: 15px;
}
.sidebar .arrow {
  float: right;
  margin-top: 3px;
}
.sidebar .fa.arrow:before {
  content: "\f104";
}
.sidebar .active a .fa.arrow:before {
  content: "\f107";
}
.sidebar .sidebar-nav.navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}
.sidebar .nav-second-level li {
  border-bottom: 0 !important;
}
.sidebar .nav-second-level li a {
  padding-left: 62px;
}
.sidebar .nav-third-level li {
  border-bottom: 0 !important;
}
.sidebar .nav-third-level li a {
  padding-left: 77px;
}
.sidebar .fa-bars:before,
.sidebar .fa-navicon:before,
.sidebar fa-reorder:before {
  padding-top: 0;
}
.sidebar .view-panel {
  border-top: #333333 1px solid;
  padding: 20px 18px 25px 18px;
  margin-top: 30px;
  position: fixed;
  bottom: 0px;
}
.sidebar .view-panel .panel-label {
  text-align: center;
  margin-bottom: 5px;
  margin-top: 0;
  padding-top: 0;
}
.sidebar .view-panel .dropdown-menu {
  min-width: 100px;
  position: absolute;
  margin-left: 52px;
}
.sidebar .view-panel .dropdown-menu .fa {
  margin-right: 10px;
  width: 15px;
  text-align: center;
}
.sidebar .view-panel .dropdown-menu .glyphicon {
  margin-right: 10px;
}
.sidebar .view-panel .pub-toggle .dropdown-menu {
  margin-top: -100px;
}
.sidebar .view-panel .view-toggle .dropdown-menu {
  margin-top: -160px;
}
/* LEFT TOP ICONS */
.login-info {
  display: block;
  padding-left: 15px;
  float: left;
}
.login-info img {
  margin-left: 6px;
  margin-right: 5px;
  margin-top: 13px;
}
.login-info span {
  display: table;
}
.login-info a {
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
}
.login-info a:hover,
.login-info a:focus,
.login-info a:active {
  text-decoration: none;
}
.login-info .btn-group {
  margin-bottom: 10px;
}
.login-info .btn-group a {
  height: 22px;
  line-height: 20px;
  padding: 0;
  color: #dddddd;
  text-align: center;
  transition: all 0.1s ease 0s;
  width: 26px !important;
  border-color: #333333;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 4px;
}
.login-info .btn-group a:hover i:before {
  color: #ffffff;
}
.login-info .btn-group a:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.icon-custom-style {
  font-size: 28px;
}
.icon-custom-style2 {
  font-size: 35px;
}
.icon-custom-style3 {
  font-size: 37px;
}
.preview-toggle-txt {
  padding-top: 4px;
  color: #8b91a0;
}
@media (max-width: 1023px) {
  /*.toggleBtn {
        display: none !important;
    }*/
}
/* Tablet Version Style End */
/* MESSAGE BOX DETAIL */
.messageBox-Detail .arrow {
  left: 37%;
}
.messageBox-Detail textarea {
  height: 170px;
}
/* SOCIAL LINKS */
.social-links {
  margin-top: 10px;
}
.social-links .socialIcons {
  margin-right: 15px;
}
.social-links .radio,
.social-links .checkbox {
  display: inline-block;
  margin-top: 0px;
}
.social-links p {
  margin-bottom: 10px;
}
.social-links .social-item a {
  color: #999999;
}
.social-links .social-item .socialIcons {
  float: left;
  width: 20px;
  height: 25px;
  margin-right: 20px;
  line-height: 25px;
}
.social-links .social-item .socialIcons:before {
  font-size: 15px;
}
.social-links .social-item.inline-group {
  margin: 0;
}
.social-links .social-item.inline-group .checkbox {
  margin-top: 4px;
  margin-right: 5px;
}
.social-links .social-item.social-disabled {
  color: #999999;
}
/* Setting Box Detail */
.settingBox-Detail .tree > ul,
.settingBox-Detail .tree > p {
  margin-bottom: 0;
}
.settingBox-Detail .tree > p {
  font-size: 10px;
  color: #333333;
}
/*Footer Sign In*/
.footer-sign-in p {
  text-align: left;
}
.footer-sign-in p .btn {
  width: 100%;
}
.footer-sign-in .widget-body h4 {
  text-align: center;
  font-size: 16px;
}
/* Sticky footer styles End */
/* FOOTER TOOLTIP  */
.footer-tooltip {
  font-family: 'Open Sans';
  font-weight: 300;
  bottom: 25px;
  position: fixed;
  right: 10px;
  z-index: 600;
  width: 268px;
  margin-right: 20px;
}
.footer-tooltip .panel-body {
  padding: 15px !important;
}
.footer-tooltip a {
  color: #2a2a2a;
}
.footer-tooltip h3 {
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  border-bottom: 1px solid #dddddd;
  padding: 20px;
  color: #2a2a2a;
}
.footer-tooltip h3 a {
  color: #2a2a2a;
  float: right;
}
.footer-tooltip .btn-primary {
  color: #fff;
  background-color: #181818;
  border-color: #0b0b0b;
  background-image: none;
}
.footer-tooltip .btn-primary:hover {
  color: #fff;
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}
.footer-tooltip .btn-group {
  margin-bottom: 0;
}
.footer-tooltip .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
  color: #fff;
  background-color: #181818;
  border-color: #0b0b0b;
}
.footer-tooltip .note-editor .note-editable {
  background-color: #dddddd;
}
.footer-tooltip .note-editor .note-editable:focus {
  background-color: #ffffff;
}
.footer-tooltip .toolTipInner {
  background: #fefefe;
  min-height: 25px;
  color: #333;
  border: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}
.footer-tooltip .toolTipInner .tooltipinner-form {
  border: 0;
  padding: 15px;
}
.footer-tooltip .toolTipInner .tooltipinner-form.tooltipinner-post {
  padding-top: 0;
}
.footer-tooltip .toolTipInner .message-text-area {
  padding: 15px 15px 5px;
}
.footer-tooltip .toolTipInner .message-text-area input {
  border-radius: 4px;
}
.footer-tooltip .toolTipInner .messageBox-Detail textarea {
  height: 100px;
  resize: none;
}
.footer-tooltip .toolTipInner .min-messageBox {
  height: 62px;
  padding-bottom: 20px;
  overflow: hidden;
}
.footer-tooltip .toolTipInner .min-messageBox textarea {
  height: 32px;
}
.footer-tooltip .toolTipInner .min-messageBox .message-text-area {
  padding-bottom: 15px;
}
.footer-tooltip .toolTipInner .min-messageBox .hidebox,
.footer-tooltip .toolTipInner .min-messageBox h3 {
  display: none;
}
.footer-tooltip .toolTipInner .btn-foot-tool {
  float: right;
  margin-left: 5px;
}
.footer-tooltip .foot-tool-link {
  margin-top: 3px;
}
.footer-tooltip .input-group {
  margin-bottom: 13px;
}
.footer-tooltip .arrow {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #2a2a2a;
  position: absolute;
  bottom: -8px;
}
.footer-tooltip .input-style {
  padding: 6px 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.footer-tooltip input[type=text] {
  margin-bottom: 10px;
  padding: 6px 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #666;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.footer-tooltip input[type=file] {
  width: 100%;
}
.footer-tooltip textarea {
  padding: 6px 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin-bottom: 10px;
}
.footer-tooltip select i {
  box-shadow: 0 0 0 10px #ffffff;
}
.footer-tooltip .button:hover,
.footer-tooltip .button:focus {
  color: #333333;
  background-color: #eeeeee;
  border-color: #666666;
}
.footer-tooltip .mysite-footer {
  border-top: 1px solid #dddddd;
  text-align: center;
  padding: 10px;
  color: #2a2a2a;
  font-size: 12px;
}
.footer-tooltip .mysite-footer p {
  text-align: center;
  margin-bottom: 0;
}
.footer-tooltip .social-links {
  margin-top: 10px;
}
.footer-tooltip .social-links .socialIcons {
  margin-right: 15px;
}
.footer-tooltip .social-links .radio,
.footer-tooltip .social-links .checkbox {
  display: inline-block;
  margin-top: 0px;
}
.footer-tooltip .social-links p {
  margin-bottom: 10px;
}
.footer-tooltip .social-links .social-item a {
  color: #999999;
  font-weight: normal;
}
.footer-tooltip .social-links .social-item label {
  font-weight: normal;
}
.footer-tooltip .social-links .social-item .socialIcons {
  float: left;
  width: 20px;
  height: 25px;
  margin-right: 20px;
  line-height: 25px;
}
.footer-tooltip .social-links .social-item .socialIcons:before {
  font-size: 15px;
}
.footer-tooltip .social-links .social-item.inline-group {
  margin: 0;
}
.footer-tooltip .social-links .social-item.inline-group .checkbox {
  margin-top: 4px;
  margin-right: 5px;
}
.footer-tooltip .social-links .social-item.social-disabled {
  color: #999999;
}
.footer-tooltip .footerScroll {
  height: 88px;
  overflow: auto;
  margin-bottom: 20px;
}
.footer-tooltip .no-footerScroll {
  margin-bottom: 20px;
}
/*****************End of Footer Tooltip********************************/
/* Sticky footer styles Start */
.socxs_footer {
  position: fixed;
  bottom: 0;
  right: 30px;
  z-index: 700;
  font-family: "Open Sans";
  /*
    .footerIconWrap {
        .footericonclass;
        text-align: center;
        margin: 0;
        padding: 0;


        li {
            .footericonclass;
            list-style: none;
            display: inline-block;
            float: left;

            &:first-child {
                .footericon {
                    border-left: 0px;
                    /*border-radius:5px  0px 0px 0px; */
  /*            }
            }

            &:last-child {
                .footericon {
                    border-right: 0px;
                    /*border-radius:0px  5px 0px 0px; */
  /*               border-left: 1px solid @gray-dark;

                    &:hover {
                        background-color: @gray-dark;
                    }
                }
          }

            a {
                .footericon {
                    background: @gray-darkest;
                    transition: color .1s linear 0s,background-color .1s linear 0s !important;
                    line-height: 27px;
                    width: 25px;
                    border-left: 1px solid @gray-darker;
                    border-right: 1px solid @gray-dark;
                    padding: 0px 26px;
                    height: 25px;
                    cursor: pointer;
                    display: block;

                    &:before {
                        color: #fff;
                        font-size: 16px;
                        margin-left: -8px;
                    }
                }


                &:hover {
                    border: 0px;
                    box-shadow: none;
                    padding: 0px;
                    margin: 0px !important;

                    .footericon {
                        background-color: @gray-dark;
                    }
                }

                .footer-setting-icon {
                    background: @gray;
                }
            }

            a.btn {
                .footericonclass;
            }

            a.default-state {
                .footericon {
                    background-color: @gray-darkest;
                }

                &:hover {
                    .footericon {
                        background-color: @gray-dark;
                    }
                }
            }
        } 

        li.ui-tabs-active {
            a {
                .footericonclass;
            }

            &:hover {
                .footericonclass;
            }
        }

        li.ui-state-active {
            .footericon {
                background-color: @gray-dark;

                .footer-setting-icon {
                    background: @gray-lighter;
                }
            }
        }
    }*/
}
.socxs_footer .footer_digest {
  display: block;
  padding: 20px 25px 20px 30px;
  cursor: pointer;
  background-color: rgba(51, 51, 51, 0.85);
  color: #fff;
  -webkit-box-shadow: 0px 0px 9px 0px #333333;
  -moz-box-shadow: 0px 0px 9px 0px #333333;
  box-shadow: 0px 0px 9px 0px #333333;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.socxs_footer .footer_digest p {
  margin-bottom: 2px;
}
.socxs_footer .footer_digest p:last-child {
  margin-bottom: 0;
}
.socxs_footer .footer_digest .footer_digest_left {
  font-size: 35px;
  line-height: 0px;
  text-align: left;
}
.socxs_footer .footer_digest .footer_digest_right {
  text-align: left;
  margin-left: 10px;
  line-height: 10px;
  letter-spacing: 3px;
}
.socxs_footer .footer_digest .digest_top {
  line-height: 18px;
  font-size: 18px;
  margin-bottom: 5px;
  letter-spacing: 5px;
}
.socxs_footer .footer_digest .digest_bottom {
  font-weight: 300;
}
.socxs_footer .footer_digest:hover {
  text-decoration: none;
}
.footer-setting-icon {
  background: #999999;
}
.footer-setting-icon:focus {
  background: #999999;
}
.footer-setting-icon:hover {
  background: #999999;
}
/*******************************Mobile Only Styles That do not exist in ************************************************************/
/* Version For Mobile Start */
@media (max-width: 768px) {
  .mg-hidden-xs {
    display: none !important;
  }
  .desktop-sidebar {
    display: none;
  }
  .socxs-publish {
    display: none;
  }
  .layoutPanel {
    overflow: auto;
  }
  .page-help {
    display: none!important;
  }
  .footer-setting-icon {
    background: transparent;
  }
  .footer-setting-icon:focus {
    background: transparent;
  }
  .footer-setting-icon:hover {
    background: transparent;
  }
  .modal-header .close {
    /* margin-right:0;*/
    /*margin-top:0;*/
  }
  .modal-dialog {
    margin-right: 26px;
  }
  #mob-btn-footer,
  #mob-btn-edit {
    display: block;
  }
  .socxs-head-padding {
    padding-top: 0;
  }
  .toggleBtn {
    display: none !important;
  }
  .sidebar .navbar-container {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .logo {
    display: none;
  }
  .sidebar .navbar-header .logo {
    display: none;
  }
  .sidebar .navbar-header .logo img {
    width: 100%;
    padding: 0;
  }
  .socxs-top-nav,
  #mobile-footer,
  #main-menu {
    border-bottom: solid;
    border-bottom-color: rgba(128, 128, 128, 0.26);
    border-bottom-width: 1px;
    background-color: #ffffff;
    text-align: center;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 0px 1px 5px 0px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 1px 5px 0px rgba(51, 51, 51, 0.2);
  }
  .socxs-top-nav .nav .open > a,
  #mobile-footer .nav .open > a,
  #main-menu .nav .open > a {
    background-color: transparent;
  }
  .socxs-top-nav .nav > li,
  #mobile-footer .nav > li,
  #main-menu .nav > li {
    float: left;
  }
  .socxs-top-nav .nav > li > a,
  #mobile-footer .nav > li > a,
  #main-menu .nav > li > a {
    color: #181818;
    border-radius: 0;
  }
  .socxs-top-nav .nav > li > a:hover,
  #mobile-footer .nav > li > a:hover,
  #main-menu .nav > li > a:hover {
    background-color: #181818;
    color: #fff;
  }
  .socxs-top-nav .nav > li > a:focus,
  #mobile-footer .nav > li > a:focus,
  #main-menu .nav > li > a:focus {
    background-color: #181818;
    color: #fff;
  }
  .socxs-top-nav .nav > li > a p,
  #mobile-footer .nav > li > a p,
  #main-menu .nav > li > a p {
    margin-bottom: 5px;
  }
  .socxs-top-nav .nav > li > a p:last-child,
  #mobile-footer .nav > li > a p:last-child,
  #main-menu .nav > li > a p:last-child {
    margin-bottom: 0;
  }
  .socxs-top-nav .addmod-desktop,
  #mobile-footer .addmod-desktop,
  #main-menu .addmod-desktop {
    display: none;
  }
  .socxs-top-nav .addmod-mobile,
  #mobile-footer .addmod-mobile,
  #main-menu .addmod-mobile {
    display: inline;
  }
  .socxs-top-nav .socxs-nav-title,
  #mobile-footer .socxs-nav-title,
  #main-menu .socxs-nav-title {
    display: none;
  }
  #main-menu > ul.nav > li {
    width: 20%;
  }
  #mobile-footer > ul.nav > li {
    width: 25%;
  }
  .top-nav-inner > ul.nav > li {
    width: 25%;
  }
  .top-nav-inner > ul.nav > li > ul.dropdown-menu > li > a i.fa {
    margin-right: 10px;
  }
  .top-nav-inner > ul.nav > li > ul.dropdown-menu > li > a:hover,
  .top-nav-inner > ul.nav > li > ul.dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #181818;
  }
  .top-nav-inner .mob-edit-menu {
    width: 25% !important;
  }
  .top-nav-inner .mob-edit-menu .dropdown-toggle {
    padding: 8px 5px 5px;
  }
  #edit-navbar.in,
  #main-menu.in,
  #mobile-footer.in {
    overflow-y: visible;
  }
  .mob-main-close {
    position: absolute;
    right: 15px;
    font-size: 16px;
    top: 4px;
  }
  .mob-main-help {
    position: absolute;
    left: 15px;
    font-size: 16px;
    top: 4px;
  }
  .mob-nav-wrap #edit-navbar,
  .mob-nav-wrap #main-menu,
  .mob-nav-wrap #mobile-footer {
    position: relative;
  }
  .mob-nav-wrap #edit-navbar ul.nav > li,
  .mob-nav-wrap #main-menu ul.nav > li,
  .mob-nav-wrap #mobile-footer ul.nav > li {
    position: inherit;
  }
  .mob-nav-wrap #edit-navbar ul.nav > li ul.dropdown-menu,
  .mob-nav-wrap #main-menu ul.nav > li ul.dropdown-menu,
  .mob-nav-wrap #mobile-footer ul.nav > li ul.dropdown-menu {
    width: 100%;
    margin: 0;
    padding: 15px;
    border-radius: 0px;
    border: 0px;
    border-top: 1px solid #dddddd;
  }
  .mob-nav-wrap #edit-navbar ul.nav > li ul.dropdown-menu li,
  .mob-nav-wrap #main-menu ul.nav > li ul.dropdown-menu li,
  .mob-nav-wrap #mobile-footer ul.nav > li ul.dropdown-menu li {
    text-align: left;
  }
  .mob-nav-wrap #edit-navbar ul.nav > li ul.dropdown-menu li:first-child,
  .mob-nav-wrap #main-menu ul.nav > li ul.dropdown-menu li:first-child,
  .mob-nav-wrap #mobile-footer ul.nav > li ul.dropdown-menu li:first-child {
    margin: 0px;
  }
  .mob-nav-wrap #edit-navbar ul.nav > li ul.dropdown-menu li a,
  .mob-nav-wrap #main-menu ul.nav > li ul.dropdown-menu li a,
  .mob-nav-wrap #mobile-footer ul.nav > li ul.dropdown-menu li a {
    padding: 15px;
    border-bottom: 1px solid #eeeeee;
  }
  .mob-nav-wrap #edit-navbar ul.nav > li ul.dropdown-menu li a p,
  .mob-nav-wrap #main-menu ul.nav > li ul.dropdown-menu li a p,
  .mob-nav-wrap #mobile-footer ul.nav > li ul.dropdown-menu li a p {
    margin-bottom: 5px;
  }
  .mob-nav-wrap #edit-navbar ul.nav > li ul.dropdown-menu li:last-child a,
  .mob-nav-wrap #main-menu ul.nav > li ul.dropdown-menu li:last-child a,
  .mob-nav-wrap #mobile-footer ul.nav > li ul.dropdown-menu li:last-child a {
    border-bottom: 0;
  }
  .mob-menu-btn {
    display: block;
    float: right;
    line-height: 33px;
    text-align: center;
    min-width: 25px;
    margin: 14px 25px 0;
    cursor: pointer;
  }
  .mob-menu-btn i.fa {
    font-size: 25px;
  }
  .mob-menu-btn.active {
    color: #999999;
  }
  .mob-chat-icon {
    margin-right: 20px;
  }
  .navbar-toggle {
    float: right;
    margin-right: 15px !important;
    margin-left: 20px !important;
    width: auto;
    background-color: #ffffff;
    padding: 6px 8px;
  }
  .navbar-header {
    background-color: #181818;
    z-index: 1001;
    width: 100%;
  }
  .navbar-header p {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
  }
  .login-info,
  .previewIcon {
    display: none;
  }
  .navbar-default .navbar-collapse {
    border: none;
  }
  .navbar-collapse {
    border-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .footer-tooltip,
  .socxs_footer,
  .nav > li.view-panel-li,
  .sxst-manage-box {
    display: none;
  }
  .view-mobile {
    display: none!important;
  }
}
@media (min-width: 769px) {
  .mob-side-btn-box {
    display: none;
  }
}
@media (max-width: 768px) {
  .sx-notifications-menu {
    display: none;
  }
  footer {
    display: none;
  }
  .socxs-ad-hld {
    width: 100%;
  }
  .socxs-ad-foot {
    margin: 0 auto;
  }
  .socxs-ad-foot-mediagate {
    left: 0;
  }
}
/*************************Shared with Public*******************************************/
/**Backgound Styles**/
/*Page Background Styles*/
/*Main Body Background Color*/
/* Main Body Background Image*/
/*Body Repeat*/
/*Body Horizontal Position*/
/*Body Vertical Position*/
/*Body Attachment (Scroll/noscroll/fixed*/
/*Page Container Styles*/
/*Container Background Color*/
/*Container Image*/
/*Container Repeat*/
/*Container Horizontal Postion*/
/*Container Vertical Position*/
/*Container attachment (Scroll/Nosroll Fixed*/
/*Container vertical padding*/
/*Container Horizontal Padding*/
/************Frame Styles*******************************/
/*Frame Title*/
/*Horizontal*/
/*Vertical*/
/*Size*/
/*Weight*/
/*Font*/
/*Link*/
/*Frame Content*/
/*Horizontal*/
/*Vertical*/
/*Frame Margin*/
/*Frame*/
/*Frame Border*/
/*Thickness*/
/*Type*/
/*Radius*/
/*Border*/
/*Frame Shadow*/
/*Horizontal*/
/*Vertical*/
/*Blur*/
/*Spread*/
/*Shadow*/
/*************************Card Styles***********************/
/*User*/
/*Size*/
/*Weight*/
/*Text*/
/*User*/
/*Card Settings*/
/*Vertical-top*/
/*Vertical-Bottom*/
/*Horizontal*/
/*Card*/
/*Side Margin*/
/*Card Margin*/
/*Card Paragraph Styles*/
/*Horizontal Padding*/
/*Veritcal Padding*/
/*Horizontal Margin*/
/*Vertical Margin*/
/*Size*/
/*Text*/
/*Link*/
/*Footer*/
/*Card Separator*/
/*Thickness*/
/*Type*/
/*Separator*/
/*Card Border*/
/*Thickness*/
/*Type*/
/*Radius*/
/*Border*/
/*Card Shadow*/
/*Horizontal*/
/*Vertical*/
/*Blur*/
/*Spread*/
/*Shadow*/
.sxst-card {
  border: 1px rgba(128, 128, 128, 0.24) solid;
  background-color: #fffefe;
  margin: 10px 8px;
  padding: 20px 20px 10px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.35);
}
.sxst-card:first-child {
  /* This is needed to override Bootstrap media's zero margin on first-child */
  margin-top: 8px;
}
.sxst-card h4.media-heading {
  display: inline-block;
  color: #181818;
  font-size: larger;
  font-weight: bold;
}
.sxst-card h4.media-heading a {
  color: #404040;
}
.sxst-card h4.media-heading a:hover {
  text-decoration: underline;
}
.sxst-card .media-body {
  padding: 10px 10px;
  margin: 10px 0px;
  color: #181818;
  font-size: 14px;
}
.sxst-card .media-body a {
  color: #808080;
}
.sxst-card-footer a {
  color: #808080;
  margin: 10px;
}
.sxst-card-footer hr {
  margin-top: 8px;
  margin-bottom: 8px;
  border-top: 1px solid #dddddd;
}
.sxst-card-footer .fa {
  /* Share Icons */
  font-size: large;
  color: #808080;
}
.sxst-card-no-padding {
  padding: 0 0 0 0;
  margin: -20px -20px 10px -20px;
}
.sxst-card-no-padding img {
  max-width: 100%;
  border-radius: 6px 6px 0px 0px;
}
/**************THIS SECTION IS A REPEAT OF PUBLIC.LESS IN THE FRONT END******************/
/*********************This file  contains shared elements between Mediagate and the Public Page****/
/*********************Manage Button*************************/
.sxst-manage-box {
  left: 5%;
  position: fixed;
  top: 2%;
  z-index: 900;
}
.sxst-manage-button {
  display: block;
  background-color: rgba(51, 51, 51, 0.75);
  color: #fff;
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 5px;
  font-family: 'Open Sans' !important;
  -webkit-box-shadow: 0px 0px 9px 0px #333333;
  -moz-box-shadow: 0px 0px 9px 0px #333333;
  box-shadow: 0px 0px 9px 0px #333333;
}
.sxst-manage-button .fa {
  color: #fff;
}
.sxst-manage-button:hover,
.sxst-manage-button:focus {
  color: #999999;
  text-decoration: none;
}
.sxst-manage-button a {
  float: left;
  font-size: 24px;
  text-align: center;
}
.sxst-manage-button a.sxst-middle-button {
  padding-left: 35px;
  padding-right: 35px;
}
.sxst-manage-button a.sxst-left-button .fa {
  font-size: 27px;
  padding-top: 5px;
}
.notification-count {
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  color: #fff;
  background-color: #d00;
  border-radius: 50%;
  font-size: 9px;
  margin-left: 10px;
  margin-top: -6px;
  text-align: center;
  padding-top: 3px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}
@media (max-width: 768px) {
  .sxst-manage-box {
    display: none;
  }
  .mob-side-menu-hld {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    height: 100%;
  }
  .mob-side-menu-show-setup,
  .mob-side-menu-hide-setup {
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
  }
  .mob-side-menu {
    float: left;
    width: 140px;
    background-color: rgba(0, 0, 0, 0.75);
    overflow: auto;
    height: 100%;
    -moz-box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.25);
    margin: 0;
  }
  .mob-side-menu ul {
    margin: 0;
    padding: 0;
  }
  .mob-side-menu ul li {
    border-bottom: 1px solid #333;
    list-style: none;
    margin: 0;
  }
  .mob-side-menu ul li a {
    display: block;
    padding: 15px 15px;
    color: #fff !important;
  }
  .mob-side-menu ul li a:hover {
    background-color: #999999;
    color: #000 !important;
    text-decoration: none;
  }
  .mob-side-menu ul li a .fa {
    width: 20px;
    margin-left: 5px;
  }
  .mob-side-menu ul li:last-child {
    border-bottom: none;
  }
  .mob-side-menu ul .mob-side-menu-header {
    text-align: center;
  }
  .mob-side-menu ul .mob-side-menu-footer {
    text-align: center;
    padding-top: 20px;
  }
  .mob-side-menu ul .mob-side-menu-footer .btn-primary {
    width: 90px;
    background-color: #333;
    border-color: #333;
  }
  .hide-side-menu {
    display: none !important;
  }
  .mob-side-btn-box {
    right: 0;
    position: fixed;
    bottom: 10%;
    z-index: 900;
  }
  .mob-noti-count {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #d00;
    border-radius: 50%;
    font-size: 7px;
    margin-left: 7px;
    margin-top: -6px;
    text-align: center;
    padding-top: 2px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  }
  .mob-side-btn {
    display: block;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    width: 44px;
    height: 44px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 13px 13px;
    margin-bottom: 5px;
    -webkit-box-shadow: 0px 0px 5x 0px #333333;
    -moz-box-shadow: 0px 0px 5px 0px #333333;
    box-shadow: 0px 0px 5px 0px #333333;
  }
  .mob-side-btn:hover,
  .mob-side-btn:focus {
    color: #999999;
  }
  .mob-side-btn .fa {
    font-size: 18px;
  }
  .mob-side-btn-active {
    margin-right: 140px;
    color: #fff;
  }
  .mob-side-posting {
    display: block;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    width: 44px;
    height: 44px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 13px 13px;
    margin-bottom: 5px;
    -webkit-box-shadow: 0px 0px 5x 0px #333333;
    -moz-box-shadow: 0px 0px 5px 0px #333333;
    box-shadow: 0px 0px 5px 0px #333333;
  }
  .mob-side-posting:hover,
  .mob-side-posting:focus {
    color: #999999;
  }
  .mob-side-posting .fa {
    font-size: 18px;
  }
  .mob-side-manage {
    display: block;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    width: 44px;
    height: 44px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 13px 13px;
    margin-bottom: 5px;
    -webkit-box-shadow: 0px 0px 5x 0px #333333;
    -moz-box-shadow: 0px 0px 5px 0px #333333;
    box-shadow: 0px 0px 5px 0px #333333;
  }
  .mob-side-manage:hover,
  .mob-side-manage:focus {
    color: #999999;
  }
  .mob-side-manage .fa {
    font-size: 18px;
  }
  .navbar-container {
    display: none;
  }
}
/*************************Shared with Public*******************************************/
/**Backgound Styles**/
/*Page Background Styles*/
/*Main Body Background Color*/
/* Main Body Background Image*/
/*Body Repeat*/
/*Body Horizontal Position*/
/*Body Vertical Position*/
/*Body Attachment (Scroll/noscroll/fixed*/
/*Page Container Styles*/
/*Container Background Color*/
/*Container Image*/
/*Container Repeat*/
/*Container Horizontal Postion*/
/*Container Vertical Position*/
/*Container attachment (Scroll/Nosroll Fixed*/
/*Container vertical padding*/
/*Container Horizontal Padding*/
/************Frame Styles*******************************/
/*Frame Title*/
/*Horizontal*/
/*Vertical*/
/*Size*/
/*Weight*/
/*Font*/
/*Link*/
/*Frame Content*/
/*Horizontal*/
/*Vertical*/
/*Frame Margin*/
/*Frame*/
/*Frame Border*/
/*Thickness*/
/*Type*/
/*Radius*/
/*Border*/
/*Frame Shadow*/
/*Horizontal*/
/*Vertical*/
/*Blur*/
/*Spread*/
/*Shadow*/
/*************************Card Styles***********************/
/*User*/
/*Size*/
/*Weight*/
/*Text*/
/*User*/
/*Card Settings*/
/*Vertical-top*/
/*Vertical-Bottom*/
/*Horizontal*/
/*Card*/
/*Side Margin*/
/*Card Margin*/
/*Card Paragraph Styles*/
/*Horizontal Padding*/
/*Veritcal Padding*/
/*Horizontal Margin*/
/*Vertical Margin*/
/*Size*/
/*Text*/
/*Link*/
/*Footer*/
/*Card Separator*/
/*Thickness*/
/*Type*/
/*Separator*/
/*Card Border*/
/*Thickness*/
/*Type*/
/*Radius*/
/*Border*/
/*Card Shadow*/
/*Horizontal*/
/*Vertical*/
/*Blur*/
/*Spread*/
/*Shadow*/
.sxst-card {
  border: 1px rgba(128, 128, 128, 0.24) solid;
  background-color: #fffefe;
  margin: 10px 8px;
  padding: 20px 20px 10px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.35);
}
.sxst-card:first-child {
  /* This is needed to override Bootstrap media's zero margin on first-child */
  margin-top: 8px;
}
.sxst-card h4.media-heading {
  display: inline-block;
  color: #181818;
  font-size: larger;
  font-weight: bold;
}
.sxst-card h4.media-heading a {
  color: #404040;
}
.sxst-card h4.media-heading a:hover {
  text-decoration: underline;
}
.sxst-card .media-body {
  padding: 10px 10px;
  margin: 10px 0px;
  color: #181818;
  font-size: 14px;
}
.sxst-card .media-body a {
  color: #808080;
}
.sxst-card-footer a {
  color: #808080;
  margin: 10px;
}
.sxst-card-footer hr {
  margin-top: 8px;
  margin-bottom: 8px;
  border-top: 1px solid #dddddd;
}
.sxst-card-footer .fa {
  /* Share Icons */
  font-size: large;
  color: #808080;
}
.sxst-card-no-padding {
  padding: 0 0 0 0;
  margin: -20px -20px 10px -20px;
}
.sxst-card-no-padding img {
  max-width: 100%;
  border-radius: 6px 6px 0px 0px;
}
/**************THIS SECTION IS A REPEAT OF PUBLIC.LESS IN THE FRONT END******************/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* Miscellenaous Mixins */
body {
  font-family: 'Open Sans';
}
@media (min-width: 769px) {
  .sxmg-maincontainer {
    padding-left: 82px;
  }
}
iframe {
  border: 0;
}
html,
body,
#publicPage {
  height: 100%;
}
.link-advance-option {
  float: right;
  cursor: pointer;
  margin-bottom: 6px;
  font-size: smaller;
}
#publicPage #sxMediaGateAppCtrl {
  height: 100%;
}
#publicPage #sxMediaGateAppCtrl #wrapper {
  height: 100%;
}
#publicPage #sxMediaGateAppCtrl #wrapper #page-wrapper {
  height: 100%;
}
#content iframe {
  height: 100% !important;
  display: block;
}
.dropdown-menu .divider {
  border-color: #dddddd;
}
.hidebox {
  display: none;
}
.instructions {
  font-size: 12px;
  color: #999999;
}
.topNav-spc {
  padding-top: 106px !important;
}
@media (min-width: 767px) {
  .socxs-head-padding {
    padding-top: 86px;
    display: block;
  }
}
/*Universal Form edits*/
.page404 {
  padding: 150px 200px 200px;
}
.page404 p {
  text-align: center;
  font-weight: 300;
}
.page404 p.link404 {
  color: #999999;
  font-size: 20px;
}
.page404 p.link404 .btn-link {
  color: #999999;
  font-weight: 300;
  font-size: 20px;
}
.page404 p.link404 .btn-link:hover {
  text-decoration: none;
}
.page404 p.big-wrong {
  font-size: 100px;
  padding: 0;
}
.page404 p.goes-wrong {
  font-size: 38px;
  margin-bottom: 70px;
}
.page404 .page404foot {
  margin-top: 150px;
  font-size: 10px;
  border-top: 1px solid #dddddd;
}
.page404 .page404foot p {
  text-align: left;
  padding: 10px 0;
}
@media (max-width: 1030px) {
  .page404 {
    padding: 150px 50px 200px;
  }
}
@media (max-width: 530px) {
  .page404 {
    padding: 150px 0 200px;
  }
}
/*Mediagate module*/
.media-gate-mod {
  border: 1px dotted #333333;
  vertical-align: middle;
}
.media-gate-mod p {
  text-align: center;
}
.media-gate-mod:hover {
  border: 1px dotted #999999;
}
/*welcome wrap */
.welcome-wrap {
  background-color: #fff;
  margin-top: 20%;
  margin-left: 2%;
  border-radius: 10px;
}
.welcome-wrap p {
  margin-left: 5%;
}
.welcome-wrap h1 {
  margin-top: 30%;
  margin-left: 5%;
}
/***********Service Colors *******************/
.btn-facebook-color {
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff;
}
.btn-facebook-color:hover {
  background-color: #2d4373;
  border-color: #2d4373;
  color: #fff;
}
.btn-facebook-color:visited,
.btn-facebook-color:focus {
  color: #fff;
}
.sx-facebook-color {
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff;
}
.sx-facebook-color a {
  color: #fff;
}
.sx-text-facebook-color {
  color: #3b5998;
}
.btn-twitter-color {
  background-color: #55acee;
  border-color: #55acee;
  color: #fff;
}
.btn-twitter-color:hover {
  background-color: #0084b4;
  border-color: #0084b4;
  color: #fff;
}
.btn-twitter-color:visited,
.btn-twitter-color:focus {
  color: #fff;
}
.sx-twitter-color {
  background-color: #55acee;
  border-color: #55acee;
  color: #fff;
}
.sx-twitter-color a {
  color: #fff;
}
.sx-text-twitter-color {
  color: #55acee;
}
.btn-google-color {
  background-color: #dd4b39;
  border-color: #dd4b39;
  color: #fff;
}
.btn-google-color:hover {
  background-color: #a83a2c;
  border-color: #a83a2c;
  color: #fff;
}
.btn-google-color:visited,
.btn-google-color:focus {
  color: #fff;
}
.sx-google-color {
  background-color: #dd4b39;
  border-color: #dd4b39;
  color: #fff;
}
.sx-google-color a {
  color: #fff;
}
.sx-text-google-color {
  color: #dd4b39;
}
.btn-tumblr-color {
  background-color: #35465c;
  border-color: #35465c;
  color: #fff;
}
.btn-tumblr-color:hover {
  background-color: #35465c;
  border-color: #35465c;
  color: #fff;
}
.btn-tumblr-color:visited,
.btn-tumblr-color:focus {
  color: #fff;
}
.sx-tumblr-color {
  background-color: #35465c;
  border-color: #35465c;
  color: #fff;
}
.sx-tumblr-color a {
  color: #fff;
}
.sx-text-tumblr-color {
  color: #35465c;
}
.btn-instagram-color {
  background-color: #663300;
  border-color: #663300;
  color: #fff;
}
.btn-instagram-color:hover {
  background-color: #663300;
  border-color: #663300;
  color: #fff;
}
.btn-instagram-color:visited,
.btn-instagram-color:focus {
  color: #fff;
}
.sx-instagram-color {
  background-color: #663300;
  border-color: #663300;
  color: #fff;
}
.sx-instagram-color a {
  color: #fff;
}
.sx-text-instagram-color {
  color: #663300;
}
.btn-flickr-color {
  background-color: #0063dc;
  border-color: #0063dc;
  color: #fff;
}
.btn-flickr-color:hover {
  background-color: #0063dc;
  border-color: #0063dc;
  color: #fff;
}
.btn-flickr-color:visited,
.btn-flickr-color:focus {
  color: #fff;
}
.sx-flickr-color {
  background-color: #0063dc;
  border-color: #0063dc;
  color: #fff;
}
.sx-flickr-color a {
  color: #fff;
}
.sx-text-flickr-color {
  color: #0063dc;
}
.btn-linkedin-color {
  background-color: #007bb6;
  border-color: #007bb6;
  color: #fff;
}
.btn-linkedin-color:hover {
  background-color: #007bb6;
  border-color: #007bb6;
  color: #fff;
}
.btn-linkedin-color:visited,
.btn-linkedin-color:focus {
  color: #fff;
}
.sx-linkedin-color {
  background-color: #007bb6;
  border-color: #007bb6;
  color: #fff;
}
.sx-linkedin-color a {
  color: #fff;
}
.sx-text-linkedin-color {
  color: #007bb6;
}
.btn-yahoo-color {
  background-color: #FF0033;
  border-color: #FF0033;
  color: #fff;
}
.btn-yahoo-color:hover {
  background-color: #FF0033;
  border-color: #FF0033;
  color: #fff;
}
.btn-yahoo-color:visited,
.btn-yahoo-color:focus {
  color: #fff;
}
.sx-text-yahoo-color {
  color: #FF0033;
}
.sx-yahoo-color {
  background-color: #FF0033;
  border-color: #FF0033;
  color: #fff;
}
.sx-yahoo-color a {
  color: #fff;
}
.sx-base-color {
  background: #fbfbfb;
}
.sx-base-color a {
  color: #666;
}
.sx-socxs-color {
  background-color: #bee113;
  border-color: #bee113;
  color: #666;
}
.sx-socxs-color a {
  color: #666;
}
.sx-text-socxs-color {
  color: #bee113;
}
.side-networks-list > .network-item {
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px;
  display: block;
  color: #333333;
  text-decoration: none;
  border: 1px solid #cfcfcf;
  background: #fbfbfb;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.side-networks-list > .network-item:last-child {
  margin-bottom: 0;
}
.side-networks-list > .network-item .linked-network {
  color: #0f0;
}
.side-networks-list > .network-item .fa-check-circle {
  margin-right: 10px;
}
.side-networks-list > .network-item .expired-network {
  color: #f00;
  margin-right: 10px;
}
.side-networks-list > .network-item .warning-network {
  color: #fffa00;
  margin-right: 10px;
}
.side-networks-list > .network-item .network-item-inner {
  padding: 2px 15px;
}
.side-networks-list > .network-item .network-item-inner > span {
  font-size: 16px;
}
.side-networks-list > .network-item .network-item-inner .pull-right {
  padding-top: 2px;
  margin-left: 10px;
}
.side-networks-list > .network-item .network-item-inner .pull-right .fa {
  font-size: 16px;
}
.side-networks-list > .network-item a {
  color: #fff;
}
.side-networks-list > .dd-facebook {
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff;
}
.side-networks-list > .dd-facebook:hover {
  background-color: #2d4373;
  border-color: #2d4373;
  color: #fff;
}
.side-networks-list > .dd-facebook:visited,
.side-networks-list > .dd-facebook:focus {
  color: #fff;
}
.side-networks-list > .dd-twitter {
  background-color: #55acee;
  border-color: #55acee;
  color: #fff;
}
.side-networks-list > .dd-twitter:hover {
  background-color: #0084b4;
  border-color: #0084b4;
  color: #fff;
}
.side-networks-list > .dd-twitter:visited,
.side-networks-list > .dd-twitter:focus {
  color: #fff;
}
.side-networks-list .dd-flickr {
  background-color: #0063dc;
  border-color: #0063dc;
  color: #fff;
}
.side-networks-list .dd-flickr:hover {
  background-color: #0063dc;
  border-color: #0063dc;
  color: #fff;
}
.side-networks-list .dd-flickr:visited,
.side-networks-list .dd-flickr:focus {
  color: #fff;
}
.side-networks-list .dd-google {
  background-color: #dd4b39;
  border-color: #dd4b39;
  color: #fff;
}
.side-networks-list .dd-google:hover {
  background-color: #a83a2c;
  border-color: #a83a2c;
  color: #fff;
}
.side-networks-list .dd-google:visited,
.side-networks-list .dd-google:focus {
  color: #fff;
}
.side-networks-list .dd-instagram {
  background-color: #663300;
  border-color: #663300;
  color: #fff;
}
.side-networks-list .dd-instagram:hover {
  background-color: #663300;
  border-color: #663300;
  color: #fff;
}
.side-networks-list .dd-instagram:visited,
.side-networks-list .dd-instagram:focus {
  color: #fff;
}
.side-networks-list .dd-tumblr {
  background-color: #35465c;
  border-color: #35465c;
  color: #fff;
}
.side-networks-list .dd-tumblr:hover {
  background-color: #35465c;
  border-color: #35465c;
  color: #fff;
}
.side-networks-list .dd-tumblr:visited,
.side-networks-list .dd-tumblr:focus {
  color: #fff;
}
/*Desktop specific styles*/
@media (min-width: 769px) {
  .mobile-sidebar-nav {
    display: none;
  }
  .socxs-publish-mob {
    display: none;
  }
  .mob-main-help {
    display: none;
  }
  .mob-main-close {
    display: none;
  }
  .mob-edit-close {
    display: none!important;
  }
  .navbar-header p {
    display: none;
  }
  /*.mob-side-btn-box {
      display: none;
   }*/
  #mob-btn-footer,
  #mob-btn-edit {
    display: none !important;
  }
  .sidebar {
    z-index: 1001;
    position: fixed;
    min-height: 100%;
    padding-bottom: 150px;
  }
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
  #mobile-footer {
    display: none;
  }
  .mob-settings-icon {
    display: none;
  }
  /* Socxs Immediate Alert */
  .socxs-publish {
    position: absolute;
    font-size: 0.8em;
    margin: 0 0 0 360px;
    z-index: 1000;
  }
  .socxs-publish .alert {
    padding: 5px;
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .socxs-publish .alert p {
    text-align: center;
  }
  /* Socxs top Nav*/
  .socxs-top-nav {
    position: fixed;
    border-bottom: 1px solid #eeeeee;
    background-color: #ffffff;
    width: 100%;
    z-index: 1000;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
  }
  .socxs-top-nav .addModulesList {
    width: 310px;
    padding: 0px 15px 15px 15px;
  }
  .socxs-top-nav .addModulesList .panel-heading {
    padding: 12px 15px;
  }
  .socxs-top-nav .addModulesList .panel-heading:hover {
    color: #999999;
    background: #fff;
  }
  .socxs-top-nav .addModulesList .panel-heading:hover i,
  .socxs-top-nav .addModulesList .panel-heading:hover span {
    color: #999999;
  }
  .socxs-top-nav .addModulesList .ng-binding {
    font-size: 13px;
  }
  .socxs-top-nav .addModulesList .ng-binding i {
    margin-right: 5px;
  }
  .socxs-top-nav .addModulesList .panel-group .panel + .panel {
    margin-top: 10px;
  }
  .socxs-top-nav .addModulesList .panel-title {
    font-size: inherit;
    font-weight: normal;
  }
  .socxs-top-nav .addModulesList .panel-title span {
    font-size: 13px;
  }
  .socxs-top-nav .addModulesList .panel-title i {
    margin-right: 5px;
  }
  .socxs-top-nav .addModulesList li:first-child p {
    padding: 15px 10px 0 10px !important;
  }
  .socxs-top-nav .addModulesList .add-module-sub-menu .list-group {
    max-height: 300px;
    overflow: auto;
  }
  .socxs-top-nav .addModulesList .add-module-sub-menu li {
    margin-bottom: 4px !important;
    border-radius: 4px !important;
  }
  .socxs-top-nav .addModulesList li {
    /* float: left;
         width: 150px;  */
  }
  .socxs-top-nav .addModulesList li .dd {
    padding: 0 10px;
  }
  .socxs-top-nav .addModulesList li .dd .fa {
    margin-right: 5px;
  }
  .socxs-top-nav .top-nav-inner {
    margin-left: 30px;
  }
  .socxs-top-nav .top-nav-inner .socxs-nav-title {
    display: block;
    padding: 25px 10px 0 0;
    margin-right: 50px;
    float: left;
    font-size: 24px;
    font-weight: 300;
    margin-left: 92px;
  }
  .socxs-top-nav .top-nav-inner .socxs-nav-title .fa {
    margin-right: 5px;
  }
  .socxs-top-nav .top-nav-inner .socxs-top-nav-ul {
    margin-left: 25px;
  }
  .socxs-top-nav .top-nav-inner > ul {
    padding: 0;
    margin: 0;
    float: right;
  }
  .socxs-top-nav .top-nav-inner > ul > li {
    float: left;
  }
  .socxs-top-nav .top-nav-inner > ul > li > a {
    display: block;
    padding: 20px 20px;
    margin-right: 25px;
    font-size: 14px;
    color: #333333;
  }
  .socxs-top-nav .top-nav-inner > ul > li > a:hover {
    background-color: #2a2a2a;
    color: #ffffff;
    text-decoration: none;
  }
  .socxs-top-nav .top-nav-inner > ul > li > a:focus {
    background-color: #2a2a2a;
    text-decoration: none;
    color: #ffffff;
  }
  .socxs-top-nav .top-nav-inner > ul > li > a p {
    text-align: center;
    margin-bottom: 5px;
  }
  .socxs-top-nav .top-nav-inner > ul > li > a p:last-child {
    margin-bottom: 0;
  }
  .socxs-top-nav .top-nav-inner .addmod-desktop {
    display: inline;
  }
  .socxs-top-nav .top-nav-inner .addmod-mobile {
    display: none;
  }
  .socxs-top-nav .top-nav-inner .dropdown-menu > li p {
    padding: 15px 20px 0 20px;
    display: block;
    font-size: 12px;
    margin-bottom: 0;
  }
  .socxs-top-nav .top-nav-inner .dropdown-menu > li > a {
    padding: 15px 20px;
  }
  .socxs-top-nav .top-nav-inner .dropdown-menu > li > a .fa {
    margin-right: 10px;
  }
  .socxs-top-nav .top-nav-inner .view-dropdown {
    margin-right: 20px;
  }
  .socxs-top-nav .top-nav-inner .view-dropdown .fa {
    width: 15px;
  }
}
/*Adjustment for header for these resolutions*/
@media (max-width: 1024px) and (min-width: 769px) {
  .socxs-top-nav .top-nav-inner .socxs-nav-title {
    font-size: 20px;
    margin-right: 0px;
  }
  .socxs-top-nav .top-nav-inner .socxs-publish {
    margin-left: 270px;
  }
  .socxs-top-nav .top-nav-inner > ul > li > a {
    padding: 20px 10px;
  }
}
.mobile_emulator {
  background-image: url('/sxassets/assets/images/emulators/mobile.png');
  width: 379px;
  height: 664px;
  margin: auto;
  padding: 93px 29px 89px 29px;
}
.tablet_emulator {
  background-image: url('/sxassets/assets/images/emulators/tablet.png');
  width: 1006px;
  height: 1273px;
  margin: auto;
  padding: 120px 115px 128px 124px;
}
.desktop_emulator {
  width: 100%;
  height: 100%;
}
/* Version For Mobile End */
.ui-sortable-placeholder {
  border: 5px dashed grey !important;
}
/**************Google Ads*********************/
.socxs-ad-hld {
  left: 0;
  bottom: 0;
  position: fixed;
}
.socxs-ad-foot {
  max-width: 320px;
  margin-left: 30px;
}
.socxs-ad-foot .socxs-ad-top {
  height: 50px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #dddddd;
}
.socxs-ad-foot .socxs-ad-top .g-adhld {
  width: 320px;
  padding-bottom: 0;
  margin-bottom: 0;
  height: 50px;
}
.socxs-ad-foot .socxs-ad-foot-text {
  background-color: #181818;
  color: #ffffff;
  font-size: 11px;
  text-align: center;
  line-height: 15px;
}
.socxs-ad-foot .socxs-ad-foot-text a {
  float: left;
  color: #ffffff;
  width: 160px;
  text-align: center;
  padding: 5px 0;
  border-right: 1px solid #333333;
}
.socxs-ad-foot .socxs-ad-foot-text a .fa {
  margin-right: 5px;
}
.socxs-ad-foot .socxs-ad-foot-text a:last-child {
  border-right: none;
}
.socxs-ad-foot .socxs-ad-foot-text a:hover {
  background-color: #333333;
  transition: color 0.1s linear 0s, background-color 0.1s linear 0s !important;
}
.socxs-ad-foot-mediagate {
  left: 92px;
}
@media (max-width: 768px) {
  .socxs-ad-hld {
    width: 100%;
  }
  .socxs-ad-foot {
    margin: 0 auto;
  }
  .socxs-ad-foot-mediagate {
    left: 0;
  }
}
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  border: solid;
  border-width: 1px;
  border-color: darkgray;
}
.postingTabs {
  width: 25%;
}
.postingTabs a {
  text-align: center;
}
/*.dropdown:hover .dropdown-menu {
   display: block;
}*/
.modal:not(.modal-img):not(.modal-share) .modal-body {
  max-height: 600px;
  overflow-y: auto;
}
@media (min-width: 769px) {
  ::-webkit-scrollbar-track {
    background-color: rgba(170, 170, 170, 0.2) !important;
  }
  ::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 7px !important;
    height: 7px !important;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(170, 170, 170, 0.78) !important;
  }
}
/* Profile Picture Css */
div.picture-select-container {
  position: absolute;
  /* absolute position (so we can position it where we want)*/
  bottom: 5px;
  /* position will be on bottom */
  left: 0;
  width: 100%;
  /* styling bellow */
  font-size: 12px;
  color: white;
  opacity: 0.6;
  /* transparency */
  filter: alpha(opacity=60);
  /* IE transparency */
  padding: 0 5px;
}
div.profile-image-container {
  display: inline-block;
  position: relative;
  /* important(so we can absolutely position the description div */
}
.profile-image {
  max-height: 150px;
  cursor: pointer;
  min-width: 150px;
}
div.profile-image-container p {
  color: #f5f5f5;
  padding-bottom: 5px;
  margin: 0;
}
.picture-select {
  text-align: center;
  background-color: black;
}
/*# sourceMappingURL=custom.css.map */