.gj-block {
    display: block;
}

.gj-inline {
    display: inline-block;
}

.gj-orange {
    color:#FF8000 !important;
}

.gj-green {
    color:#0aca0a !important;
}

.gj-red {
    color:#dd4b39 !important;
}

.gj-white {
    color:#fff !important;
}

.gj-yellow {
   color:yellow; 
}

.gj-text {
    color:#1a1919;
}

.gj-link {
    color:#1a1a1a !important;
    font-weight:700;
    letter-spacing: 0.1em;
}

.capitalize {
    text-transform: capitalize;
}

.description .gj-link {
    color:#fa0505 !important;
}

.post-bg-yellow .gj-link {
    color:#0e0ecf !important;
}

.post-bg-orange .gj-link {
    color:#efff16 !important;
}

.post-bg-green .gj-link {
    color:#191a19 !important;
}

.post-bg-white .gj-link {
    color:#0e0ecf !important;
}

.post-bg-blue .gj-link {
    color:#efff16 !important;
}

.post-bg-carbon .gj-link {
    color:#0ecf2e !important;
}

.post-bg-honey .gj-link {
    color:#f2f5f2 !important;
}

.we-comment .gj-link {
    color:#fa0505 !important;
}

.post-color.none {
    border:1px dashed rgb(182, 181, 181);
}
.post-color.post-bg-white {
    border:1px solid rgb(182, 181, 181);
}
.post-bg-diagonal .gj-link {
    color:#191a19 !important;
}

.post-bg-sunset .gj-link {
    color:#efff16 !important;
}

.post-bg-waves .gj-link {
    color:#efff16 !important;
}

.post-bg-waves2 .gj-link {
    color:#efff16 !important;
}

.post-bg-signal .gj-link {
    color:#efff16 !important;
}

.gj-shadow {
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);
}
.gj-bg-orange {
    background:#FF8000 !important;
    color:white !important;
}

.gj-bg-green {
    background:#0aca0a !important;
    color:white !important;
}

.gj-bg-red {
    background:#dd4b39 !important;
    color:white !important;
}

.gj-bg-darkred {
    background:#9c2414 !important;
    color:white !important;
}

.bold {
    font-weight: bold;
}

.text-center
{
    text-align:center;
}

.try:hover {
    text-decoration: underline;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
  }

.vcenter {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
 }

.gj-icon {
    width:50px;
    height:50px;
    border-radius: 50px;
    line-height: 50px;
    text-align: center;
}
.width-100 {
    width:100%;
}

.font-8 {
    font-size: 8pt !important;
}

.font-10 {
    font-size: 10pt !important;
}

.font-12 {
    font-size: 12pt !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14pt !important;
}

.font-16 {
    font-size: 16pt !important;
}

.font-18 {
    font-size: 18pt !important;
}

.font-20 {
    font-size: 20pt !important;
}

.font-22 {
    font-size: 22pt !important;
}

.font-24 {
    font-size: 24pt !important;
}

.font-26 {
    font-size: 26pt !important;
}

.font-28 {
    font-size: 28pt !important;
}

.font-30 {
    font-size: 28pt !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-l-0 {
    margin-left: 0px !important;;
}
.m-l-5 {
    margin-left: 5px !important;;
}

.m-l-10 {
    margin-left: 10px !important;;
}

.m-l-15 {
    margin-left: 15px !important;;
}

.m-l-20 {
    margin-left: 20px !important;;
}

.m-r-5 {
    margin-right: 5px !important;;
}

.m-r-10 {
    margin-right: 10px !important;;
}

.m-r-15 {
    margin-right: 15px !important;;
}

.m-r-20 {
    margin-right: 20px !important;;
}

.m-r-25 {
    margin-right: 250px !important;;
}

.m-r-30 {
    margin-right: 30px !important;;
}

.m-r-35 {
    margin-right: 35px !important;;
}
.m-r-40 {
    margin-right: 40px !important;;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-lr-15 {
    margin-left: 15px !important;;
    margin-right: 15px !important;;
}


.m-t-30 {
    margin-top: 30px !important;
}

.p-t-10 {
    padding-top:10px !important;
}
.p-t-15 {
    padding-top:15px !important;
}
.p-t-20 {
    padding-top:20px !important;
}
.p-t-25 {
    padding-top:20px !important;
}
.p-t-30 {
    padding-top:30px !important;
}
.p-t-35 {
    padding-top:35px !important;;
}
.p-t-40 {
    padding-top:40px !important;;
}
.p-t-45 {
    padding-top:45px !important;;
}

.p-b-0 {
    padding-bottom:0px !important;;
}
.p-b-5 {
    padding-bottom:5px !important;;
}
.p-b-10 {
    padding-bottom:10px !important;;
}
.p-b-15 {
    padding-bottom:15px !important;;
}
.p-b-20 {
    padding-bottom:20px !important;;
}
.p-b-25 {
    padding-bottom:25px !important;;
}
.p-b-30 {
    padding-bottom:30px !important;;
}

.p-l-0 {
    padding-left: 0px !important;
}
.p-l-5 {
    padding-left: 5px !important;;
}
.p-l-10 {
    padding-left: 10px !important;;
}
.p-l-15 {
    padding-left: 15px !important;;
}
.p-l-20 {
    padding-left: 20px !important;;
}
.p-l-25 {
    padding-left: 25px !important;
}
.p-l-30 {
    padding-left: 30px !important;
}
.p-l-35 {
    padding-left: 35px !important;
}
.p-l-40{
    padding-left: 40px !important;
}

.p-lr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.p-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.p-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.p-lr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.p-lr-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;;
}

.p-r-20 {
    padding-right: 20px !important;;
}

.p-r-25 {
    padding-right: 25px !important;;
}

.p-r-30 {
    padding-right: 30px !important;;
}

.margin-5 {
    margin: 5px !important;;
}

.padding-0 {
    padding: 0px !important;;
}

.padding-5 {
    padding: 5px !important;;
}

.padding-10 {
    padding: 10px !important;;
}

.padding-15 {
    padding: 15px !important;;
}

.padding-20 {
    padding: 20px !important;;
}

.rounded-5 {
    border-radius: 5px;
}
.rounded-10 {
    border-radius: 10px;
}
.rounded-15 {
    border-radius: 15px;
}

.err {
    color:#f3f710;
}

.error {
    border: red solid 1px !important;
}
.signin-error {
    border-top: red solid 1px !important;
}
.join-error {
    border:none !important;
}
.noborder {
    border:0;
}

.genre {
    margin-top: 13px;
    text-align: left;
    color: #e70707 !important;
}

.from {
    margin-top: 20px;
    text-align: left;
    color: #e70707 !important;
}

.cursor {
    cursor: pointer;
}

.profile-size {
    width:45px;
    height:45px  
}

.mm-menu {
    background-color: #1d2333;
}

.mm-next {
    color:darkgray;
}
.mm-listview .mm-next.mm-fullsubopen+a, .mm-listview .mm-next.mm-fullsubopen+span {

    color:rgb(223, 219, 219);
}

.mm-menu.mm-offcanvas {
    width:150px;
}

.res-menu ul.mm-listview > li {
    line-height: 0.75rem !important;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.central {
    width:100%;
    text-align: center;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.center-items {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .left-items {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  
  .right-items {
    display:flex;
    align-items: flex-end;
    justify-content: flex-end;
}


  .spacebetween-items {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

.gj-button {
    background: #383d58;
    padding: 6px 30px;
    margin-top: -4px;
    border: medium none;
    border-radius: 50px;
    color: #fff;
    float: right;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s linear 0s;
}   
.gj-button:hover {
    background: #1d2333;
}

.postbox .gj-button {
    top:-7px;
}

.connect .gj-button {
    padding:7px 30px;
}   

.gj-form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
}

.gj-form-check input[type="checkbox"] {
    width: 1.5em;
    height: 1.5em;
    accent-color: #9b59b6;  
    border: 0.15em solid red;
    border-radius: 0.15em;
}

.whatson-desktop {
    height: calc(100vh + 180px);
    overflow-y: auto;
    overflow-x: hidden;
}

.event-description {
    max-height: none;

}
.expand {
    max-height: 19.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hideText {
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}
.autoHeight {
    height:auto !important;
}

.busy {
    position:absolute;
    left: 49%;
    top:18px;
    z-index: 99999;
}
.tracks .busy {
    position:absolute;
    left: 30%;
    top: -40px;
    z-index: 99999;
}
/* Customise scrollbar */

::-webkit-scrollbar {
	width: 5px;
}
::-webkit-scrollbar-button {
	width: 5px;
	height:5px;
}
::-webkit-scrollbar-track {
	background:#3d3d3d;
	border: thin solid #3d3d3d;
	border-radius:2px;
}
::-webkit-scrollbar-thumb {
	background:#FD7F00;
	border-radius:1px;
}
::-webkit-scrollbar-thumb:hover {
	background:#fb483a;
    cursor: pointer;
}	

.profile-30 {
    width:30px !important;
    min-width: 30px;
    height:30px !important;
}

.profile-45 {
    width:45px;
    min-width: 45px;
    height:45px;
}

.profile-60 {
    width:60px;
    min-width: 60px;
    height:60px;
}

.profile-100 {
    width:100px;
    min-width: 100px;
    height:100px;
}

.profile-155 {
    width:155px;
    min-width: 155px;
    height:155px;
}

.profile-thumb {
    position: absolute;
    right: 20px;
    top:20px;
}
.profile-thumb > img{
    width:300px;
    height:200px;
    border: 3px solid #fff;
}
.profile-thumb:hover .edit-dp {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
    z-index: 99;
}

.banner-200 {
    width: 100%;
}

.single {
    float:none !important;
    max-width: 526px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.post-thumb {
    width:120px;
    border-radius: 10px;
}


.spotlight {
    width:163px;
    height:323px;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow:hidden;
}
.spotlight img{
    width:163px;
    height:323px;
}

.advert {
    width:280px;
    height:140px;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow:hidden;
}
.advert img{
    width:280px;
    height:140px;
}


.myitem {
    width:245px;
    height:345px;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow:hidden;

}
.myitem img{
    width:245px;
    height:345px;
}

.gigimage {
    width:100%;
    height:345px;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow:hidden;
}
.gigimage img{
    width:245px;
    height:345px;
}

.gig label {
    width:auto !important;
}

.gig-title {
    color:#3b3b3b;
}

.published {
    background-color: #0aca0a !important;  
}

.action {
    padding:10px;
    color:#fff;
    display: flex;
    flex-direction: row;
    background-color: #1D2333;
    gap: 15px;
    border-radius: 10px;
    width: 100%;
    z-index: 99;
}

.top-right {
    position:absolute;
    top:5px;
    right:5px;
}

.event-top-right {
    position:absolute;
    top:5px;
    right:15px;
}

.bottom {
    position:absolute;
    bottom: 0px; 
    left:0px   
}
.top-right2 {
    position:absolute;
    top:25px;
    right:5px;
}

.bottom-right {
    position:absolute;
    bottom:5px;
    right:5px;
}

.top-left {
    position:absolute;
    top:5px;
    left:5px;
}

.cursor {
   cursor: pointer; 
}

.right {
    float:right;
}

.left {
    float:left;
}

*:focus {
    outline: none;
}

.attachments .learnmore-btn {
    float: right;
}

.attachments .learnmore-btn button {
	background: #fa6342 none repeat scroll 0 0;
	color: #fff;
    border: 0px solid;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 10px;
    transition: all 0.2s linear 0s;
}
.attachments li.learnmore-btn button:hover {
    color: #fff;
}

.whatson-filter {
    padding-bottom:15px;
}

.whatson .busy {
    position:absolute;
    left: calc(50% - 20px);
    top: -40px;
    z-index: 99999;
}

.giggoers-list {
    overflow-y: auto;
    overflow-x: hidden;
    height:calc(100vh - 180px);
}

.bio {
    min-height: 150px;
}

.artist-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 250px;
    width: 100%;
}

.mobile-title {
    position: absolute;
    top:15px;
    right:10px;
    letter-spacing: 3px;
}
.mobile-title li {
    display: inline-block;
    font-size:16pt;
}
.social {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 28px !important;
}

.areas-list {
    padding:15px;
    font-size: 18px !important;
}

.area-item {
    width:100%;
}

.region-item {
    width:100%;
    float: left;
}

.fundamentals ul li {
    display: block;
    font-size: 16px;
    position: relative;
    vertical-align: sub;
    padding-bottom: 15px;
}
.most {
    display: inline-block;
    padding: 20px !important;
    width: 100%;
}
.most ul {
    padding-inline-start: 0px;
}

.adv-search {
    position:relative;
    z-index:1;
}
.adv-search-mask {
   width:100vw;
   height: 100vh;
   background: black;
   opacity: 0.5; 
   position:absolute;
   top:65px;
   left:0px;
}

.ui-busy-wrapper {
    background: #000000 ;
    position: fixed;
    z-index:99999;
    width:68px;
    height:68px;
    overflow: hidden;
    padding:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;  
    top:calc(50vh - 24px);
    left:calc(50vw - 24px);
}
#_busy {
    background-image: url(../images/resources/busy_w.gif);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
}

#group-panel h1 {
    color:#414e70;
    text-align: center;
    font-weight: 900;
}

.bgclose {
    background: black;
    padding: 5px;
    border-radius: 50%;
    opacity: 0.6;
}

.underline {
    border-bottom: 1px solid #414e70;
}

#results li {
    border-bottom: 1px solid #414e70;
    padding-bottom: 10px;
}
.group-item {
    padding:10px;
    margin-bottom: 5px;
    background:#EDF2F6;
    border-radius: 5px;
    flex: 0 0 32.8%;
}
.group-item:hover {
    background:#c7d0d8;
}

.group-item > h6 {
    color:#48526e;
}

.show-comt {
    display: none;
}

p.post {
    display: none;
}

.help-description > ol > li {
    padding-bottom: 10px;
}

.item-description {
    height:150px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 10px;
}

.ago {
    color: #4A6276;
}

.dig-pro > figure > img {
    border-radius: 10px;
}

.policy  li {
    padding-bottom: 0.8rem;
    font-size: 14px;
}

.Rpt-meta > span.font-10 {
    color:#757A92;
}

.hidden {
    display: none !important;
}

.scroll-down {
    position: fixed;
    left: 50%;
    bottom: 25px;
    display: block;
    text-align: center;
    font-size: 20px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0;
    width: 13px;
    height: 13px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    z-index: 9;
    left: 50%;
    -webkit-transform: translate(-50%, 0%) rotate(45deg);
    -moz-transform: translate(-50%, 0%) rotate(45deg);
    transform: translate(-50%, 0%) rotate(45deg);
    -webkit-animation: fade_move_down 3s ease-in-out infinite;
    -moz-animation:    fade_move_down 3s ease-in-out infinite;
    animation:         fade_move_down 3s ease-in-out infinite;
  }

/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
    0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
  }
  @-moz-keyframes fade_move_down {
    0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
  }
  @keyframes fade_move_down {
    0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
  }

.whatson-profile-author {
    margin-top: -20px;
}

.card.select {
    border:3px solid #0aca0a;
}

.gj-panel {
    border: 1px dashed #6c6a6a;
    padding: 15px;
    margin: 5px;
    margin: 15px 5px;
    border-radius: 10px;
}


.count-badge {
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 10px;
    width: 17px;
    font-style: normal;
}
.gj-done {
    position:fixed;
    left:48%;
    top:48vh;
    padding:14px;
    width:75px;
    height:75px;
    z-index:9999;
    background:#2b2b2b;
    color:#fff;
    opacity:1;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.blink {
    -webkit-animation: blink 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 2s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 2s;
    -o-animation-iteration-count: infinite;
}

.text-truncate.text-truncate--2{
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }

.text-truncate.text-truncate--5{
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
}  

.post-color {
    width: 30px;
    height: 30px;
    margin: 0px 2px;
    display: inline-block;
}

.post-color-blank {
    width: 30px;
    height: 30px;
    margin: 0px 2px;
    display: inline-block;
    border: 1px solid #bdbdbd;
}

._color {
    min-height: 300px;
    border-radius: 10px;
}

.post-display-color {
    min-height: 300px !important;
    border-radius: 10px;
    padding: 10px;
    display: grid;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
}
.post-bg-yellow {
    background-color: yellow !important;
    color:#000000 !important;
    text-align: center !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}

.post-bg-yellow-transparent {
    background: transparent !important;
    border-radius: 10px;
    color:#000000 !important;
    text-align: center !important;
    min-height: 300px;
    border: 0px !important;    
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}

.post-bg-yellow textarea {
    min-height: 300px !important;
}

.post-bg-white {
    background-color: white !important;
    color:#2b2b2b !important;
    text-align: center !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}

.post-bg-white-transparent {
    background: transparent !important;
    border-radius: 10px;
    color:#000000 !important;
    text-align: center !important;
    min-height: 300px;
    border: 0px !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}

.post-bg-white textarea {
    min-height: 300px !important;
}

.post-bg-blue {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#48a5a4+0,00243a+100 */
background: #48a5a4; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #48a5a4 0%, #00243a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #48a5a4 0%,#00243a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #48a5a4 0%,#00243a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a5a4', endColorstr='#00243a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color:#ffffff !important;
    text-align: center !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-blue-transparent {
    background: transparent !important;
    border-radius: 10px;
    color:#000000 !important;
    text-align: center !important;
    min-height: 300px;
    border: 0px !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}

.post-bg-blue textarea {
    min-height: 300px !important;
}

.post-bg-green {
    background-color: #0aca0a !important;
    color:white !important;
    text-align: center !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-green-transparent {
    background: transparent !important;
    border-radius: 10px;
    color:white !important;
    text-align: center !important;
    border: 0px !important;
    font-size: 14pt !important;
    display: inline-block;
    line-height: 1.2em;
    font-weight: 400;
}

textarea .post-bg-green  {
    min-height: 300px !important;
    vertical-align: middle;
}

.post-bg-green p {
    min-height: 300px !important;
    vertical-align: middle;
}

.post-bg-orange {
    background-color: #FF8000 !important;
    color:white !important;
    text-align: center !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-orange-transparent {
    background: transparent !important;
    border-radius: 10px;
    color:white !important;
    text-align: center !important;
    border: 0px !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}

.post-bg-orange textarea {
    min-height: 300px !important;
}

.post-bg-carbon {
    background:
        radial-gradient(black 15%, transparent 16%) 0 0,
        radial-gradient(black 15%, transparent 16%) 8px 8px,
        radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
        radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:16px 16px;
    color:white !important;
    text-align: center !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-carbon-transparent {
    background: transparent !important;
    border-radius: 10px;
    color:white !important;
    text-align: center !important;
    border: 0px !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}

.post-bg-carbon textarea {
    min-height: 300px !important;
}


.post-bg-honey {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#679cf7+0,002063+100 */
background: #679cf7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #679cf7 0%, #002063 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #679cf7 0%,#002063 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #679cf7 0%,#002063 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#679cf7', endColorstr='#002063',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color:rgb(255, 255, 255) !important;
    text-align: center !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-honey-transparent {
    background: transparent !important;
    border-radius: 10px;
    font-size: 14pt !important;
    color:black !important;
    text-align: center !important;
    border: 0px !important;
    line-height: 1.2em;
    font-weight: 400;
}

.post-bg-honey textarea {
    min-height: 300px !important;
}
.post-bg-diagonal {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 28px, #f42e95 28px, #f42e95 56px);
    background-color: #e21d72;
    color:rgb(255, 255, 255) !important;
    text-align: center !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-diagonal-transparent {
    background: transparent !important;
    border-radius: 10px;
    color:white !important;
    text-align: center !important;
    border: 0px !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}

.post-bg-diagonal textarea {
    min-height: 300px !important;
}

.post-bg-sunset {
    background: #fac695; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #fac695 0%, #f5ab66 17%, #f5ab66 17%, #a80803 64%, #a80803 79%, #ed7504 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #fac695 0%,#f5ab66 17%,#f5ab66 17%,#a80803 64%,#a80803 79%,#ed7504 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #fac695 0%,#f5ab66 17%,#f5ab66 17%,#a80803 64%,#a80803 79%,#ed7504 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ed7504',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color:rgb(255, 255, 255) !important;
    text-align: center !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-sunset-transparent {
    background: transparent !important;
    border-radius: 10px;
    color:white !important;
    text-align: center !important;
    border: 0px !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-sunset textarea {
    min-height: 300px !important;
}

.post-bg-waves {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='600' height='460' preserveAspectRatio='none' viewBox='0 0 600 460'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1013%26quot%3b)' fill='none'%3e%3crect width='600' height='460' x='0' y='0' fill='rgba(14%2c 92%2c 173%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c272.671C50.752%2c271.057%2c97.976%2c245.522%2c136.615%2c212.576C172.236%2c182.203%2c194.804%2c139.943%2c208.247%2c95.103C220.481%2c54.297%2c211.877%2c12.423%2c209.371%2c-30.103C206.609%2c-76.958%2c221.482%2c-129.908%2c192.796%2c-167.058C163.993%2c-204.359%2c108.301%2c-201.949%2c64.085%2c-218.255C16%2c-235.988%2c-28.439%2c-278.413%2c-78.421%2c-267.078C-128.523%2c-255.716%2c-154.166%2c-201.516%2c-186.339%2c-161.464C-217.305%2c-122.914%2c-251.224%2c-85.874%2c-262.627%2c-37.76C-274.643%2c12.945%2c-273.801%2c67.756%2c-251.863%2c115.022C-229.986%2c162.155%2c-186.363%2c193.879%2c-142.317%2c221.449C-98.697%2c248.752%2c-51.434%2c274.307%2c0%2c272.671' fill='%230b4a8a'%3e%3c/path%3e%3cpath d='M600 686.213C651.621 689.937 704.917 718.1320000000001 751.792 696.192 799.64 673.797 821.21 619.0740000000001 844.626 571.717 868.697 523.037 904.3720000000001 470.554 889.136 418.429 873.9159999999999 366.36199999999997 808.371 350.902 769.1320000000001 313.446 734.7 280.579 719.087 223.193 672.832 211.956 626.569 200.71699999999998 586.942 246.733 540.672 257.947 491.05 269.973 425.177 240.961 392.225 279.962 359.164 319.092 401.30600000000004 379.685 394.873 430.507 388.606 480.019 342.154 523.608 355.29200000000003 571.755 368.58500000000004 620.469 415.921 653.867 461.65999999999997 675.261 504.427 695.265 552.908 682.816 600 686.213' fill='%23116ed0'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1013'%3e%3crect width='600' height='460' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");    color:rgb(255, 255, 255) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color:rgb(255, 255, 255) !important;
    text-align: center !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-waves-transparent {
    background: transparent !important;
    border-radius: 10px;
    color:white !important;
    text-align: center !important;
    border: 0px !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-waves textarea {
    min-height: 300px !important;
}

.post-bg-waves2 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='600' height='360' preserveAspectRatio='none' viewBox='0 0 600 360'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1011%26quot%3b)' fill='none'%3e%3crect width='600' height='360' x='0' y='0' fill='rgba(99%2c 3%2c 3%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c19 C 24%2c49.4 72%2c171.6 120%2c171 C 168%2c170.4 192%2c15.4 240%2c16 C 288%2c16.6 312%2c163 360%2c174 C 408%2c185 432%2c81.6 480%2c71 C 528%2c60.4 576%2c111 600%2c121L600 360L0 360z' fill='rgba(126%2c 37%2c 24%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c244 C 40%2c250.2 120%2c275 200%2c275 C 280%2c275 320%2c244.6 400%2c244 C 480%2c243.4 560%2c266.4 600%2c272L600 360L0 360z' fill='rgba(171%2c 48%2c 34%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1011'%3e%3crect width='600' height='360' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");    text-align: center !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color:rgb(255, 255, 255) !important;
    text-align: center !important;
    font-size: 14pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-waves2-transparent {
    background: transparent !important;
    border-radius: 10px;
    font-size: 14pt !important;
    color:white !important;
    text-align: center !important;
    border: 0px !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-waves2 textarea {
    min-height: 300px !important;
}

.post-bg-signal {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='650' height='300' preserveAspectRatio='none' viewBox='0 0 650 300'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1431%26quot%3b)' fill='none'%3e%3crect width='650' height='300' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1432%26quot%3b)'%3e%3c/rect%3e%3cg transform='translate(0%2c 0)' stroke-linecap='round'%3e%3cpath d='M116 60.69 L116 239.31' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M127 85.33 L127 214.67' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M138 72.74 L138 227.26' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M149 128.28 L149 171.72' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M160 84.73 L160 215.26' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M171 80.11 L171 219.89' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M182 119.31 L182 180.69' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M193 119.92 L193 180.07' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M204 81.23 L204 218.76' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M215 62.16 L215 237.84' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M226 93.1 L226 206.9' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M237 94.9 L237 205.1' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M248 103.12 L248 196.88' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M259 68.47 L259 231.53' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M270 99.39 L270 200.61' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M281 109.78 L281 190.22' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M292 130.91 L292 169.09' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M303 92.24 L303 207.76' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M314 78.31 L314 221.69' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M325 67.89 L325 232.11' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M336 138.53 L336 161.47' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M347 60.5 L347 239.5' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M358 59.83 L358 240.17' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M369 138.19 L369 161.81' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M380 99.34 L380 200.66' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M391 66.14 L391 233.86' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M402 95.97 L402 204.03' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M413 114.58 L413 185.42' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M424 69.97 L424 230.03' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M435 57.52 L435 242.49' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M446 57.72 L446 242.28' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M457 132.81 L457 167.19' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M468 116.89 L468 183.11' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M479 102.03 L479 197.97' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M490 80.72 L490 219.28' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M501 93.45 L501 206.55' stroke-width='8.25' stroke='rgba(18%2c 134%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M512 122.48 L512 177.52' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M523 129.35 L523 170.65' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3cpath d='M534 110.25 L534 189.75' stroke-width='8.25' stroke='rgba(74%2c 170%2c 14%2c 1)'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1431'%3e%3crect width='650' height='300' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='13.46%25' y1='-29.17%25' x2='86.54%25' y2='129.17%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1432'%3e%3cstop stop-color='rgba(98%2c 250%2c 142%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 158%2c 23%2c 1)' offset='0.45'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 158%2c 23%2c 1)' offset='0.97'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 158%2c 23%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color:rgb(255, 255, 255) !important;
    text-align: center !important;
    font-size: 13pt !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-signal-transparent {
    background: transparent !important;
    border-radius: 10px;
    font-size: 14pt !important;
    color:white !important;
    text-align: center !important;
    border: 0px !important;
    line-height: 1.2em;
    font-weight: 400;
}
.post-bg-signal textarea {
    min-height: 300px !important;
}


.sticky-180 {
    position: fixed !important;
    width: 180px !important;
}

.sticky-260 {
    position: fixed !important;
    width: 260px !important;
}

.bootbox-cancel {
    width:80px !important;
}

.bootbox-accept {
    width:80px !important;
}

.number-marker {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: red;
    color:white;
    font-size: 20px;
    text-align:center;
    display: inline-block;
}