.campaigns.public{
    margin-top: 0;
    font-family: inherit;
    background: #f9f9fa;
    padding: 70px;
    text-align: center;

}

.campaigns.public h3{
    font-size: 21px;
    margin: 10px 0 50px;
}

.campaign .page-header {
    height: 0px;
    margin-bottom: 0;
}

.campaign .page-header.open {
    height: 80px;
}

.campaigns .page-header {
    height: 0px;
}

.campaigns .page-header.enter {
    height: 132px;
}

.campaigns .page-header.facebook {
    height: 100px;
}

.campaigns .page-header .title {
    width: 32%;
}

.campaigns .page-header .title  h1 {
    font-size: 21px;
}

.campaign .page-header .title {
    padding: 26px 0;
}

.campaign .page-header .title h4 {
    font-size: 23px;
    padding: 8px 0;
}

.campaign .explain-no-customers .message {
    background: #FFF;
    padding: 30px 20px 28px 50px;
    width: 680px;
    border: 1px solid #E4E4E4;
    margin: 0 auto 10px;
}

.campaign .explain-dist  {
    text-align: center;
    margin: 20px 0;
}
.campaign .explain-dist  .fa.check{
    color: #ff3366;
    margin-left: 10px;
}

.campaign .explain-other .message .infoicon {
    width: 32px;
    height: 32px;
    border: 7px solid #666;
    border-radius: 50%;
    position: relative;
}

.campaign .explain-other .message .fa.info {
    top: -3px;
    left: 6px;
    font-size: 23px;
}

.campaign .explain-other .message{
    width: 649px;
    margin: 40px auto 60px;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 20px 40px;
}

.campaign .explain-other .message .text{
    width: 500px;
    vertical-align: top;
    margin-right: 10px;
}
.campaigns .page-header.facebook .title {
    padding: 39px 15px;
    width: 100%;
}

.campaigns .page-header .actions {
    display: none;
    float: left;
    opacity: 0;
    -ms-transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}

.campaigns .page-header .actions.open {
    display: inline-block;
}

.campaigns .page-header .actions.enter {
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: transform linear 0.2s, opacity linear 0.2s;
    transition: transform linear 0.2s, opacity linear 0.2s;
    -moz-transition: transform linear 0.2s, opacity linear 0.2s;
    -ms-transition: transform linear 0.2s, opacity linear 0.2s;
    -o-transition: transform linear 0.2s, opacity linear 0.2s;
    opacity: 1;
}

.campaigns .pager {
    height: 43px;
    display: block;
    margin-bottom: 50px;
    padding: 0 213px 0 0px;
    position: relative;
}

.campaigns .pager .instruct {
    background: rgba(72, 140, 245, 0.91);
    box-shadow: 1px 1px 5px 0px #999;
    height: auto;
    position: absolute;
    top: -9px;
    padding: 20px 20px 21px;
    border: 1px solid #4C93E6;
    text-align: center;
    line-height: 21px;
    font-size: 16px;
    color: #FFF;
    left: -118px;
    z-index: 0;
    text-align: right;
    border-radius: 3px;
}

.campaigns .pager .instruct:hover {
    background: rgba(72, 140, 245, 0.91);
}

.campaigns .pager .instruct:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    border-left: 12px solid #488CF5;
    position: absolute;
    top: 20px;
    left: 102%;
    margin-left: -6px;
}

.campaigns .pager nav > button {
    display: inline-block;
    height: 44px;
    padding: 13px 17px;
    font-size: 18px;
    border-radius: 3px;
    margin-right: 10px;
    cursor: pointer;
    width: 60px;
}

.campaigns .pager nav > div.disable {
    opacity: 0.7;
    cursor: not-allowed;
}

.campaigns .pager nav > div:hover {
    background: #BBBBBB;
}

.campaigns .pager nav > .next {
}

.campaigns .pager nav > .prev {
}

.campaigns .pager nav > span {
    display: inline-block;
    margin-right: 22px;
    vertical-align: middle;
    padding: 14px 0;
}

.campaigns ul.list {
    margin-right: 214px;
}

.campaigns ul.list.load {
    opacity: 0.6;
}

.campaigns ul.list.fb {
    margin-top: -24px;
    margin-right: 205px;
}

.campaigns .list li {
    margin-right: 35px;
    margin-bottom: 50px;
    width: 272px;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    position: relative;
}

.campaigns .list li:first-child, .campaigns li:nth-child(3n+1), li.deal.fb-content:nth-child(4n+1) {
    margin-right: 0;
}

.public.campaigns .list li:first-child, .public.campaigns li:nth-child(3n+1), .public.li.deal.fb-content:nth-child(4n+1) {
    margin-right: 0;
}

.campaigns .list li .container {
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .08);
    border-radius: 3px;
    width: 272px;
}

.campaigns .campaign-cta {
    height: 563px;
    position: absolute;
    width: 200px;
    top: 2px;
    right: 0;
    border-radius: 3px;
    background-color: #FFFFFF;
}

.campaigns .campaign-cta .container {
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.campaigns .campaign-cta {
    width: 170px;
    top: 2px;
    background-repeat: no-repeat;
    border: 5px solid #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .08);
}

.campaigns .campaign-cta.pro {
    background-image: url('http://2fa3e35729c1f93e1503-4bd9cbd7c940079c5eb5fd18e93586b2.r78.cf2.rackcdn.com/11571726_l.jpg');
    background-position: -140px 0;
    background-size: 410px;

}

.campaigns .campaign-cta.bd {
    background-image: url('http://2fa3e35729c1f93e1503-4bd9cbd7c940079c5eb5fd18e93586b2.r78.cf2.rackcdn.com/11321664_l.jpg');
    background-position: -72px -37px;
    background-size: 310px;
}

.campaigns .campaign-cta.club {
    background-image: url('https://b105ff616ffabf542041-4bd9cbd7c940079c5eb5fd18e93586b2.ssl.cf2.rackcdn.com/32891455_l.jpg');
    background-size: 707px;
    background-position: -270px -126px;
}

.campaigns .campaign-cta.fb {
    background-image: url('https://b105ff616ffabf542041-4bd9cbd7c940079c5eb5fd18e93586b2.ssl.cf2.rackcdn.com/aud_dancing_tnl.png');
    background-size: 411px;
    background-position: -90px 0;
    top: 20px;
    border: none;
    width: 200px;
}

.campaigns .campaign-cta.event {
    background-image: url('https://b105ff616ffabf542041-4bd9cbd7c940079c5eb5fd18e93586b2.ssl.cf2.rackcdn.com/36148571_l.jpg');
    background-size: 341px;
    background-position: -90px 0;
}

.campaigns .campaign-cta.ann {
    background-image: url('https://b105ff616ffabf542041-4bd9cbd7c940079c5eb5fd18e93586b2.ssl.cf2.rackcdn.com/20191595_l.jpg');
    background-size: 261px;
    background-position: -7px 2px;
}

.campaigns .campaign-cta.content {
    background-image: url('https://b105ff616ffabf542041-4bd9cbd7c940079c5eb5fd18e93586b2.ssl.cf2.rackcdn.com/26034131_l.jpg');
    background-size: 441px;
    background-position: -136px -158px;
}

.campaigns .campaign-cta span.cover-overlay {
    background: rgba(255, 255, 255, 0.6);
    height: 100%;
    width: 100%;
    display: block;
    border-radius: 3px;
}

.campaigns .campaign-cta.fb span.cover-overlay {
    background-color: rgba(51, 60, 78, .86);
}

.campaigns .campaign-cta .picture {
    height: 310px;
}

.campaigns .campaign-cta img {
    position: absolute;
    top: 60px;
    right: 22px;
}

.campaigns .campaign-cta .text {
    color: rgb(51, 60, 78);
    text-align: center;
    line-height: 21px;
    top: 300px;
    margin-top: 300px;
    padding: 5px;
}

.campaigns .campaign-cta.fb .text {
    color: #FFFFFF;
}

.campaigns.fb .walkme-intro .peep-hole{
    top: -1576px;
    right: -589px;
    padding: 100px;
}

.campaigns.fb .walkme-intro .diag.main{
    background-position: 215px 0;
    height: 320px;
    left: 0;
    bottom: 0;
    width: 1141px;
    z-index: 10001;
}

.campaigns.fb .walkme-intro .username{
    font-size: 19px;
    position: fixed;
    top: 800px;
    left: 410px;
    z-index: 10001;
    display:none;
}

.campaigns.fb .walkme-intro .diag {
    background-image: url(https://b105ff616ffabf542041-4bd9cbd7c940079c5eb5fd18e93586b2.ssl.cf2.rackcdn.com/facebook-content-intro.v2.png);
    position: fixed;
    background-repeat: no-repeat;
}

.page.deals .title img {
    height: 22px;
    display: none;
}

.page.deals .title {
    margin-bottom: 27px;
    padding: 0 0 5px;
    text-align: center;
    color: #636363;
}

.page.deals .title h3 {
    padding: 0 25px;
    vertical-align: top;
}

.page.deals {
    float: left;
    padding: 40px 65px;
    position: relative;
    width: 1003px;
}

.page.deals ul.list {
    min-height: 600px;
    padding: 0 50px;
}

.page.deals nav.old {
    position: absolute;
    right: -100px;
    top: 20px;
}

.page.deals nav {
    position: absolute;
    right: -100px;
    top: -1px;
    background: #F0F0F0;
    height: 100%;
    border-right: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    border-radius: 0 3px 3px 3px;
    border-left: 1px solid #D8D8D8;
    width: 102px;
}

.page.deals nav li span {
    font-size: 14px;
}

nav li .ticker {
    background: none repeat scroll 0 0 #65ba77;
    border: 2px solid #F0F0F0;
    border-radius: 9px;
    color: #F7F7F7;
    font-size: 12px;
    font-weight: bold;
    width: 34px;
    padding: 4px 7px;
    position: absolute;
    right: 12px;
    top: 11px;
    height: 26px;
}

.page.deals nav li {
    display: block;
    width: 101px;
    text-align: center;
    cursor: pointer;
    position: relative;
    padding: 15px 0 10px;
}

.page.deals nav li:first-child {
    padding: 20px 0 20px;
}

.page.deals nav li.active:first-child {
    border-top: none;
}

.page.deals nav li.active {
    background: white;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
}

.page.deals nav li .fa {
    color: #464646;
    font-size: 30px;
    margin-bottom: 15px;
    padding: 0;
}

.page.deals nav li .fa:hover {
    color: #696969;
}

.page.deals nav li .fa.cal {
    margin-bottom: 12px;
}

.deals li {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

li.deal .preview .over {
    opacity: 0;
}

li.deal .preview .over.hover {
    opacity: 1;
}

li.deal .preview span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10;
    left: 0;
}

li.deal .preview button {
    position: absolute;
    right: 29%;
    top: 36%;
    z-index: 100;
    padding: 16px 30px;
}

li.deal .preview button.tpl-preview{
    right: 58%;
}

li.deal .preview button.test {
    right: 10%;
}

li.deal .text button {
    position: absolute;
    right: 46%;
    top: 36%;
    z-index: 100;
    padding: 16px 30px;
}

li.deal .upgrade {
    background-image: url(https://b105ff616ffabf542041-4bd9cbd7c940079c5eb5fd18e93586b2.ssl.cf2.rackcdn.com/upgrade.blue.png);
    height: 76px;
    width: 70px;
    position: absolute;
    z-index: 20;
    background-size: 70px;
    top: -7px;
    left: 9px;
}

li.deal .container .exp {
    background: #FAFAFA;
    font-size: 15px;
    height: 75px;
    padding: 18px 17px;
    width: 270px;
    color: #333333;
}

li.deal .container .exp h2{
    font-size:15px;
}

li.deal .container .exp a{
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: rgba(78, 143, 199, 0.42);
}
li.deal .container .exp a:hover{
    color: rgba(78, 143, 199, 1);
}

li.deal .container .exp a span{
    font-size: 14px;
}

li.deal .preview {
    cursor: pointer;
    height: 180px;
    margin: 0;
    position: relative;
    width: 270px;
}

li.deal .preview > img {
    width: 100%;
    height: 100%;
}

li.deal .shadow {
    background-image: url("../images/card-shadow.png");
    background-repeat: no-repeat;
    bottom: 10px;
    height: 20px;
    opacity: 0.8;
    position: absolute;
    width: 165px;
}

li.deal .shadow.left {
    background-position: 17px 0;
    left: 0;
}

li.deal .shadow.right {
    background-position: -461px 0;
    right: 24px;
}

.page.deal.edit {
    position: relative;
    padding: 35px 30px 200px;
}

.page.deal.edit.loading {

}

.deal.edit .nav {
    position: absolute;
    left: 0;
    top: -39px;
    z-index: 1;
}

.deal.edit .prog.nav {
    top: 47px;
    z-index: 1;
    -ms-transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    display: none;
}

.deal.edit .nav.open {
    display: block;
}

.deal.edit .nav.enter {
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: transform linear 0.2s, opacity linear 0.2s;
    transition: transform linear 0.2s, opacity linear 0.2s;
    -moz-transition: transform linear 0.2s, opacity linear 0.2s;
    -ms-transition: transform linear 0.2s, opacity linear 0.2s;
    -o-transition: transform linear 0.2s, opacity linear 0.2s;
    opacity: 1;
}

.deal.edit .slider .nav.nav-tabs {
    position: absolute;
    right: 0;
    top: 33px;
    width: 70%;
    padding: 20px 14px 10px;
    z-index: 3;
    border: none;
    height: auto;
}

.deal.edit .nav .ball {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid rgba(78, 143, 199, 0.54);
    border-radius: 35px 35px 35px 35px;
    -moz-border-radius: 35px 35px 35px 35px;
    -webkit-border-radius: 35px 35px 35px 35px;
    display: inline-block;
    height: 60px;
    margin-right: 25px;
    padding: 4px;
    width: 60px;
    cursor: pointer;
}

.deal.edit .nav .ball:hover {
    box-shadow: 0px 0 4px 0px #4e8fc7;
    -moz-box-shadow: 0px 0 4px 0px #4e8fc7;
    background-color: rgba(78, 143, 199, 0.48);
    -moz-transition: background 0.18s linear;
    -ms-transition: background 0.18s linear;
    -o-transition: background 0.18s linear;
    transition: background 0.18s linear;
}

.deal.edit .nav .inner-ball {
    border-radius: 65px 65px 65px 65px;
    -moz-border-radius: 65px 65px 65px 65px;
    -webkit-border-radius: 65px 65px 65px 65px;
    color: #666666;
    font-size: 20px;
    padding: 19px 25px;
    text-shadow: 0 1px 0 #999999;
    height: 60px;
    width: 60px;
    margin-top: -5px;
    margin-right: -5px;
}

.deal.edit .nav .go {
    color: #666666;
    position: absolute;
    right: 40px;
    top: 66px;
    width: 430px;
}

.deal.edit .go span {
    margin-left: 56px;
}

.deal.edit .box {
    position: relative;
}

.box .colorPicker.new {
    position: relative;
    top: 0;
    height: 60px;
    background-color: #FFFFFF;
    right: 0;
}

.box .colorPicker {
    position: absolute;
    right: -60px;
    top: 20px;
    background: red;
    height: 50px;
    width: 50px;

}

.deal.edit .nav .ball.fill-true {
    box-shadow: 0px 0 4px 0px #4e8fc7;
    -moz-box-shadow: 0px 0 4px 0px #4e8fc7;
}

.deal.edit .nav .ball.fill-true:hover {
    background: #FFFFFF;
}

.deal.edit .nav .inner-ball.fill-true {
    background-color: #4e8fc7;
    color: #FFFFFF;
}

.deal.edit .frame .explain {
    position: absolute;
    right: -242px;
    top: 187px;
    z-index: 500;
}

.edit-area .card-container {

}

.edit-area .button-container {
    height: auto;
    width: 199px;
    position: absolute;
    left: -338px;
    top: 1px;
    box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.edit-area .edit-alert {
    position: absolute;
    background: rgba(255, 51, 102, 0.79);
    width: 199px;
    box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    left: -303px;
    top: 400px;
    padding: 15px 20px;
    color: #FFF;
    font-size: 15px;
}

.edit-area .button-container .campaign-load {
    bottom: -25px;
    right: 2px;
    display: block;
    width: 199px;
    margin-top: 270px;
    position: absolute;
    z-index: 1;
}

.deal.edit .frame {
    height: auto;
    padding: 0;
    position: relative;
}



.deal.edit .frame .edit-area .tpl-action:hover {
    background: #F0F0F0;
}

.deal.edit .frame .edit-area .tpl-action {
    left: -1px;
    padding: 14px;
    border: 1px solid rgba(147, 154, 166, 0.27);
    border-radius: 0px;
    box-shadow: none;
    background: #FFFFFF;
    width: 100px;
    height: 96px;
    padding: 26px 0;
    z-index: 2;
}

.deal.edit .frame .edit-area .tpl-action.ne {
    border-radius: 3px 0 0 0;
}

.deal.edit .frame .edit-area .tpl-action.nw {
    border-radius: 0 3px 0 0;
}

.deal.edit .frame .edit-area .tpl-action.se {
    border-radius: 0 0 3px 0;
}

.deal.edit .frame .edit-area .tpl-action.sw {
    border-radius: 0 0 0 3px;
}

.deal.edit .frame .edit-area .tpl-action .fa {
    font-size: 21px;
    color: #8A929F;
}

.deal.edit .frame .edit-area .tpl-action.backgroundLoading .fa {
    color: #FFFFFF;
}

.deal.edit .frame .edit-area .intro-help {
}

.deal.edit .frame .edit-area .guide-save {
    position: absolute;
    bottom: 50px;
    z-index: 10;
    right: -10px;
}

.deal.edit .help-design {
    position: absolute;
    z-index: 10001;
    top: 108px;
    left: -1px;
}

.deal.edit .frame .edit-area a.tpl-action {
    font-size: 14px;
    color: #999999;
    text-align: center;
    float: left;
    display: block;
    position: relative;
    vertical-align: top;
    margin-left: -1px;
    margin-top: -1px;
}

.deal.edit .frame .edit-area a.tpl-action.disable > * {
    opacity: 0.5;
}

.deal.edit .frame .edit-area a.tpl-action > .highlight {
    position: absolute;
    height: 43px;
    width: 43px;
    border: 3px solid #52b266;
    top: 16px;
    border-radius: 50%;
    right: 28px;
    background: #52b266;
    z-index: -1;
}

.deal.edit .frame .edit-area .tpl-action .fa.edit {
    color: #FFFFFF;
    background: none;
}

.deal.edit .frame .edit-area a.tpl-action .text {
    padding: 12px 11px;
}

.deal.edit .frame .edit-area a.tpl-action.backgroundLoading .text {
    color: #FFFFFF;
}

.deal.edit .frame .header {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 25px;
    padding: 20px 0 5px;
}

.deal.edit .frame .plan .header {
    margin-bottom: 10px;
}

.deal.edit .frame .title h3 {
    color: #666666;
    font-size: 22px;
    font-weight: normal;
    line-height: 45px;
    text-shadow: 0 1px 0 #999999;
    width: 600px;
}

.deal.edit .frame .title h3.underline {
    border-bottom: 1px dotted #C9C9C9;
}

.deal.edit .frame .subject label {

}

.deal.edit .subject .text.field, .deal.edit .details textarea {
    box-shadow: none;
    font-size: 17px;
    display: block;

}

.deal.edit .details .text-details.blank, .deal.edit .details .text-details.updated {
    padding: 20px;
    position: relative;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.deal.edit .details .text-details.blank {
    border: 1px dashed #4e8fc7;
    height: 300px;
    padding: 20px;
    color: #C0B6B6;
    border-radius: 5px;
    margin-top: 40px;
    width: 608px;
}

.deal.edit .details .text-details.updated {
    background: #FFFFFF;
}

.deal.edit .details .text-details.updated ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.deal.edit .details .text-details.updated ul li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style-type: initial;
}

.deal.edit .details .text-details > .zi {
    z-index: 1;
    position: absolute;
    cursor: pointer;
}

.deal.edit .details .text-details > .edit,
.deal.edit .biz-details .preview > .edit {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #FFFFFF;
    font-size: 14px;
    padding: 13px 28px;
}

.deal.edit .details .text-details > .edit span,
.deal.edit .biz-details .preview > .edit span {
    padding: 0;
    top: 0;
    font-size: 13px;
    margin-left: 7px;
}

.deal.edit .details .text-details.updated:hover,
.biz-details .preview:hover {
    border: 1px dashed #4e8fc7;
    border-radius: 3px;
}

.deal.edit .details .text-details > .background {
    background: #FFFFFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAEElEQVR42mNg4GDAABwEGQAEbwAp6j1UdAAAAABJRU5ErkJggg==);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.deal.edit .details .text-details > .background:hover {
    cursor: pointer;
}

.deal.edit .pop-form {
    box-shadow: 0px 1px 5px 0px #D7D7D7;
    z-index: 10;
    background: rgb(244, 244, 244);
    padding: 15px 16px;
    border: 1px solid #e0e0e0;
    margin-bottom: 35px;
    padding: 15px 10px 5px;
    width: 710px;
    margin-right: -50px;
    border-radius: 3px;
}

.deal.edit .pop-form {
    -webkit-transition: transform 0.1s, opacity 0.25s;
    -moz-transition: transform 0.1s, opacity 0.25s;
    transition: transform 0.1s, opacity 0.25s;
}

.deal.edit .pop-form {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    display: none;
}

.deal.edit .pop-form.open {
    display: block;
}

.deal.edit .pop-form.enter {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.deal.edit .pop-form .actions {
    padding: 20px 0px;
    position: relative;
}

.deal.edit .pop-form > .actions > button {
    display: inline-block;
    padding: 8px 20px;
    height: 40px;
}

.deal.edit .details body {
    direction: rtl;
}

.deal.edit .details textarea {
    margin: 4px 0;
    padding: 10px;
    resize: none;
    text-indent: 0;
    border: 1px solid #bdc8d4;
}

.campaign.edit .help-button {
    background: #1381E0;
    position: fixed;
    bottom: 110px;
    height: 43px;
    width: 90px;
    right: 50%;
    color: #FFF;
    margin-right: -600px;
    border-radius: 23px;
    padding: 13px 16px;
    cursor: pointer;
    box-shadow: 1px 1px 1px 1px #CCC;
}

.campaign.edit .help-button span {
    border: #FFFFFF solid 2px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 8px;
    padding: 3px 7px;
}

.help-suggest-box {
    background: #FFFFFF;
    position: fixed;
    top: 812px;
    height: 43px;
    width: 43px;
    left: 51%;
    margin-left: 492px;
    z-index: -1;
    border-radius: 50%;
}

.help-suggest-box > div {
    padding: 40px 30px;
    height: 100%;
    background: #f3f3f3;
}

.help-suggest-box.show {
    transform: translate(-820px, -620px);
    z-index: 100001;
}

.help-suggest-box.open {
    height: 400px;
    border-radius: 3px;
    width: 700px;
    box-shadow: 1px 1px 4px 1px #CCC;
}

.help-suggest-box.video {
    transform: translate(-1030px, -620px);
    width: 1070px;
    height: 630px;
}

.help-suggest-box .close-modal {
    position: absolute;
    top: 6px;
    right: 12px;
}

.help-suggest-box .box {
    background: #fff;
    padding: 40px 20px 30px;
    border: 1px solid #eee;
    font-size: 18px;
}

.help-suggest-box .box > img {
    position: absolute;
    height: 50px;
    border-radius: 50%;
    width: 50px;
    opacity: 0.9;
    top: -24px;
    left: 30px;
}

.help-suggest-box .title {
    margin-bottom: 20px;
}

.help-suggest-box .message {
}

.dealPlanForm input:focus, .dealPlanForm textarea:focus,
.deal.edit .details textarea:focus {
    border: 2px solid #bdc8d4;
}

.deal.edit .frame .subject .text.field {
    height: 50px;
    width: 100%;
    padding: 5px;
}

.box .html-view {
    position: relative;
    box-shadow: 0px 0px 2px 0px #999999;
    height: auto;
    width: 608px;
    height: 408px;
    padding: 4px;
    background: #FFFFFF;
}

.box .html-view .deal {
    position: relative;
}

.frame .step-action {
    height: 142px;
    width: 100%;
}

.frame .step-action button {
    float: left;
    margin-right: 10px;
    margin-top: 49px;
    padding: 8px 23px;
}

.campaign.edit .frame div.words:hover,
.campaign.edit .frame div.words:active,
.campaign.edit .frame div.words:focus,
.campaign.edit .frame div.words.active,
.campaign.edit .frame div.badges:hover,
.campaign.edit .frame div.logo:hover {
    border: 1px dashed #FFFFFF;
    box-shadow: inset 0px 0px 1px #000000;
}

.campaign.edit .upload {
    margin: 1px 0;
}

.campaign.edit .frame div.logo:hover {
    border: 1px dashed #FFFFFF;
    box-shadow: inset 0px 0px 1px #000000;
}

.ui-resizable-handle {
    background: #ffffff;
    border: 1px solid #333;
    width: 10px;
    height: 10px;
    z-index: 2;
}

.ui-resizable-se {
    right: 0px;
    bottom: 0px;
}

.dealPlanForm {
    color: #636363;
    padding: 60px 0px 400px;
    height: auto;
}

.dealPlanForm.settings > div {
    font-size: 15px;
    margin-top: 30px;
}

.dealPlanForm.settings > div > div:first-child {
    margin-left: 70px;
    border-left: 1px dotted #ccc;
    padding: 0px 0 0px 45px;
    width: 500px
}

.dealPlanForm.settings > div > div {
    vertical-align: top;
    width: 520px;
}

.dealPlanForm .help {
    color: #9C9C9C;
    font-size: 14px;
    padding: 7px 5px;
}

.dealPlanForm .help a {

}

.dealPlanForm .help .tooltip {
    font-style: normal;
    font-size: 16px;
}

.dealPlanForm .field {
    margin-top: 5px;
}

.dealPlanForm h3 {
    font-size: 21px;
    color: #333333;
}

.dealPlanForm input, .dealPlanForm textarea {
    border: 1px solid #bdc8d4;
    width: 208px;
}

.dealPlanForm input#add_logo {
    width: 17px;
    height: 17px;
}

.dealPlanForm textarea {
    width: 100%;
    padding: 7px 12px;
    font-size: 17px;
    text-indent: 0;
}

.campaign-sms-text label {
}

.campaign-sms-text .help a {
    vertical-align: -1px;
}

.campaign-sms-text {
    background: none repeat scroll 0 0 #F2F0F5;
    padding: 15px 25px 25px;
}

.campaign-sms-text .comment > div {
    width: 380px;
    font-size: 14px;
    color: #999;
}

.campaign-sms-text .comment span.fa {
    font-size: 26px;
    top: -5px;
    display: inline-block;
    height: 20px;
    padding: 0;
    margin-left: 4px;
}

.dealPlanForm .part input {
    margin-bottom: 8px;
    vertical-align: 1px;
}

.dealPlanForm .part input[type=checkbox], .dealPlanForm .part input[type=radio] {
    cursor: pointer;
    width: auto;
    width: 21px;
    height: 21px;
    margin-left: 5px;
}

.dealPlanForm .part input[type=checkbox].notallowed {
    cursor: not-allowed;
}

.dealPlanForm .part input[type=checkbox] {
    vertical-align: -1px;
}

.dealPlanForm .part input[type=radio] {
    vertical-align: -4px;

}

.dealPlanForm input.cal, .dealPlanForm .time input{
    height: 35px;
    text-indent: 25px;
    font-size: 16px;
}

.dealPlanForm .ui-datepicker{
    margin: 4 -31px;
}

.dealPlanForm .set-inline > *{
    display: inline-block;
    vertical-align: top;
}

.dealPlanForm .time >  span.fa{    position: absolute;
    right: -2px;
    top: 9px;
    color: #999;
    width: 20px;
    font-size: 20px;
}

.dealPlanForm .time {
    position:relative;
}

.time-picker{
    position: absolute;
    width: 110px;
    height: 150px;
    background: #ffffff;
    overflow-y: scroll;
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px #cccccc;
    top: 38px;
    font-size: 17px;
    right: 242px;
}

ul.time-picker  li{
    cursor: pointer;
    height: 29px;
    width: 100%;
    padding: 5px 9px;
}
ul.time-picker  li:hover{
    background: #EEE;
}

.dealPlanForm label {
    font-weight: normal;
    vertical-align: middle;
    color: #333333;
}

.dealPlanForm .part:first-child {
    margin-top: 0px;
}

.dealPlanForm .part:last-child {
    border-bottom: none;
}

.dealPlanForm .publish-method .fa.help {
    top: 1px;
    font-size: 17px;
    cursor: help;
}

.dealPlanForm .part {
    border-bottom: 1px dotted #959595;
    padding-bottom: 20px;
    margin-top: 50px;
}

.dealPlanForm .part h3 {
    margin-bottom: 20px;
}

.dealPlanForm .part h4 {
    color: #999999;
    display: inline;
    font-size: 14px;
    font-style: italic;
    padding: 0 5px;
    width: 188px;
}

.dealPlanForm .customers-list.part .field {
    margin-top: 10px;
}

.dealPlanForm .channels.part.rules .pick-area{
    height: 130px;
}

.dealPlanForm .channels.part.rules .pick-area.campaign{
    padding: 10px 30px 30px;
}


.dealPlanForm .channels.part label {
    display: inline-block;
    padding: 2px 6px;
    vertical-align: text-bottom;
}

.dealPlanForm .channels.part.identify .inputs {
    padding: 20px 30px;
}

.dealPlanForm .channels.part.identify input[type=text] {
    height: 35px;
    font-size: 17px;
    width: 390px;
}

.dealPlanForm .facebook a.why-facebook {
    color: #5890ff;
}

.dealPlanForm .facebook a.why-facebook span.fa {
    font-size: 30px;
    margin-left: 6px;
    vertical-align: sub
}

.dealPlanForm .facebook title {
    color: #5d5862;
    display: block;
    font-size: 17px;
}

.pop-up.facebook-why {
    box-shadow: 0 2px 15px -2px #666666;
    width: 600px;
    margin-right: -300px;
    height: 530px;
    padding: 20px;
}

.pop-up.facebook-why .close-modal {
}

.pop-up.facebook-why .title {
    background: none;
    text-align: center;
    font-size: 21px;
    padding: 0px 0px 20px;
    border-bottom: 1px solid #CCC;
}

.pop-up.facebook-why .container {
    padding: 40px;
    font-size: 17px;
}

.pop-up.facebook-why .diagram {
}

.pop-up.facebook-why .diagram > * {
    position: absolute
}

.pop-up.facebook-why .image {
    left: 120px;
    bottom: 58px;
}

.pop-up.facebook-why #campaign-preview {
    webkit-transform: scale(0.3);
    transform: scale(0.3);
    border: 17px solid #FFFFFF;
    box-shadow: 1px 1px 6px 3px #aaa;
    right: -125px;
    bottom: -70px;
}

.dealPlanForm #fb_integ, .dealPlanForm .part.groups .pick-area {
    margin-top: 0;
    padding: 0px 0px 0px;
    width: auto;
}

.dealPlanForm .part.rules .pick-area{
    background: none repeat scroll 0 0 #F2F0F5;
    height: 150px;
    padding: 30px 30px;
    position:relative;
}
.dealPlanForm .part.groups .pick-area {
    background: none repeat scroll 0 0 #F2F0F5;
    padding: 20px 10px;
    max-height: 340px;
    overflow-y: auto;
}

.pick-area.campaign .container,
.pick-area.rule .container,
.pick-area.filter .container {
    height: auto;
    position: absolute;
    padding: 10px 0;
    width: 500px;
}

.pick-area.filter .stats.warning {
    background: rgba(255, 51, 102, 0.76);
}

.pick-area.filter .stats {
    width: 102%;
    background: #E4E4E5;
    margin-right: 0;
    padding: 10px 24px;
    margin-bottom: -19px;
}

.plus.container {
    border-right: 1px solid #CCCCCC;
    height: 27px;
    margin-right: 22px;
    visibility: hidden;
    right: 0;
    top: 48px;
}

.plus.container .sign {
    background: #FFFFFF;
    width: 30px;
    height: 30px;
    padding: 6px 7px;
    border-radius: 50%;
    border: 1px solid #CCCCCC;
    position: absolute;
    right: -15px;
}

.plus.container .sign:hover {
    background: #F9F9F9;
}

.plus.container .sign span {
    top: 0;
    padding: 0;
}

.dealPlanForm .facebook a {
}

.dealPlanForm .facebook button {
    font-size: 18px;
    padding: 9px 14px 11px 60px;
    margin-right: 90px;
    height: 60px
}

.dealPlanForm .facebook button span.fa {
    font-size: 25px;
    margin-left: 8px;
    vertical-align: sub;
}

.dealPlanForm .tags ul {
    padding: 20px 0;
}

.dealPlanForm .tags ul li {
    height: 35px;
    width: 300px;
    display: inline-block;
    vertical-align: top;
}

.dealPlanForm .part .tags ul li input[type=checkbox] {
    vertical-align: -6px;
    margin-left: 12px;
}

.dealPlanForm .part.tags ul li input[type=checkbox] {
    vertical-align: -3px;
    margin-left: 10px;
    color: #333333;
}

.dealPlanForm .tags ul li span {
    margin-right: 7px;
    display: inline-block;
    color: #999999;
    font-size: 15px;
}

.dealPlanForm > .content {
    border: 1px solid #D6D6D6;
    margin-top: 30px;
    width: 671px;
    padding: 29px 30px;
    margin: 25px 120px;
    background: #FFFFFF;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.2);
}

.dealPlanForm > .content.grid {
    background: #FBFBFB;
    border: 1px solid #D6D6D6;
    background-image: linear-gradient(0deg, transparent 24%, rgba(78, 143, 199, 0.2) 25%, rgba(78, 143, 199, 0.2) 26%, transparent 27%, transparent 74%, rgba(78, 143, 199, 0.2) 75%, rgba(78, 143, 199, 0.2) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(78, 143, 199, 0.2) 25%, rgba(78, 143, 199, 0.2) 26%, transparent 27%, transparent 74%, rgba(78, 143, 199, 0.2) 75%, rgba(78, 143, 199, 0.2) 76%, transparent 77%, transparent);
    background-size: 35px 35px;
}

.dealPlanForm > .content > div {
    position: relative;
    margin-bottom: 32px;
}

.dealPlanForm > .content > .biz-details .preview {
    background: #FFFFFF;
    height: inherit;
    padding: 25px 20px;
    position: relative;
}

.dealPlanForm > .content > .biz-details .preview > ul {
}

.dealPlanForm > .content > .biz-details .preview > ul > li {
    width: 231px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;
}

.dealPlanForm > .content > .biz-details ul > li {
    display: inline-block;
    margin: 0 0px 20px 37px;
    position: relative;

}

.dealPlanForm > .content > .biz-details .edit-form ul > li {
    width: auto;
    margin: 0 0px 20px 37px;
    position: relative;
    vertical-align: top;
}

.dealPlanForm > .content > .biz-details .edit-form ul > li:nth-child(2n+1) {
    margin: 0 0px 30px 0px;
}

.dealPlanForm > .content > .biz-details .preview > ul > li > .fa {
    top: 0;
    padding: 0;
    margin-left: 10px;
    float: right;
}

.dealPlanForm > .content > .biz-details .edit-form ul > li label,
.dealPlanForm > .content > .biz-details .edit-form ul > li > .comment {
    font-size: 13px;
    font-family: arial;
}

.dealPlanForm > .content > .biz-details .edit-form ul > li label {
    display: block;
    color: #000;
}

.dealPlanForm > .content > .biz-details .edit-form {
    padding: 40px 20px 5px;
    margin-top: -141px;
}

.dealPlanForm > .content > .biz-details .edit-form form {
    background: #FFFFFF;
    padding: 50px 30px 20px;
    height: 310px;
}

.biz-details form input {
    padding: 0 30px 0px 5px;
    font-size: 16px;
    width: 240px;
    height: 35px;
}

.biz-details form input.ltr {
    padding: 0 5px 0px 31px;
}

.biz-details form input.location {
    width: 522px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABWklEQVR4XpWOsUuCYRjE77W2qqWIgjb/BmdX0UEQNMhBVCQFFURxF0RwcxcqEkJsqKKxRiFQKYK2aAgchTQUSz+f3huSEPrUHxzH3fE+vJilrdSWVkrrVKtKZ2aPOfDxntZx1+lsjIvFnpRKQmdmz33egUzP7X6UXE4m2exUzOy5w4x3pSrjfP7TyGSkGg5L0OejCzN77jDjVakLo1AwxqmUHLhc4nA46MLMnjvMeFHqZJBOd0bJpJS9XnHa7XRhZs8dZrSUOnqz2Vrf+stf8fhUzOy5w4y6Utt1i+X6IxrtDmMx+RUze+6Yx51SwabV2hwmEjKIRITOzB6LcAus3QCXbY+n0w+FhM7MHotSAw7v9/ef+uGw0JmxDBVg4wyo9wIBoTNjWcrAQ9fvFzpMsOAfRnoTwwB9mQPM61o7AkAmE2gnu1qbWquLHFjjgWfg6rxWa9D/HFjBDD/EJ9c7Nq0X9AAAAABJRU5ErkJggg==) no-repeat 495px 8px;
}

.biz-details form input + span.fa {
    position: absolute;
    right: 7px;
    top: 10px;
    font-size: 15px;
    color: #999;
    padding: 0;
    width: 17px;
}

.biz-details form input.ltr + span.fa {
    right: auto;
    left: 7px;
    top: 25px;
}

.limit.part h3 {
    display: inline-block;
    vertical-align: middle;
}

.limit.part input[type="text"] {
    font-size: 16px;
    padding: 5px 10px;
    width: 60px;
}

.limit.part span {
    padding: 10px;
}

.limit.part set {
    display: block;
}

.sendNotif {
    font-size: 17px;
    text-align: right;
}

.deal.edit .distribute .prompts li.fa:before {
    color: LightCoral;
    display: inline-block;
    margin-right: -25px;
    width: 25px;
}


.deal.edit .distribute .prompts li {
    font-size: 15px;
    margin-bottom: 15px;
}


.images.tpls-backgrounds input[type=file] {
    position: relative;
}

.campaign .call {
    position: relative;
}

.campaign .call .campaign-load {
    position: absolute;
    width: 210px;
    top: 186px;
    right: 385px;
}

.campaign .progress {
    border: none;
    box-shadow: none;
    border-right: 3px;
    background: #EDEDED;
    height: 16px;
}

.campaign .upload button {
    top: 5px;
}

.campaign .frame .progress-bar {
    background: #4E8FC7;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: width 8s ease;
    transition: width 8s ease;
}

.campaign .call ul {
    margin-right: 43px;
    text-align: center;
}

.campaign .box.distribute {
    padding: 50px 0;
}

.campaign .box.distribute .part {
    padding: 0 60px
}

.distribute .call li {
    cursor: pointer;
    display: inline-block;
    margin-left: 40px;
    vertical-align: middle;
}

.distribute .call li .text {
    color: #0d84b2;
    padding: 16px 0;
    width: 55px;
    font-size: 15px;
}

.frame button.send {
    display: block;
    float: none;
    font-size: 25px;
    margin: 5px auto;
    padding: 15px 30px;
    min-width: 210px;
}

.pls {
    display: none;
}

/* deal-display */

.deal-display .deal-details li,
.dealPlanForm .text-details li {
    margin: 7px 40px;
}

.deal-display > .content {
    margin: auto;
    position: relative;
    width: 700px;
}

.preview-area.sliderOpen {
    height: 780px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 840px;
    direction: ltr;
    right: 20px;
    margin: auto;
    position: relative;
    width: 850px;
}

.pop-up.iminterested{
    width: 700px;
    margin-right: -350px;
    height: 460px;
}

.pop-up.iminterested > .close-modal{
    left: 14px;
    top: 10px;
    position: absolute;
}

.pop-up.iminterested > div {
    text-align: center;
    padding: 40px;
}

.pop-up.iminterested img{
    width: 600px;
   margin-top: 40px;
}

.deal-display {
    background: #EEEEEE;
    height: auto;
    padding: 0px 0 100px;
}

.deal-display .info ul li {
    list-style-type: disc;
}

.deal-display.mobile-true {
}

.deal-display.mobile-true .frame {
}

.deal-display .frame {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 5px 13px rgba(78, 143, 199, 0.2), 0 0 0 3px #FFFFFF inset;
    -moz-box-shadow: 0 5px 13px rgba(78, 143, 199, 0.2), 0 0 0 3px #FFFFFF inset;
    margin-right: -350px;
    position: relative;
    right: 50%;
    text-align: center;
    top: 20px;
    width: 700px;
    margin-bottom: 140px;
}


.deal-display .main-container{
    padding: 50px 50px;
}

.deal-display .frame.sliderOpen {
    direction: rtl;
    margin-right: 0;
    right: -15px;
}

.deal-display .header-logo {
}

.header-logo img {
    height: 75px;
    outline: 1px solid #EEEEEE;
    padding: 10px;
}

.header-logo img.clear{
    outline:none;
}

.header-logo h3 {
    color: #636363;
    font-size: 30px;
    margin: 0 37px;
    padding: 17px 0;
    text-shadow: 0 1px #9C9C9C;
    vertical-align: top;
}

.deal-display .frame .header {

}

.deal-display .card-box {
    width: 600px;
    margin: 0 auto;
}

.deal-display .subject h1,
.deal-display .subject h3 {
    padding: 25px;
}

.deal-display .subject {
    min-height: 65px;
    padding: 0 20px;
    background: #000000;
    text-align: right;
    color: white;
}

.deal-display .info {
    padding: 25px 0;
    text-align: right;
    margin-top: 40px;
}

.deal-display .footer {
    background-image: url("../images/card-shadow-700.png");
    background-repeat: no-repeat;
    bottom: -19px;
    height: 18px;
    margin-right: 0px;
    opacity: 0.7;
    position: absolute;
    width: 700px;
}

.deal-display .html-view {
    position: relative;
}

.deal-display .form {
    width: 100%;
    text-align: center;
    z-index: 2;
}

.deal-display .form > .title {
    padding: 16px 40px;
    height: 50px;
    font-size: 18px;
}

.deal-display .form .container {
    padding: 50px 130px 70px;
    border: 1px solid #DDDDDD;
    background: rgba(239, 239, 239, 0.53);
    height: auto;
    font-size: 14px;
}

.deal-display .form form button {
    width: 100%;
    margin-top: 15px;
}

.deal-display .form form button .fa {
    top: 1px;
    padding: 0;
    margin-right: 10px;
}

.deal-display .form form .extra {
    height: 0;
}

.deal-display .form form .extra.open {
    height: auto;
}

.deal-display .form form label {
    font-family: arial;
    display: block;
    text-align: right;
    margin-bottom: 2px;
    font-weight: 100;
    color: #000;
}

.deal-display .form form input.short {
    width: 166px;
}

.deal-display .form form input {
    border-radius: 2px;
    display: block;
    height: 40px;
    margin-bottom: 15px;

    border-color: #DDDDDD;
    font-size: 17px;
    padding: 0 15px;

}

.deal-display .form form input.location {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABWklEQVR4XpWOsUuCYRjE77W2qqWIgjb/BmdX0UEQNMhBVCQFFURxF0RwcxcqEkJsqKKxRiFQKYK2aAgchTQUSz+f3huSEPrUHxzH3fE+vJilrdSWVkrrVKtKZ2aPOfDxntZx1+lsjIvFnpRKQmdmz33egUzP7X6UXE4m2exUzOy5w4x3pSrjfP7TyGSkGg5L0OejCzN77jDjVakLo1AwxqmUHLhc4nA46MLMnjvMeFHqZJBOd0bJpJS9XnHa7XRhZs8dZrSUOnqz2Vrf+stf8fhUzOy5w4y6Utt1i+X6IxrtDmMx+RUze+6Yx51SwabV2hwmEjKIRITOzB6LcAus3QCXbY+n0w+FhM7MHotSAw7v9/ef+uGw0JmxDBVg4wyo9wIBoTNjWcrAQ9fvFzpMsOAfRnoTwwB9mQPM61o7AkAmE2gnu1qbWquLHFjjgWfg6rxWa9D/HFjBDD/EJ9c7Nq0X9AAAAABJRU5ErkJggg==) no-repeat 495px 8px;
}

.deal-display .form .comment {
    font-size: 11px;
    margin-right: 3px;
}

.deal-display .form .confirmation {
    min-height: 250px;
    height: auto;
    width: 120%;
    border-radius: 3px;
    padding: 30px 20px;
    margin-right: -10%;
}

.deal-display .form .confirmation button {
    margin-top: 30px;
    padding: 15px 34px 15px;
}

.deal-display .form .prom {
    text-align: right;
    padding: 30px 30px;
    background: rgba(255, 51, 102, 0.25);
    border-right: 2px;
    margin-top: 30px;
}

.deal-display .form .prom .fa {
}

.deal-display .form .prom span {
    font-size: 50px;
    color: #BBBBBB;
    float: left;
    top: 0;
    padding: 0;
    margin: 0px 10px 10px -8px;
}

/* Display Screen*/

.deal-display.screen .top-area {
    margin-bottom: 40px;
    border-bottom: 1px solid #EEE;
    padding-bottom: 20px;
    position: relative;
}

.deal-display.screen .top-area .powered {
    bottom: 11px;
    top: inherit;
}

.deal-display.screen .main-area {
    padding: 0;
    vertical-align: top;
    padding-bottom: 30px;
}

.deal-display.screen .bottom-area {
    border-top: 1px solid #EEEEEE;
    margin-top: 70px;
    position: relative;
    height: 450px;
}

.deal-display.screen .bottom-area > .biz-details {
    width: 670px;
    margin-right: 0;
    border-top: none;
    position: absolute;
    background: #FFFFFF;
    z-index: 100;
    right: 40px;
    min-height: 100px;
    height: auto;
    border: 1px solid #999;
    box-shadow: 1px 1px 0px #CCCCCC;
    padding: 9px 20px 25px;
    top: 0px;
    right: 23px;
}

.deal-display.screen .map-box {
    height: 515px;
    top: -30px;
    width: 100%;
}

.deal-display.screen .map-box #map {
    padding: 0;
    position: relative;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.deal-display.screen .footer {
    display: none;
}

.deal-display.screen .frame {
    width: 1250px;
    margin-right: -625px;
    padding: 25px 0;
}

.screen .subject.out {
    opacity: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
}

.screen .subject {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -o-transition: all .35s;
    -ms-transition: all .35s;
    transition: all .35s;
    opacity: 1;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
}

.screen .card-box, .screen .info {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    opacity: 1;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
}

.screen .info.out {
    transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    opacity: 0;
}

.screen .card-box.out {
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    opacity: 0;
}

.deal-display.screen .subject {
    background: none;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

.deal-display.screen .card-box {
    margin-right: -30px;
    vertical-align: top;
}

.deal-display.screen .info {
    min-height: 400px;
    vertical-align: top;
    padding: 20px 40px;
    width: 550px;
    margin-top: 0;
}

.share .fb {

}

.share ul li {
    display: inline;
    vertical-align: top;
}

.share .email {
    display: inline-block;
    height: 20px;
    vertical-align: baseline;
    width: 50px;
}

.deal-display .visitor a:hover {
    text-decoration: underline;
    color: #FF3E65;
}

.deal-display .visitor {
    padding: 60px 0 40px;
}

.deal-picture img {
    width: 585px;
}

.deal-picture {
}

.deal-details {
    margin-bottom: 20px;
    position: relative;
    word-wrap: break-word;
    -ms-word-wrap: break-word;

}

.text ul li {
    line-height: 25px;
}

.deal-tpl-edit form {
    font-size: 16px;
    padding: 0px 80px 50px 177px;
    direction: ltr;
}

.deal-tpl-edit h3 {
    font-family: Helvetica;
    font-size: 24px;
    margin: 0 0 30px;
}

.deal-tpl-edit input {
    width: 200px;
}

.deal-tpl-edit .htmladd textarea {
    background: #FFFFEE;
    height: 520px;
    margin-bottom: 10px;
    padding: 10px;
    width: 665px;
}

.deal-about {
    margin: 0 auto;
    padding: 60px 0;
    width: 700px;
}

.preview-title {
    position: absolute;
    right: 1px;
    top: 40px;
}

.page.campaigns {
    padding: 50px 70px;
}

.page.campaigns .c-main {
    padding: 30px 0pt;
}

.page.campaigns ul.main-container {
    margin-top: 30px;
}

.active-c {
    border-bottom: 1px dotted #CCCCCC;
    height: 127px;
    margin-bottom: 42px;
    position: relative;
    width: 100%
}

.active-c .right {
    height: 100%;
    vertical-align: top;
    width: auto;
}

.active-c .right .picture {
}

.active-c .right .picture img {
    border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    -moz-border-radius: 1px 1px 1px 1px;
    width: 188px;
    border: 4px solid white;
    outline: 1PX solid lightgrey;
}

.active-c .right .big_picture {
}

.active-c .right .big_picture img {
    border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    -moz-border-radius: 1px 1px 1px 1px;
    width: 288px;
    border: 4px solid white;
    outline: 1PX solid lightgrey;
}

.deal-stat .container .left {
    margin-right: 0px;
}

.active-c .watch {
    bottom: 13px;
    color: #25C2FF;
    padding: 0;
    position: absolute;
    text-align: center;
}

.active-c .watch * {
    color: #25C2FF;
    float: right;
    margin-left: 5px;
    margin-top: 11px;
    padding: 0;
    top: -15px;
}

.deal-stat .active-c {
    border: none;
}

.deal-stat .active-c .actions {
    bottom: 3px;
    font-size: 15px;
}

.active-c .actions {
    bottom: -5px;
    position: absolute;
}

.active-c .actions li {
    direction: ltr;
    display: inline-block;
    width: auto;
    margin: 0 3px;
}

.active-c .type-name {
    background: none repeat scroll 0 0 #EEEEEE;
    margin: 7px -5px 0 0;
    width: 672px;
}

.active-c .type-name h3 {
    font-size: 17px;
    padding: 8px 13px;
}

.data .details {
    vertical-align: text-top;
    width: 245px;
}

.data .details .subject {
}

.data .details .subject.bold {
    font-weight: bold;
}

.promotions
.data .details .valid {
    color: #969696;
    font-size: 14px;
    font-style: italic;
    padding: 6px 1px;
}

.valid.part input[type="checkbox"] {
    vertical-align: middle;
}

.valid.part .date {
    padding: 10px 18px;
}


.data .sending .info {
    padding: 7pt 15px;
}

.data .sending .loading-animaiton-ball {
    position: absolute;
    left: 30px;
    top: -6px
}

.data .promotion_action {
    border-right: 1px dotted #CCCCCC;
    height: 65px;
    vertical-align: text-top;
    width: 380px;
    padding: 20px 30px 0 0;
    text-align: left;
}

.icon-capaign {
    background-image: url("../images/cmpgn-sprite.png");
    background-position: 0pt 0pt;
    background-repeat: no-repeat;
    left: 21px;
    position: absolute;
    top: 3px;
}

.icon-capaign.draft {
    height: 74px;
    width: 107px;
}

.icon-capaign.reoccur {
    background-position: 0px -78px;
    height: 36px;
    width: 41px;
}

.icon-capaign.reoccur-paused {
    background-position: -40px -78px;
    height: 36px;
    width: 41px;
}

.icon-capaign.sched {
    background-position: 0pt -116px;
    height: 38px;
    width: 41px;
}

.icon-capaign.pending {

}

.deals li .action-icon {
    background-image: url("../images/cmpgn-sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    margin: -2px 2px;
    width: 16px;
}

li .action-icon.cancel {
    background-position: -75px -201px;
}

li .action-icon.edit {
    background-position: -42px -201px;
    height: 19px;
}

li .action-icon.pause {
    background-position: -13px -201px;
}

li .action-icon.play {
    background-position: -13px -226px;
}

.icon-capaign.sent {
    background-position: 0pt -154px;
    height: 38px;
    left: 18px;
    width: 41px;
}

.campaigns .paging .pagination {
    margin: 0 auto 20px;
}

.campaigns .paging .pagination > li > a {
    border: medium none;
    height: 40px;
    width: 40px;
    background-color: transparent;
    margin: 0 2px;
    padding: 6px 13px 4px 12px;
    float: right;
}

.campaigns .paging .pagination > .active > a {
    border: 1px solid #4e8fc7;
    color: #666666;
    margin-top: -4px;
    padding: 10px 16px;
    background-color: #FFF;
    border-radius: 50%;
}

.campaigns .paging .pagination > li:last-child > a, .campaigns .paging .pagination > li:last-child > span,
.campaigns .paging .pagination > li:first-child > a, .campaigns .paging .pagination > li:first-child > span,
.campaigns .paging .pagination > li:nth-child(2) > a, .campaigns .paging .pagination > li:nth-child(2) > span,
.campaigns .paging .pagination > li:nth-last-child(2) > a, .campaigns .paging .pagination > li:nth-last-child(2) > span {
    padding: 11px 10px 6px 8px;
    background: #CCC;
    font-size: 15px;
    color: #333;
    display: block;
    margin: -4px 4px -4px 9px;
    border-radius: 50%;
}

.campaigns .paging .pagination > li:last-child > a, .campaigns .paging .pagination > li:last-child > span,
.campaigns .paging .pagination > li:first-child > a, .campaigns .paging .pagination > li:first-child > span {
    width: 85px;
    border-radius: 19px;
    padding: 11px 15px;
}

.campaigns .paging .pagination > li:nth-last-child(2) > a, .campaigns .paging .pagination > li:nth-last-child(2) > span {
    padding: 11px 15px 6px 8px;
    margin-right: 10px;
    border-radius: 50%;
}

.main.deals .pagination > .active > a, .main.deals .pagination > .active > span {
    border: 1px solid rgba(66, 139, 202, 0.24);
    background: none;
}

.campaigns .paging.down {
    border-top: 1px solid #DDDDDD;
    margin-top: 30px;
    padding: 20px;
}

.campaigns .paging {
    padding: 6px 210px 0px;
    text-align: right;
    height: 90px;
    width: auto
}


.stat-box .campaigns .paging{
    padding: 6px 0px 0px;
}

.campaigns .paging span.text {
    vertical-align: top;
    padding: 0;
    margin: 10px 20px;
    display: inline-block;
}

.main.deals .pagination {
    margin: 0px 0 20px;
}

.main.deals .pagination li {
    vertical-align: middle;
}

.deals .add-new {
    background-color: #f08080;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    float: left;
    font-family: arial;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    outline: 0 none;
    position: absolute;
    text-align: center;
    width: 30px;
}

.deals .add-new:hover {
    background-color: #cb4949;
}

.deals li.dropdown {
    position: absolute;
    top: 42px;
    left: 102px;
}

.campaigns .dropdown-menu,
.deals .dropdown-menu {
    background-clip: padding-box;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    left: -31px;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    opacity: 0.93;
    padding: 15px 0 25px;
    position: absolute;
    top: 38px;
    z-index: 1000;
}

.campaigns .dropdown-menu, a.just-text,
.deals .dropdown-menu a.just-text {
    cursor: default;
    line-height: 30px;
    padding: 18px;
}

.campaigns .dropdown-menu, a.just-text:hover,
.deals .dropdown-menu a.just-text:hover {
    color: #0D84B2;
}

.campaigns .dropdown-menu > li > a,
.deals .dropdown-menu > li > a {
    width: 170px;
}

.deals .popover.right .arrow:after {
    border-left-width: 0;
    border-right-color: PapayaWhip;
    bottom: -8px;
    content: " ";
    left: 1px;
}

.deals .popover.right {
    background-color: PapayaWhip;
    border: medium none;
    box-shadow: none;
    margin-left: 15px;
    top: -5px !important;
}

.deals .popover-content {
    font-size: 14px;
    padding: 9px 14px;
    width: 137px;
}

.deals .popover.right .arrow {
    border-left-width: 0;
    border-right-color: transparent;
    left: -16px;
    margin-top: -11px;
    top: 50%;
}

.noFacebook {
    height: 266px;
}

.noCustomers.reoccur img {
    height: 107px;
}

.noCustomers.reoccur {
    min-height: 190px;
}

.frame .distribute .button-container{
    width: 270px;
    margin: 60px auto 80px;
}

.campaign-banner {
    background: none repeat scroll 0pt 0pt rgba(78, 143, 199, 0.39);
    border-radius: 3px 3px 3px 3px;
    border: 0px solid #C2EBEB;
    margin-bottom: 40px;
    padding: 20px;
    position: relative;
    height: 150px;
}

.banner-container > div {
    display: inline-block;
}

.banner-container .text {
    width: 555px;
    color: #333;
}

.banner-container .text h3 {
    color: #EA4732;
    font-size: 19px;
    margin-bottom: 13px;
}

.banner-container .text h5 {

}

.banner-container .picture {
    bottom: -6px;
    left: 40px;
    position: absolute;
}

.banner-container .picture img.bd {
    position: absolute;
    right: -770px;
    top: -156px;
}

.banner-container .picture img {

}

.close-simple-x {
    color: #A9A9A9;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    left: 7px;
    position: absolute;
    top: 6px;
    width: auto;
    z-index: 10;
}

.campaign-faq-cta {
    background: none repeat scroll 0 0 rgba(78, 143, 199, 0.5);
    border: 1px solid #4e8fc7;
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    margin-right: -680px;
    padding: 11px 20px 6px;
    position: fixed;
    right: 43%;
    text-align: center;
    z-index: 1;
}

.campaign-faq .faq-container {
    background: none repeat scroll 0 0 white;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 6px 2px #333333;
    position: absolute;
    top: 87px;
    width: 850px;
    z-index: 1001;
    right: 50%;
    margin-right: -425px;
}

.campaign-faq .faq-container .faq-item {
    width: 325px;
    font-size: 15px;
}

.campaign-faq .close {
    border: 2px solid white;
    border-radius: 50px 50px 50px 50px;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 8px;
    top: 9px;
    width: 25px;
    opacity: 0.7;
}

.no-campaigns img {
    height: 111px;
    left: 54px;
    position: absolute;
    top: 107px;
    transform: rotate(78deg);
    -moz-transform: rotate(78deg);
    -webkit-transform: rotate(78deg);
}

.no-campaigns .text {
    color: #CCCCCC;
    font-size: 25px;
    position: absolute;
    right: 217px;
    text-align: center;
    text-shadow: 1px 1px 0 #999999;
    top: 218px;
}

.slider .container .header {
    padding: 25px 30px 40px 20px;
    width: 100%;
    font-size: 21px;
    background: #F8F8F8;
    position: absolute;
    left: 0px;
    z-index: 2;
    border-bottom: 1px solid #e0e0e0;
    top: 0;
}

.slider .container .header.admin {
    padding: 25px 20px 37px;
}

.slider .instgram {
    padding: 10px 0px;
}

.slider .connect {
    width: 730px;
    height: 500px;
    padding: 30px 70px 20px 140px;
    position: relative;
}

.slider .connect .title {
    height: 90px;
    width: 570px;
    text-align: center;
    font-size: 21px;
}

.slider .connect .connect-area {
    background-color: #EEEEEE;
    padding: 40px 70px;
    text-align: center;
    font-size: 21px;
    line-height: 31px;
}

.slider .connect .connect-area > div {
    margin-top: 30px;
}

.slider .connect .connect-area > div button {
    width: 82%;
    margin-right: 10px;
    height: 56px;
    margin-top: 0;
}

.slider.display-settings {
    width: 250px;
    border-left: 1px solid #DCDBDB;
    top: 60px;
}

.slider.display-settings button{
    width: 170px;
}

.slider.display-settings .title {
    text-align: center;
    padding: 30px 0 20px;
    border-bottom: 1px solid #CCC;
    margin: 0 40px;
}

.slider.display-settings .container {
    padding: 20px 40px;
    direction: ltl;
    overflow-y: auto;
    overflow-x: hidden;
}

.slider.display-settings .part-container,
.slider.display-settings .switch-wrap-container {
    margin-bottom: 30px;
}

.slider.display-settings .s-title:first-child {
    margin-top: 0;
}

.slider.display-settings .s-title {
    background: #eee;
    padding: 8px 9px;
    font-weight: bold;
    border-radius: 3px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.slider.display-settings ul.grid {
    margin-top: 10px;
}

.slider.display-settings ul.grid li {
    display: inline-block;
    width: 79px;
    border-left: 1px solid #ccc;
    margin-left: -5px;
    height: 40px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.slider.display-settings ul.grid li:hover {
    background: #CCCCCC;
}

.slider.display-settings ul.grid li:first-child {
    border-right: 1px solid #ccc;
    border-radius: 0px 3px 3px 0px;
}

.slider.display-settings ul.grid li:last-child {
    border-radius: 3px 0px 0px 3px;
}

.slider.display-settings ul.grid li span.fa {
    font-size: 19px;
    top: 11px;
    margin: 0;
}

.slider.display-settings .color-picker {
    border: 1px solid #CCC;
    border-radius: 3px;
    width: 150px;
    padding: 10px;
    direction: ltr;
}

.slider.display-settings .color-picker * {
    display: inline-block;
}

.slider.display-settings .color-picker .sampler {
    height: 33px;
    width: 34px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    cursor: pointer;
}

.slider.display-settings .color-picker input {
    width: 90px;
    border: none;
    font-size: 20px;
    float: left;
}

.slider.display-settings .actions {
    padding: 30px 41px;
    border-top: 1px solid #cccccc;
    text-align: left;
}

.tpls-backgrounds .upload-area {
    min-height: 790px;
    padding: 100px 15px;
    background: #EEE;
    height: 100%;
}

.tpls-backgrounds .upload-area .instruct span {
    top: 2px;
    left: 1px;
}

.tpls-backgrounds .upload-area .instruct {
    margin: 40px auto 0;
    font-size: 15px;
    background: #999999;
    width: 450px;
    color: white;
    padding: 6px;
    text-align: center;
    border-radius: 4px;
}

.tpls-backgrounds .upload-area .fa.remove {
    cursor: pointer;
}

.tpls-backgrounds .upload-area .edit {
    position: relative;
    margin: 160px 30px 0 77px;
}

.tpls-backgrounds .upload-area .edit img {
    max-width: 600px;
    position: absolute;
    left: 0;
    top: 0;
}

.images .upload-area .progress {
    margin: 20px 0 0 0;
}

.badges-list .progress {
    margin: -38px -10px 0px;
}

.tpls-backgrounds ul {
    padding: 0px 20px 160px;
}

.tpls-backgrounds ul li.search {
    list-style-type: none;
    height: 165px;
    width: 260px;
    display: inline-block;
    margin: 4px 4px 14px 4px;
    position: relative;
    z-index: 1;
    vertical-align: top;
    text-align: center;
    padding: 0;
}

.badges-list ul {
    padding: 0px 20px 160px;
}

.badges-list ul li.search {
    list-style-type: none;
    height: 165px;
    width: 260px;
    display: inline-block;
    margin: 4px 4px 14px 4px;
    position: relative;
    z-index: 1;
    vertical-align: top;
    text-align: center;
    padding: 0;
}

.badges-list ul li.search img {
    max-width: 260px;
    cursor: pointer;
    max-height: 165px;
    margin: auto;
    padding: 0;
}

.badges-list ul li.badge {
    list-style-type: none;
    height: 135px;
    width: 135px;
    display: inline-block;
    margin: 3px;
    background: rgba(184, 184, 184, 0.12);
    position: relative;
    z-index: 1;
    vertical-align: top;
}

.tpls-backgrounds ul li.tpl,
.tpls-backgrounds ul li.gal{
    height: 190px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.tpls-backgrounds ul li > a.fa,
.badges-list ul li.badge > a.fa {
    right: 0;
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 30px;
    cursor: pointer;
    font-size: 15px;
    background-color: #4E8FC7;
    border-radius: 50%;
    color: #FFF;
    padding: 8px 7px;
}

.tpls-backgrounds ul li > a:hover,
.badges-list ul li.badge > a:hover {
    background-color: #38668e;
}

.tpls-backgrounds ul li span a,
.badges-list ul li.badge span a {
    height: 20px;
    width: 20px;;
}

.slider.image.fileUpload{
    width:750px;
}

.tpls-backgrounds ul li img {
    width: 260px;
    float: left;
    margin: 12px;
    padding: 0px;
    cursor: pointer;
    max-height:173px;
}

.images ul li.mtpl {
    height: 173px;
    overflow: hidden;
    width: 250px;
    float: left;
    margin: 10px;
    position: relative;
    border: 2px solid #EEEEEE;
}

.images ul li.mtpl img {
    height: 100%;
    width: 100%;
    float: none;
    margin: 0;
}

.images ul li.mtpl.badge {
    width: 230px;
    border: none;
    max-height: 200px;
    max-width: 250px;
}

.images ul li.mtpl.badge img {
    max-width: 229px;
    height: initial;
    max-height: none;
}

.images ul li.mtpl span, .images ul li.mtpl button {
    height: 42px;
    top: 115px;
}

.images ul li.mtpl span, .images ul li.social button {
    position: absolute;
    height: 42px;
    top: 125px;
    width: 80%;
    right: 22px;
}

.images ul li.mtpl span {

}

.images ul li.my span.fa {
    left: 20px;
    width: 40px;
    background: #999999;
    color: #FFFFFF;
    padding: 10px 12px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 3px;
}

.images ul li.mtpl span:hover {
    background: #888888;
}

.images ul li.gal.badge button,
.images ul li.search button,
.images ul li.tpl button,
.images ul li.my span.fa,
.images ul li.my button {
    position: absolute;
    top: 110px;
}

.images ul li.search button,
.images ul li.gal.badge button {
    right: 0;
    padding: 10px 10px;
    width: 80%;
    right: 16px;
    top: 90px;
}

.images ul li.tpl button {
    right: 75px;
}

.images ul li.my button {
    left: 20px;
    padding: 10px 30px;
    margin-top: 0;
}

.badges-list img:hover {
    opacity: 1;
}

.badges-list img {
    max-width: 140px;
    cursor: pointer;
    opacity: 1;
    max-height: 140px;
    padding: 10px;
}

.slider .container {
    position: relative;
}

.slider .container .tags {
    position: fixed;
    left: -380px;
    width: 0px;
    top: 101px;
    padding: 20px 10px;
    -ms-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    opacity: 0;
    display: none;
}

.slider .container .tags.open {
    display: block;
}

.slider .container .tags.enter {

    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: transform linear 0.2s, opacity linear 0.5s;
    transition: transform linear 0.2s, opacity linear 0.5s;
    -moz-transition: transform linear 0.2s, opacity linear 0.5s;
    -ms-transition: transform linear 0.2s, opacity linear 0.5s;
    -o-transition: transform linear 0.2s, opacity linear 0.5s;
    width: 370px;
    opacity: 1;
}

.slider .container .tags ul {
    padding: 0;
}

.slider .container .tags ul li {
    width: auto;
    display: inline-block;
    margin: 0px 8px 9px 0;
    background-color: #A9A9A9;
    padding: 5px 11px 5px 7px;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 15px;
}

.slider .container .tags ul li span.fa {
    font-size: 15px;
    margin-right: 10px;
}

.slider .container .tags ul li.picked,
.slider .container .tags ul li.picked:hover {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    opacity: 1 !important;
}

.slider .container .tags ul li.selected {
    opacity: 0.6;
}

.slider .container .tags ul li:hover {
    background-color: #929292;
    opacity: 1 !important;
}

.slider .images {
    position: relative;
}

.slider .search {
    height: 60px;
    padding: 0 20px
}

.slider .search .fa {
    position: absolute;
    right: -15px;
    left: inherit;
    top: 24px;
}

.slider .search input {
    width: 561px;
    border: 1px solid #CCC;
    height: 45px;
}

.slider .search-results {
    padding: 0px 30px;
    text-align: center;
}

.slider .badges-list ul li.search.search-results {
    padding: 0px 0px;
    text-align: center;
}

.slider .images .load-circle {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -32px;
    padding: 50px 0;
    margin-bottom: 50px;
}

.slider .tab-content > .tab-pane {
    position: relative;
}

.slider .tab-pane > .container {
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    top: 90px;
    padding: 30px 0;
}

.html-view .words p.show, .html-view .badges p.show {
    top: -11px;
    left: -8px;
    height: 18px;
    width: 18px;
    position: absolute;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 3px;
    border: 1px solid #666666;
    background: #FFFFFF;
}

.html-view .words p > span, .html-view .badges p > span {
    position: absolute;
    top: 2px;
    color: #999999;
    text-shadow: none;
    font-size: 12px;
    left: 3px;
}

.html-view .words p.remove {
    top: -11px;
    right: -9px;
    color: white;
    cursor: pointer;
    font-weight: normal !important;
    text-shadow: none !important;
}

.html-view .words p.drag {
    font-weight: normal !important;
    text-shadow: none !important;
    background-image: url("../images/grips.png");
    width: 35px;
    background-repeat: no-repeat;
    background-position: 8px 0px;
    height: 17px;
    display: none;
    top: initial;
    bottom: -7px;
    right: 50%;
    cursor: move;
    margin-right: -20px;
}

.html-view .words p.show {
    color: white;
    display: block;
}

.html-view .badges p.show {
    font-size: 23px;
    cursor: pointer;
}

.html-view .badges p.fa,
.html-view .words p.fa {
    color: #666;
    font-size: 13px;
    padding: 3px 0px;
    font-size: 11px;
}

.html-view .logo {
    position: absolute;
    left: 465px;
    top: 15px;
    cursor: move;
}

.call .cta {
    position: absolute;
    right: 50%;
    margin-right: -250px;
}

.tpl-action.html-insert {
    top: 70px;
    padding: 12px 4px;
}

.tpl-action .fa.htmladd {
    font-size: 15px;
    font-weight: bold;
}

.tpl-action {
    position: absolute;
    left: -70px;
    padding: 6px 8px;
    border: 1px solid lightblue;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 0px #ccc;
}

.admin .tpl-action {
    width: 50px;
    text-align: center;
}

.tpl-action .fa {
    font-size: 29px;
    color: lightblue;
    padding-right: 0;
    top: 0;
}

.text-cust {
    position: absolute;
    border: 1px solid lightgray;
    left: 629px;
    width: 70px;
    height: 410px;
    padding:10px 0;
}

.deal.edit .frame .text-cust {
    left: 630px;
    top: -2px;
    height: auto;
    padding: 10px 0;
}

.text-editor .font-size span.fa, .text-editor .font-style span.fa {
    color: #F4F3F3;
}

.text-editor,
.text-cust,
.text-cust .sub-menu {
    background: white;
    box-shadow: 0px 0px 14px -5px #999999;
    border-radius: 3px;
    border: 1px solid #ddd;
    position: absolute;
    z-index: 100;
}

.text-cust > div {
    padding: 0px 10px;
}

.text-cust .sub-menu {
    width: auto;
    right: 75px;
}

.text-cust .tooltip-inner{
    padding:5px 10px;
    width:120px;
}

.text-cust a.menu-item {
    font-size: 15px;
    text-align: center;
    width: 68px;
    display: inline-block;
    border-top: 1px solid #EEEEEE;
    padding: 18px 0px;
    margin-right: -10px;
    color: rgba(31, 37, 50, 0.69);
    height: 56px;
}

.text-cust .sub-menu.transparancy{
    height: 60px;
    width: 220px;
    top: 121px;
    right: 72px;
    padding: 19px 2px;
}

.text-cust .sub-menu.transparancy input{
    border: none;
    width: 100%;
    margin:0;
}
.text-cust a.menu-item:hover {
    background-color:rgba(31, 37, 50, 0.69);
    color:#FFFFFF;
}

.text-cust .sub-menu input[type=range]::-webkit-slider-thumb {
    background: rgba(31, 37, 50, 0.69);
}

.text-cust a.menu-item .fa {
    top: 2px;
    padding: 0;
    font-size: 22px;
}

.text-cust .font-family .sub-menu {
    top: 0px;
}

.text-cust .font-family ul {
    padding: 10px 0px;
    height: 473px;
    overflow-y: scroll;
}

.text-cust .font-family ul li:hover {
    background: #5eadf0;
    cursor: pointer;
}

.text-cust .font-family ul li {
    font-size: 21px;
    margin-bottom: 6px;
    padding: 2px 25px 5px 30px;
    color: #1f2532;
}

.text-cust .font-family ul li.big {
    padding: 0px 25px 0px;
    font-size: 19px;
}

.text-cust .font-size .sub-menu {
    width: 194px;
    direction: ltr;
    height: 242px;
    padding: 0;
    top: 118px;
}

.text-cust .font-size .sub-menu ul {
}

.text-cust .font-size .sub-menu ul li {
    display: inline-block;
    height: 48px;
    width: 48px;
    vertical-align: center;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 17px 6px;
    font-size: 15px;
}

.text-cust .font-size .sub-menu .ctrl > div {
    width: 89px;
    text-align: center;
    height: 48px;
    padding: 13px;
}

.text-cust .font-size .sub-menu .ctrl > div:hover {
    background: #EEEEEE;
}

.text-cust .font-size .sub-menu .ctrl > div .fa {
    font-size: 16px;
}

.text-cust .font-size .sub-menu ul li:hover {
    background: #EEEEEE;
}

.text-cust .font-style .sub-menu {
    width: 194px;
    direction: ltr;
    height: 49px;
    padding: 0;
    top: 353px;
}

.text-cust .font-style .sub-menu div {
    display: inline-block;
    padding: 15px 0;
}

.text-cust .text-effect .sub-menu {
    width: 124px;
    height: 165px;
    padding: 0;
    top: 323px;
}

.text-cust .text-effect .sub-menu div {
    display: inline-block;
    padding: 8px 0 7px;
    width: 100%;
}

.text-cust .text-effect .sub-menu div:hover {
    background: #EEEEEE;
}

.text-effect {

}

.color-picker {
    height: auto;
    width: auto;
    min-height: 50px;
}

.color-picker ul {
    height: 155px;

}

.color-picker ul li {
    height: 16px;
    width: 16px;
    float: left;
    margin: 1px;
    cursor: pointer;
}

.color-picker .set {
    direction: ltr;
    margin: 0px 4px 5px;
}

.color-picker .set a {
    font-size: 14px;
}

.color-picker .set input {
    width: 94px;
    height: 25px;
    margin-left: 0px;
    padding: 2px;
    font-size: 17px;
    margin-left: 3px;
    margin: 5px 3px 11px;
}

.color-picker .set .preview {
    height: 25px;
    width: 25px;
    vertical-align: -8px;
    border: 1px solid #cccccc;
    border-radius: 3px;
}

.color-picker .set button {
    padding: 5px 50px;
    font-size: 14px;
    width: 100%;
    margin: -3px 0 11px;
}

.font-size > div:hover, .font-style > div:hover {
    -webkit-box-shadow: 0 0 1px #999999;
    -moz-box-shadow: 0 0 1px #999999;
    box-shadow: 0 0 1px #999999;
}

.font-size > span, .font-style > span {
    float: left;
    padding: 1px 4px;
    font-size: 24px;
    color: #CCC;
}

.font-size > div, .font-style > div {
    cursor: pointer;
    width: 33px;
    height: 33px;
    border-radius: 3px;
    margin: 0 0px 3px -1px;
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    float: left;
    padding: 8px 0px;
}

.font-style > div {

}

.font-size span.fa, .font-style span.fa {
    color: #969696;
    font-size: 18px;
    padding: 9px;
    top: 0px;
}

.font-style span.fa {
    font-size: 19px;
    padding: 7px;
}

.font-style span.fa.bold, .font-style span.fa.italic {
    padding: 9px;
    top: -2px;
}

.text-effect > div {
    margin: 4px 0;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    padding: 1px 5px;
    color: lightgrey;
    cursor: pointer;
    font-family: arial;
}

.text-effect .shadow {
    text-shadow: 1px 1px 1px #333333;
}

.text-effect .stroke {
    text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
}

.deal-display a .call {
    width: 100%;
    padding: 10px 0 16px;
    border-radius: 7px;
    color: #666666;
    font-family: arial;
    background: #70cbd2;
    border-radius: 3px;
}

.deal-display a .call {
    color: #FFFFFF;
}

.deal-display a > .call .fa {
    padding: 0;
    top: 5px;
    margin-right: 13px;
    font-size: 25px;
}

.unsubscribe {
    margin-top: 30px;
    margin-bottom: 20px;
}

.unsubscribe h5 {
    color: #999999
}

.unsubscribe h5 a {
}

.pop-up.test-campaign {
    margin-right: -250px;
    padding-bottom: 40px;
    width: 500px;
    height: 280px;
}

.pop-up.test-campaign .title {
    background-color: #FFF;
    text-align: center;
    padding: 15px;
    border-bottom: 1px solid #EEE;
}

.pop-up.test-campaign .close-modal {
    margin-top: -11px;
    margin-left: -3px;
}

.pop-up.test-campaign .content {
    padding: 40px 70px;
}

.pop-up.test-campaign input {
}

.pop-up.test-campaign input[type=radio] {
    margin-left: 10px;
    height: 19px;
    vertical-align: -5px;
    width: 19px;
    margin-bottom: 25px;
}

.pop-up.test-campaign input[type=text] {
    width: 190px;
    margin-top: -10px;
    height: 38px;
    margin-right: 6px;
    font-size: 17px;
    border: 1px solid #CCC;
}

.pop-up.test-campaign .content a {
    color: #666;
    margin: 10px 20px;
    display: inline-block;
}

.pop-up.test-campaign button {
    bottom: 30px;
    padding: 10px 40px;
    height: 40px;
}

.preview.nav-banner {
    height: 50px;
    background: #333333;
    font-family: arial;
    padding: 14px;
    box-shadow: 0px 2px 5px 0px #999999;
    margin-bottom: 10px;
}

.preview.nav-banner a > div {
    display: inline-block;
}

.preview.nav-banner a {
    color: #F8FFC3;
    width: 150px;
    float: left;
}

.preview.nav-banner .fa.desktop {
    padding: 0;
    top: 2px;
}

.campaigns.list {padding: 0 0 70px 0;}

.campaigns.list .actions {
    float: left;
}

.campaigns.list .page-header .action {
    width: 152px;
    direction: rtl;
}

.campaigns.list .container {
    position: relative;
    padding: 0;
    margin: 130px auto 140px;
}

.campaigns.list .container .timeline {
    position: absolute;
    right: 80px;
    height: 100%;
    border-right: 1px solid #E0DCDC;
    width: 1px;
    top: -82px;
}

.campaigns.list .container .load-circle {
    position: absolute;
    top: 50%;
    right: 50%;
}


.campaigns.list .container > .more{
    position: absolute;
    bottom: 0px;
    height: 180px;
    width: 100%;
    margin-bottom: -120px;
}

.campaigns.list .container > .more > span {
    position: absolute;
    text-align: center;
    padding: 17px;
    border-radius: 3px;
    background: #DFE0E3;
    border: 1px solid #C3C4C7;
    cursor: pointer;
    bottom: 0;
    right:0;
    width: 100%;
    z-index: 1;
}

.campaigns .dropdown-menu {
    left: -1px;
    top: -33px;
    opacity: 1;
    width: 228px;
    padding: 10px 0 30px;
}

.campaigns ul.dropdown-menu > li > a {
    width: 340px;
    height: 72px;
    padding: 15px 10px;
}

.campaigns ul.dropdown-menu > li.menu-item > a{
    width: 100%;
    height: 42px;
}

.campaigns ul.dropdown-menu > li > a div{
    padding: 12px 0;
}
.campaigns ul.dropdown-menu > li > a img{
    float: right;
    width: 70px;
    margin-left: 20px;
    border: 1px solid #ddd;
}

.campaigns ul.dropdown-menu > li > a div{
    padding: 12px 0;
}
.campaigns ul.dropdown-menu > li > a img{
    float: right;
    width: 70px;
    margin-left: 20px;
    border: 1px solid #ddd;
}

.campaigns.list .container .blank-slate {
    padding: 160px;
}

.campaigns.list .container .blank-slate .text {
    text-align: center;
    color: #999999;
}

.campaigns.list .more span:hover {
    background: #edeff0;
}

.campaigns.list .container ul.load {
    opacity: 0.7;
}

.campaigns.list .container ul.campaigns {
    margin-top: 70px;
}

.campaigns.list .container ul.campaigns.sent {
    margin-top: 0;
}

.campaigns.list .container ul.campaigns li:last-child {
    margin-bottom: 0;
}

.campaigns.list .container ul.campaigns li {
    position: relative;
    margin-bottom: 40px;
    height: auto;
    padding: 0;

}

.campaigns.list .container ul li.hasTL:first-child {
    margin-top: 70px;
}

.campaigns.list .container ul li.hasTL {
    margin-top: 160px;
}

.campaigns.list .container ul li > div.act {
    padding: 20px 20px 20px 40px;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    font-size: 17px;
    overflow: hidden;
    border-radius: 3px;
    height: 155px;
    position: relative;
}

.campaigns.list .container ul li > div.act:hover{
    box-shadow:0 1px 11px -3px rgba(0, 0, 0, .4);
}

.campaigns.list .container ul li.sms > div.act {
    height: 120px;
}

.campaigns.list .container ul li.fb > div.act {
    height: 140px;
}

.campaigns.list .container ul li .tldevider {
    position: absolute;
    background: cornflowerblue;
    top: -80px;
    color: #fff;
    padding: 12px 17px 10px;
    border-radius: 53px;
    min-width: 150px;
    text-align: center;
    font-size: 15px;
}

.campaigns.list .container ul li.disappear {
    transform: scale(0.5);
    -moz-transform: scale(0.5);;
    -o-transform: scale(0.5);
    opacity: 0;
}

.campaigns.list .container ul .shrink {
    transform: scale(0.5);
    -moz-transform: scale(0.5);;
    -o-transform: scale(0.5);
    opacity: 0;
}

.campaigns.list .container li strong {

}

.campaigns.list .container ul li.hover {
    height: 240px;
}

.campaigns.list .container ul li .basic .info > div:first-child {
    margin-top: 7px;
}

.campaigns.list .container ul li .basic .info div {
    margin-top: 5px;
}

.campaigns.list .container ul li .basic .date {
    font-style: italic;
    font-size: 15px;
}

.campaigns.list .container ul li .basic .smstext {
    opacity: 0.75;
}

.campaigns.list .container ul li .basic .smstext span {
    font-weight: bold;
    margin: 0 2px;
}

.campaigns.list .container ul li .basic .type {
    display: inline-block;
    margin-left: 10px;
}

.campaigns.list .container ul li .action-icon {
    height: 38px;
    width: 42px;
    display: inline-block;
    vertical-align: -14px;
    margin-left: 0px;
    margin-right: -8px;
    transform: scale(0.85);
    margin-top: -4px;
}

.campaigns.list .container ul li .action-icon.group_sms {
    margin-top: 1px;
}

.campaigns.list .container ul li .action-icon.event {
    margin-top: -6px;
}

.campaigns.list .container ul li .action-icon.content_facebook {
    margin-top: -6px;
    margin-right: 7px;
}

.campaigns.list .container ul li > div > div {
    vertical-align: top;
}

.campaigns.list .container ul li > div .image {
    width: 231px;
    height: 100%;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    overflow:hidden;
}

.campaigns.list .container ul li div .basic {
    width: 400px;
    margin-right: 235px;
    height: 100%;
    padding: 0px 5px 10px 0px;
}

.campaigns.list .container ul li.sms > div .stats {
    padding: 0;
}

.campaigns.list .container ul li > div .stats {
    padding: 17px 0px;
    width: 330px;
    vertical-align: top;
    position: relative;
    margin-top: 20px;
}

.campaigns.list .container ul li > div .stats > div {
    width: 60px;
    text-align: center;
    vertical-align: top;
}

.campaigns.list .container ul li > div .stats .info {
    display: none
}

.campaigns.list .container ul li > div .stats > div:hover .info {
    display: block
}

.campaigns.list .container ul li > div .stats span.fa {
    font-size: 30px;
    margin: 0;
    left: 0;
    top: 0;
    padding: 0;
    color: #FFF;
    text-shadow: -1px -1px 0 #BBB, 0px -1px 0 #BBB, 1px -1px 0 #BBB, -1px 1px 0 #BBB, 0px 1px 0 #BBB, 1px 1px 0 #BBB;
    position: relative;
}

.campaigns.list .container ul li > div .stats .number {
    margin-top: 6px;
    color: #999;
    font-style: inherit;
}

.campaigns.list .container ul li.sms img {
    max-width: 270px;
    width: 232px;
    height: 100%;
}

.campaigns.list .container ul li.fb img {
    max-width: 300px;
    max-height: 300px;
}

.campaigns.list .container ul li .top {
    height: 71%;
    margin-bottom: 15px;
}

.campaigns.list .container ul li > div .status {
    vertical-align: middle;
    position: absolute;
    left: 30px;
    top: 31%;
}

.campaign-stats .container .diagram,
.campaigns.list .container ul li .diagram {
    border-radius: 50%;
    border: 3px solid #4e8fc7;
    width: 50px;
    height: 50px;
    margin: auto;
    color: #4e8fc7;
    padding: 7px 4px;
    vertical-align: sub;
}

.campaign-stats .container .top{
    height: 300px;
}
.campaigns.list .container ul li .diagram.clock {
    border: none;
}

.campaigns.list .container ul li .diagram.bday {
    padding: 10px 4px;
}

.campaigns.list .container ul li .diagram.clock .fa {
    font-size: 60px;
}

.campaigns.list .container ul li .diagram.bday .fa {
    font-size: 25px;
}

.campaigns.list .container ul li.fb .diagram {
    border: none;
}

.campaign-stats .container .diagram .fa,
.campaigns.list .container ul li .diagram .fa {
    font-size: 30px;
}

.campaigns.list .container ul li img {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 3px 3px 0px;
    max-width: 231px;
}

.campaigns.list .container ul li .top {
    height: 100%;
    margin-bottom: 15px;
}

.campaigns.list .container ul li .bottom {
    height: auto;
    position: absolute;
    padding: 0 300px 0 10px;
    width: 100%;
    right: -40px;
    bottom: 12px;
}

.campaigns.list .container ul li.sms .bottom {
    right: 0;
    bottom: 11px;
}

.campaigns.list .container ul li.fb .bottom {
    right: 100px;
    bottom: 21px;
}

.campaigns.list .container ul li.sms .areusure,
.campaigns.list .container ul li.fb .areusure {
    padding: 25px;
}

.campaigns.list .container ul li .bottom .actions {
    font-size: 16px;
    margin-top: 15px;
    width: 100%;
}

.campaigns.list .container ul li .bottom .actions > a {
    margin-left: 10px;
    font-size: 15px;
    vertical-align: text-bottom;
}

.campaigns.list .container ul li .bottom .actions var {
    vertical-align: sub;
}

.campaigns.list .container ul li .bottom .actions span {
    vertical-align: -1px;
}

/* cropit*/

.imageBox {
    position: relative;
    height: 500px;
    width: 700px;
    border: 1px solid #CCCCCC;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move;
}

.imageBox .thumbBox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 602px;
    height: 402px;
    margin-top: -200px;
    margin-left: -295px;
    box-sizing: border-box;
    border: 1px solid #EEEEEE;
    box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.85);
    background: none repeat scroll 0% 0% transparent;
}

.imageBox .spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(255, 255, 255, 0.85);
}

.imag-crop .action.crop {
    margin-left: 130px;
    text-align: center;
    padding: 10px 40px;
}

.imag-crop .action.fa {
    width: 38px;
    height: 38px;
    background: #ffffff;
    vertical-align: top;
    color: #999;
    border: 1px solid #999999;
    padding: 0;
    top: 0;
    margin-left: 10px;
}

.imag-crop .action.fa:hover {
    background: #FFFFFF;

}

.upload-area .error, .images .error {
    background: rgba(255, 51, 102, 0.45);
    padding: 13px 30px;
    margin: -20px 4px 20px;
    font-size: 15px;
    text-align: center;
    border-radius: 3px;
}

.images.badges-list .error {
    margin: 70px 40px 0;
}

.pop-up.content-import {
    height: auto;
    width: 600px;
    margin-right: -300px;
    padding: 10px 30px 40px;
    position: relative;
    top: 10px;
}

.pop-up.content-import .container {
    padding: 1px 50px;
}

.pop-up.content-import .container form {
    padding: 0px 0px;
    text-align: left;
}

.pop-up.content-import .container input {
    height: 32px;
}

.pop-up.content-import .container .inline-field {
    display: inline-block;
    width: 140px;
    margin-right: 3px;
}

.pop-up.content-import .container form .error-show {
    border: 2px solid rgba(253, 68, 0, 0.48);
}

.pop-up.content-import .container textarea {
}

.pop-up.content-import .container input, .pop-up.content-import .container textarea {
    border: 1px solid #CCCCCC;
    width: 100%;
    padding: 10px;
    margin: 0px 0;
}

.pop-up.content-import .container form label {
    color: #000;
    font-weight: normal;
    font-size: 13px;
    margin-top: 8px;
    display: block;
}

.pop-up.content-import span.section {
    display: block;
    text-align: center;
    margin: 29px 0 0px 0;
    background: #EEE;
    padding: 6px;
    color: #000000;
}

.pop-up.content-import .text-input {
    position: relative;
    width: 100%;
}

.pop-up.content-import .loader {
    position: absolute;
    top: 7px;
    right: 9px;
}

.pop-up.content-import .select {
    margin: 20px 0 0 0;
}

.pop-up.content-import .select option {
}

.pop-up.content-import .select select {
}

.pop-up.content-import .select select i {
}

.campaigns .list li.fb-content {
    width: 203px;
    border-radius: 10px;
    font-size: 15px;
    margin-right: 20px;
}

.admin li.deal .switch_active {
    left: 5px;
}

.admin li.deal .fa.trash.delete {
    left: 80px;
}

li.deal.fb-content .container {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: none;
    box-shadow: 0px 1px 1px #999999;
    margin-top: 20px;
    border-radius: 3px;
    padding: 0;
    margin: 20px 0;
}

li.deal.fb-content .container .actions {
    background: rgba(0, 0, 0, 0.0);
    width: 100%;
    height: 15%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    border-radius: 10px;
    top: 0;
}

li.deal.fb-content .container .actions button {
    margin-top: 160px;
    margin-right: 70px;
    font-size: 15px;
}

li.deal.fb-content .container .actions button.share {
    margin-top: 11px;
    margin-right: 10px;
    font-size: 15px;
    width: 90%;
}

li.deal.fb-content .container .actions button.share span {
    padding: 0;
    top: 0px;
}

li.deal.fb-content .container .actions.heightShow,
li.deal.fb-content .container .actions.mobileShow {
    opacity: 1;
}

li.deal.fb-content .container .subject {
    height: auto;
    width: 100%;
    padding: 18px 10px;
    font-size: 15px;
    border-bottom: 0px solid #FFFFFF;
    border-radius: 10px 10px 0 0;
    min-height: 50px;
    display: none;
}

li.deal.fb-content .container .post {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    background: #FFFFFF;
    border-top: 1px solid #DDDDDD;
    border-radius: 0 0 10px 10px;
}

li.deal.fb-content .container .post .image-wrap {
    display: block;
    min-height: 180px;
}

li.deal.fb-content .container .post .image-wrap .play-button {
    position: absolute;
    top: 60px;
    left: 31%;
    width: 90px;
    opacity: 0.6;
}

li.deal.fb-content .container .post .image-wrap .image {
    height: 230px;
    display: block;
    width: 100%;
    background-size: 430px;
    background-repeat: no-repeat;
}

li.deal.fb-content .container .post .text-info {
    width: 100%;
    background: #FFFFFF;
    text-align: right;
    display: block;
    border-top: 1px solid #EEE;
    padding: 0 12px;
    height: auto;
}

li.deal.fb-content .container .post .text-info .p-title {
    color: #000000;
    margin: 10px 0 5px 0;
    font-size: 17px;
}

li.deal.fb-content .container .post .text-info .sub-title {
    font-size: 14px;
    display: block;
    height: auto;
    padding: 10px 0;
}

li.deal.fb-content .container .post .text-info .link {
    bottom: 3px;
    color: #CCCCCC;
    font-size: 14px;
    text-align: left;
    padding: 10px 0;
}

li.deal.fb-content .container .post .text-info .url span {
    padding: 0;
    top: 0;
}

li.deal.fb-content .container .post .text-info .url {
    bottom: 9px;
    color: #CCCCCC;
    font-size: 14px;
    text-align: left;
    padding: 0;
    position: absolute;
    right: 12px;
    height: 16px;
    z-index: 100;
}

/* share pop-up*/

.pop-up.content-share {
    width: 300px;
    height: 200px;
    position: relative;
    margin-right: -150px;
    top: 160px;
}

.pop-up.content-share.open {
    width: 640px;
    height: 420px;
    margin-right: -320px;
    padding: 10px 20px;
}

.pop-up.content-share .action > .loader {
    position: absolute;
    right: -33px;
    top: 32px;
}

.pop-up.content-share .container {
    padding: 10px 20px;
    height: 100%;
}

.pop-up.content-share .container.fb {
    text-align: center;
}

.pop-up.content-share .container > .sub-title {
}

.pop-up.content-share .container > .title {
    background: none;
    text-align: center;
    padding: 0px 0 40px;
    color: #333;
}

.pop-up.content-share form.post {
    width: 360px;
    padding: 0;
}

.pop-up.content-share .image-wrap {
    width: 160px;
    padding: 20px 0;
    vertical-align: top;
}

.pop-up.content-share .image-wrap > .image {
    width: 140px;
    height: 100px;
    background-size: 140px;
    background-repeat: no-repeat;
}

.pop-up.content-share .post .field {
}

.pop-up.content-share .post .field label {
    font-weight: normal;
    font-size: 16px;
}

.pop-up.content-share .post .field textarea {
    resize: none;
    border: 1px solid #DDD;
    display: block;
    width: 350px;
    height: 100px;
    margin-bottom: 10px;
    padding: 10px 4px;
    font-size: 17px;
}

.pop-up.content-share .post .field input {
    width: 16px;
    vertical-align: -3px;
    height: 16px;
    margin: 0 0 7px 8px;
}

.pop-up.content-share .post .action {
    display: block;
    width: auto;
    margin-top: 20px;
    float: left;
    position: relative;
    height: auto;
}

.pop-up.content-share .post .action button {
    width: 180px;
    font-size: 16px;
}

.pop-up.content-share .post .action button > .fa {
    vertical-align: 0px;
    padding: 0 3px;
    top: 2px;
}

/* stats-box*/
.stat-box .nav-tabs.nav-justified {
    border-bottom: 1px solid #DDDDDD;
    padding-top: 10px;
    height: 53px;
}

.stat-box .tab-content > .tab-pane {
    height: auto;
    padding: 30px 0 30px;
    margin-bottom: 30px;
}

.stat-box .nav-tabs > li > a {
    text-align: right;
    border-bottom: none;
    text-align: center;
    width: 100%;
    padding: 3px 0 0 0;
    color: inherit;
    color: #8898b0;
}

.stat-box .nav-tabs > li.active > a, .stat-box .nav-tabs > li.active > a:hover, .stat-box .nav-tabs > li.active > a:focus {
    border: transparent;
    border-radius: 0;
}

.stat-box .nav-tabs > li.active > a, .stat-box .nav-tabs > li.active > a:hover, .stat-box .nav-tabs > li.active > a:focus {
    background: none;
}

.stat-box .nav-tabs > li.active {
    border-bottom: 2px solid #4e8fc7;
}

.stat-box .nav-tabs > li.active > a {
    background: #FFFFFF;
    color: #4e8fc7;
}

.stat-box .nav-tabs > li {
    width: 150px;
    vertical-align: bottom;
    display: inline-block;
    margin-left: 4px;
    text-align: center;
    padding: 3px 5px;
    border-radius: 3px 3px 0 0;
    height: 43px;
    margin-right: 20px;
}

.stat-box .nav-tabs > li:first-child {
    margin-right: 0px;
    width: 120px;
}

.stat-box .nav > li > a:hover, .stat-box .nav > li > a:focus {
    background: none;
    border-color: #FFFFFF;
    color: #636f80;
}

.stat-box .nav-tabs.nav-justified > li > a:before {
    font-family: FontAwesome, Nachlieli, Arial, Tahoma;
    content: "\f080";
    font-size: 17px;
}

.stat-box .nav-tabs.nav-justified > li.mail > a:before {
    content: "\f003";
}

.stat-box .nav-tabs.nav-justified > li.sms > a:before {
    content: "\f0e6";
}

.stat-box .nav-tabs.nav-justified > li.interested > a:before {
    content: "\f005";
}

.stat-box .nav-tabs.nav-justified > li > a {
    border-bottom: none;
    text-align: center;
    width: 100%;
    margin-top: 2px;
}

.stat-box .stats .progress-bar {
    background-color: #6CBD7D;
    box-shadow: none;
}

.stat-box .stats .progress {
    -webkit-box-shadow: none;
    border: none;
    height: 12px;
    border-radius: 3px;
    margin-top: 8px;
}

.stat-box .stats .highlights {
}

.stat-box .stats .highlights > div {
    width: 47%;
    margin-left: 31px;
}

.stat-box .stats .highlights > div:nth-child(2n) {
    margin-left: 0px;
}

.stat-box .stats .highlights .digit {
    color: #6CBD7D;
    display: block;
    margin-top: -4px;
    font-size: 23px;
}

.stat-box .stats .highlights progressbar {
}

.stat-box .stats li {
    border-bottom: 1px dotted #DDDDDD;
    position: relative;
    height: 15px;
}

.stat-box .stats li > * {
    height: 20px;
    background: #FFFFFF;
    padding: 0px 0px 0 5px;
}

.stat-box .stats li > span {
    float: left;
    padding: 0 5px 0 0px;
}

.stat-box .stats li > span + span {
    color: #BBBBBB;
}

.stat-box .stats .frame {
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    margin-bottom: 30px;
}

.stat-box .stats .frame div {
    width: 49%;
    display: inline-block;
    text-align: center;
    height: 68px;
    padding: 12px 0;
    border-right: 1px solid #CCCCCC;
}

.stat-box .stats .frame.three div {
    width: 32%;
}

.stat-box .stats .frame.single div, .stat-box .stats .highlights.single > div {
    width: 100%;
}

.stat-box .stats .frame div:first-child {
    border-right: none;
}

.stat-box .stats .frame div > span {
    display: block;

}

.stat-box .stats .frame div > span.digit {
    color: #6cbd7d;
    line-height: 28px;
}

.stat-box .stats .frame div > span + span {
}

.stat-box .stats .frame.facebook {
}

.stat-box .stats .frame.facebook div {

}

.stat-box .stats .frame.facebook div > span.digit {
    color: #3B5998;
}

.stat-box .stats .frame.facebook .fa {
    font-size: inherit;
    top: 0;
    padding: 3px;
}

.feed-stats ul.header li {
    border-bottom: none;
}

.feed-stats ul.header {
    height: 30px;
    margin: 23px 0 0;
    border-bottom: 2px solid #EEE;
}

.feed-stats {
    font-size: 15px;
    margin-bottom: 10px;
}

.feed-stats.loading {
    opacity: 0.7;
}

.feed-stats ul {
}

.feed-stats ul li {
    padding: 10px 0;
    border-bottom: 1px dotted #eeeeee;
}

.feed-stats ul li > div {
    width: 170px;
    display: inline-block;
}

.feed-stats ul li > div.name {
    width: 140px;
}

.feed-stats ul li > div.date {
    width: 140px;
}

.feed-stats ul li > div.phone {
    width: 100px;
}

.feed-stats ul li > div.short {
    width: 50px;
}

.feed-stats ul li > div span.fa {
    top: 0;
    padding: 0;
}

.feed-stats ul li > div span.failed {
    color: #ff3366
}

.feed-stats ul li > div span.delivered {
    color: #6CBD7D;
}

.feed-stats ul li > div.info span {
    background: rgba(255, 51, 102, 0.3);
    padding: 4px 20px;
    border-radius: 3px;
    color: #333333;
}

.feed-stats .paging {
    padding: 20px 0;
}

.feed-stats .loader {
    position: absolute;
    top: 92px;
    right: 47%;
}

.feed-stats .paging button {
    padding: 10px 16px;
    margin-left: 8px;
    height: 40px;
}

.feed-stats .paging button span {
    top: 2px;
    padding: 0;
    font-size: 12px;
}

.feed-stats .paging .text {
    font-size: large;
    color: #333;
    display: inline-block;
    padding: 12px 5px;
}

.bottom-bar {
    background: #333c4e;
    height: 0px;
    bottom: 0;
}

.bottom-bar.open {
    height: 60px;
}

.bottom-bar a {
    float: left;
    border-radius: 0;
    width: 100px;
    height: 105%;
    color: #FFFFFF;
    height: 100%;
    padding: 21px 37px;
    background: #4e8fc7;
    font-size: 19px;
    width: 210px;
}

.bottom-bar a:hover {
    background: #569edc;
    color: #FFFFFF;
}

.bottom-bar a span.fa {
    top: 2px;
    padding: 0px 10px;
}

.bottom-bar a.next,
.bottom-bar a.send {
    float: left;
    position: relative;
}

.bottom-bar a.send {
    padding: 21px 20px;
}

.bottom-bar a.prev {
    float: right;
    padding: 21px 5px;
    background-color: transparent;
}

.bottom-bar .prog {
    margin: auto;
    position: absolute;
    left: 38%;
    top: 4px;
}

.bottom-bar .prog a {
    background: none;
    padding: 18px 0;
    width: 70px;
    margin-left: 10px;
    height: 100%;
    font-size: 18px;
    margin-left: 20px;
    color: #4e8fc7;
}

.bottom-bar .prog a.active {
    color: #FFFFFF;
}

.bottom-bar .prog a .fa {
    top: 0;
}

.prog-area {
    background: none repeat scroll 0 0 white;
    border-radius: 4px;
    box-shadow: 0 0 10px 0px #333333;
    height: 490px;
    left: 50%;
    margin-left: -365px;
    position: absolute;
    top: 60px;
    width: 730px;
    z-index: 10001;
    display: none;
    overflow: hidden;
}

.prog-area > .close-modal {
    position: absolute;
    top: 5px;
    left: 12px;
}

.prog-area .title {
    padding: 30px 0;
    text-align: center;
    height: 80px;
    font-size: 21px;
    background-color: #FFFFFF;
    border-radius: 4px 4px 0px 0px;
    position: relative;
    border-bottom: 1px solid #CCC;
}

.prog-area .title.done{
    background: #4e8fc7;
    color: #fff;
    height: 100px;
    padding: 40px;
}

.prog-area > .load {
    border-bottom: 3px solid #4e8fc7;
    height: 0px;
    position: absolute;
    top: 74px;
    width: 5%;
    z-index: -1;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.prog-area > .load.go {
    width: 93%;
    -webkit-transition: width 20s ease-in-out;
    transition: width 20s ease-in-out;
}

.prog-area > .load.go.video {
    -webkit-transition: width 30s ease-in-out;
    transition: width 30s ease-in-out;
}

.prog-area > .load20.go {
    width: 93%;
    -webkit-transition: width 20s ease-in-out;
    transition: width 20s ease-in-out;
}

.prog-area > .load.go.done {
    width: 100%;
    -webkit-transition: width 2s linear;
    transition: width 2s linear;
}

.prog-area > .load > span {
    position: absolute;
    left: -45px;
    box-shadow: 0 0 2px 9px #4e8fc7;
    top: -1px;
    display: block;
    width: 100%;
    height: 0px;
}

.prog-area ul {
    margin: auto;
    width: 270px;
    margin-top: 40px;
}

.prog-area ul li {
    width: 290px;
    position: relative;
    margin-top: 5px;
}

.prog-area ul li .mark-modal {
}

.prog-area ul li .text {
    vertical-align: -7px;
    margin-left: 5px;
    background-color: #FFFFFF;
    z-index: -1;
    width: auto;
    line-height: 26px;
    display: inline-block;
    padding: 3px 0px 3px 13px;
    font-size: 15px;
}

.prog-area ul li span {
    position: absolute;
    top: 8px;
    right: 90px;
    display: block;
    z-index: -1;
    color: #999999;
    font-size: 14px;
}

.prog-area ul li .modal-sprite.check {
    position: absolute;
    right: 250px;
    top: 1px;
}

.prog-area ul li .modal-sprite {
    position: absolute;
    right: -38px;
}

.prog-area ul li .modal-sprite.fb {
    top: 3px;
    right: -36px;
}

.prog-area .scheduled,.prog-area .more-info {
    height: auto;
    text-align: center;
    color: #4e8fc7;
    width: 520px;
    margin: 43px auto;
    border-radius: 3px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.prog-area .scheduled span {
    top: 0;
    margin-left: 5px;
}

.prog-area .confirmation {
    width: 500px;
    margin: auto;
    text-align: center;
}

.prog-area .short-url{
    width: 430px;
    height: 40px;
    margin: -30px auto 30px;
    position: relative
}

.prog-area .short-url .tooltip-inner{
    width:200px;
    text-align: center;
}

.prog-area .short-url .message{
    background: rgba(31, 37, 50, 0.69);
    color: #eee;
    font-size: 14px;
    padding: 11px 25px;
    border-radius: 3px;
    top: -46px;
    position: absolute;
    box-shadow: 0px 4px 5px -3px #999;
    right: 20%;

}

.prog-area .short-url .message span{
    font-size: 16px;
    top: 3px;
}

.prog-area .short-url input{
    width: 290px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
    font-size: 16px;
    padding: 10px 12px;
    color: #666;
}

.prog-area .short-url button.link-copy{
    height: 40px;
    border-radius: 0 3px 3px 0;
    padding: 11px 30px;
}

.prog-area .confirmation a {
    display: inline-block;
    width: 140px;
    vertical-align: top;
    margin: 30px 10px;
}
.prog-area .confirmation a:hover{
    transform: scale(1.1);
}

.prog-area .confirmation a > div{
    border-radius: 50%;
    background: #4E8FC7;
    height: 90px;
    width: 90px;
    padding: 22px 16px;
    display: block;
    margin: auto;
}

.prog-area .confirmation a span{
    font-size: 45px;
    color:#FFF;
    margin: 0;
    left: 0;
    top: 0;
    padding: 0;
    text-shadow: -1px -1px 0 #4E8FC7, 0px -1px 0 #4E8FC7, 1px -1px 0 #4E8FC7, -1px 1px 0 #4E8FC7, 0px 1px 0 #4E8FC7, 1px 1px 0 #4E8FC7;
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.prog-area .confirmation .desc {
    margin: 80px 0 40px;
}

.prog-area .confirmation .desc .symbol-circle {
    border: 1px solid #4e8fc7;
    border-radius: 50%;
    height: 40px;
    wisth: 40px;
}
.prog-area .confirmation .desc .symbol-circle {
    border: 2px solid #4e8fc7;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    padding: 2px 3px;
}

.prog-area .confirmation .desc .symbol-circle span {
    color: #4e8fc7;
    font-size: 38px;
    margin: 0;
    padding: 0;
}
.prog-area .confirmation .text {
    width: 380px;
    margin-right: 10px;
    vertical-align: 0;
}

.prog-area .confirmation button {
}

.modal-sprite.sms {
    background-position: -177px 0px;
    height: 25px;
    width: 25px;
}

.modal-sprite.email {
    background-position: 0px 0px;
    height: 25px;
    width: 25px;
}

.modal-sprite.pic {
    background-position: -222px -1px;
    height: 23px;
    width: 26px;
}

.modal-sprite.movie {
    background-position: -269px -1px;
    height: 23px;
    width: 26px;
}

.modal-sprite.fb {
    background-position: -68px -34px;
    width: 24px;
    height: 24px;
}

.prog-area.open {
    display: block;
}

/*resizeble custom*/
.elementResizable {
    border: 1px solid #67d6ff;
}

#nwgrip, #negrip, #swgrip, #segrip, #ngrip, #egrip, #sgrip, #wgrip {
    width: 10px;
    height: 10px;
    border: 1px solid #67d6ff;
    background: #FFFFFF;
}

#swgrip {
    bottom: -5px;
    left: -5px;
}

.deal-details p,
.campaign .details p {
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 8px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.campaign .details ul, .deal-display .deal-details ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.campaign .details ul li, .deal-display .deal-details ul li {
    margin: 0;
}

.campaign .distribute .prompts {
    display: block;
    width: 680px;
    margin: 20px auto 0;
}

.campaign .distribute .prompts .fa.filter,.campaign .distribute .prompts .fa.users{
    vertical-align: top;
    display: inline-block;
}
.campaign .distribute .prompts .filters{
    display:inline-block;
    width:auto;
    margin-bottom: 10px;
}
.campaign .distribute .prompts .filters span{
    background: #fff;
    padding: 11px 10px 7px 15px;
    border: 1px solid #E3e3e3;
    border-radius: 3px;
    width: auto;
    margin-right: 10px;
    margin-top: 0;
    display: inline-block;
    height: 40px;
    overflow: hidden;
}

.campaign .logo-upload .load-circle {
    top: -17px;
}

.campaign .distribute .prompts .title{
    color: rgba(31, 37, 50, 0.8);
    margin-bottom: 20px;
}

.campaign .distribute .prompts .title strong{
    font-weight: normal;
    margin-right: 6px;
}

.campaign .distribute .prompts ul.channels{
    margin-top: 20px;
    width: auto;
    text-align: center;
}

.campaign .distribute .prompts ul.channels li{
    display:inline-block;
    text-align: center;
    width: 130px;
    vertical-align: top;
    border-radius: 3px;
    padding: 10px;
}
.campaign .distribute .prompts ul.channels li span{
    font-size: 60px;
    margin: 0;
    left: 0;
    top: 0;
    padding: 0;
    color: #FFF;
    text-shadow: -1px -1px 0 #BBB, 0px -1px 0 #BBB, 1px -1px 0 #BBB, -1px 1px 0 #BBB, 0px 1px 0 #BBB, 1px 1px 0 #BBB;
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.deal.type .words > .text p,
.deal.type .words > .text div,
.deal.type .words > .text span {
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
}

.admin.actions a span {
    height: 100%;
    width: 100%;
    display: inline-block;
}

.slider .tpl-details {
    padding: 30px 50px;
    overflow-y: scroll;
}

.slider .tpl-details form {
    padding: 40px;
    direction: ltr;
    text-align: left;
}

.slider .tpl-details form input[type=text] {
    height: 40px;
    padding: 10px;
    font-size: 17px;
    margin-bottom: 20px;
    border: 1px solid #999999;
}

.slider .tpl-details form input[type=checkbox] {
    width: 18px;
    height: 18px;
    vertical-align: -5px;
    margin-right: 10px;
    float: left;
}

.slider .tpl-details form .checkbox-select ul li:nth-child(2n) {
    margin-right: 0;
}

.slider .tpl-details form .checkbox-select ul li {
    margin-bottom: 15px;
    width: 250px;
    margin-right: 44px;
    display: inline-block;
}

.slider .tpl-details form .uiHeader {
    margin-bottom: 20px;
    font-weight: bold;
}

.slider .tpl-details form .checkbox-select {
    margin-bottom: 20px;
}

.slider .tpl-details form .search input {
    width: 100%;
}

.slider .tpl-details form button.action {
    padding: 15px 25px;
    margin-right: 10px;
}

.slider .tpl-details form .search .fa:before {
    left: 12px;
    top: -1px;
}

.slider .tpl-details form .rtl {
    direction: rtl;
    text-align: right;
}

.campaign-icon {
    background-image: url('https://b105ff616ffabf542041-4bd9cbd7c940079c5eb5fd18e93586b2.ssl.cf2.rackcdn.com/campaign-actions-sprite.v5.png');
    background-repeat: no-repeat;
    height: 37px;
    width: 39px;
    margin: 0 auto;
    opacity: 0.8;
}

.campaign-icon.add-image {
    background-position: -73px -12px;
    height: 33px;
    width: 74px;
}

.campaign-icon.text {
    background-position: -21px -12px;
    height: 30px;
    width: 26px;
}

.campaign-icon.background {
    background-position: -170px -14px;
    height: 28px;
    width: 35px;
}

.campaign-icon.send {
    background-position: -229px -14px;
    height: 28px;
    width: 35px;
    opacity: 1;
}

.campaign-icon.clock {
    background-position: -285px -14px;
    height: 28px;
    width: 35px;
    opacity: 1;
}

.pointer {
    position: absolute;
    background-color: #52b266;
    height: 60px;
    width: 240px;
    padding: 10px 20px;
    color: #FFF;
    box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 1);
    border-radius: 3px;
}

.pointer:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 13px solid transparent;
    border-right-color: #52b266;
    top: 28%;
    left: 0%;
    margin-left: -26px;
}

.movie .content {
    padding: 40px 70px;
    position: absolute;
    top: 80px;
    margin: 0 50px;
}


/* campaign stats */

.campaign-stats {
    min-height: 500px;
}

.campaign-stats .container{
    background: #FFFFFF;
    padding: 50px 40px;
    height: auto;
}

.campaign-stats .left img {
    width: 320px;
}

.campaign-stats .page-header span.fa{
    float: left;
        padding: 10px 10px;
        font-size: 40px;
        color: #fff;
        text-shadow: -1px -1px 0 #BBB, 0px -1px 0 #BBB, 1px -1px 0 #BBB, -1px 1px 0 #BBB, 0px 1px 0 #BBB, 1px 1px 0 #BBB;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-top: 40px;
        z-index: 1;
        margin-left: 0;
}
.campaign-stats .details .actions {
    top: 213px;
    border-top: 1px solid #DDD;
    padding-top: 20px;
    position: absolute;
    width: 100%;
}

.campaign-stats .actions ul li{
    display:inline-block;
    margin-left: 10px;
}

.campaign-stats .details {
    vertical-align: text-top;
    width: 671px;
    height: auto;
    font-size: 17px;
}

.campaign-stats .details .field{
    margin-bottom:17px;
}
.campaign-stats .details .field strong,
.campaign-stats .details .field label{
    color:#1f2532;
}

.campaign-stats .details ul,
.campaign-stats .details ul li{
    display:inline-block;
}
.campaign-stats .data .status {
    position: absolute;
    top:0;
    left:0;
}

.campaign-stats .error-info {
    border-radius: 3px;
    background: #eee;
    margin-bottom: 10px;
    padding: 18px 10px;
}

.campaign-stats .error-info > span {
    font-size: 26px;
    vertical-align: top;
}

.campaign-stats .error-info > div {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    width: 860px;
    padding: 5px 7px 0px;
    line-height: 21px;
}

.campaign-stats .container .right, .campaign-stats .container .left {
    position: relative;
    vertical-align: top;
}

.campaign-stats .container .left {float: left;}

.campaign-stats .data {
    position: relative;
}

.campaign-stats .actions .fa {
    display: inline-block;
   margin-left: 1px;
    color: #4e8fc7;
}

.campaign-stats .actions h6 {

}

.stat-box {
    background: none repeat scroll 0pt 0pt #FFFFFF;
    border: 0px solid #EEEEEE;
    margin-top: 20px;
    min-height: 500px;
    width: 100%;
}

.stat-box > .total {
    position: absolute;
    left: 0;
    background: #FFFFFF;
    padding: 21px;
    border: 1px solid #DDDDDD;
    text-align: center;
    line-height: 23px;
    border-radius: 3px;
    top: -65px;
}

.stat-box > .total > .text {
}

.stat-box > .total > .number {
    font-size: 21px;
    color: #6cbd7d;
    font-weight: bold;
}

.box-title {
    background: none repeat scroll 0 0 white;
    color: #000000;
    height: 59px;
    padding: 18px 12px;
    font-size: 20px;
    margin-bottom: 40px;
}

.box-title * {
    color: #636363;
    display: inline-block;
    margin: 0 4px;
    top: -2px;
    font-size: 24px;
}

.stat-box .stats {
    margin-top: 0px;
    padding: 30px 40px 30px;
    font-size: 15px;
}

.stat-box .source-title > .fa.users {
    font-size: 21px;
    padding: 0 0;
    top: 7px;
    color: #6CBD7D;
}

.stat-box .source-title > .fa {
    font-size: 32px;
    padding: 0;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: 6px;
}

.stat-box .source-title a {
    color: #3a5795;
    float: left;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}

.stat-box .stats .total {
    background: none repeat scroll 0 0 white;
    float: left;
    left: 0;
    min-height: 400px;
    padding: 20px;
    text-align: center;
    width: 183px;
    position: relative;
}

.deal-stub * {
    left: 32px;
    position: absolute;
    top: 120px;
}

.deal-stub .card {
    left: 40px;
    top: 166px;
    width: 98px;
}

.deal-stub .bckg {
    width: 115px;
    z-index: 10;
}

.stat-box .stats .sources {
    height: auto;
    width: 100%;
}

.stat-box .stats .sources > div {
    margin-bottom: 50px;
    position: relative;
    width: 100%;
}

.source-title {
    width: 100%;
    display: inline-block;
    vertical-align: bottom;
    padding: 0px 0px 20px;
    color: #333333;
    font-size: 19px;
    font-style: normal;
}

.sources .email .no-email, .sources .facebook .no-fb {
    color: gray;
    height: 100px;
    position: absolute;
    right: 141px;
    top: 75px;
}

.sources .email .no-email .fa, .sources .facebook .no-fb .fa {
    color: #CCCCCC;
    font-size: 54px;
    margin-bottom: 15px;
    text-shadow: 0 -1px 0 #969696;
}

.sources .email ul,
.sources .joins-stat ul {
}

.sources ul li {
    margin-bottom: 10px;
}

.sources ul li * {
    display: inline-block;
}

.sources .sq {
    border-radius: 5PX;
    height: 15px;
    margin-left: 7px;
    vertical-align: -2PX;
    width: 15px;
}

ul.fb-actions {
    padding: 31px 21px;
}

ul.fb-actions .fa {
    margin-left: 10px;
    top: -3px;
}

ul.fb-actions li * {
    display: inline-block;
    height: 30px;
    vertical-align: top;
}

.pop-up.content-load.open {
    width: 640px;
    height: 350px;
    margin-right: -320px;
    padding: 10px 20px;
}

.pop-up.content-load .close-modal{
    position: absolute;
    left: 20px;
}
.pop-up.content-load .title{
    background: #FFFFFF;
    text-align: center;
    border-bottom: 1px solid #dddddd;
    padding: 10px 0 20px;
}
.pop-up.content-load form{
    padding: 30px 40px;
}
.pop-up.content-load input[type=text]{
    margin-bottom: 5px;
    height: 40px;
    border: 1px solid #cccccc;
    font-size: 17px;
    padding: 0 12px;
}


.pop-up.content-load input.empty{
    border:1px solid #ff3366;
}

.pop-up.content-load input[type=checkbox]{
    height: 19px;
    width: 19px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: text-bottom;
    margin-top: 10px;
}

.pop-up.content-load button{
    vertical-align: sub;
    margin-left: 10px;
}
.pop-up.content-load button .fa{
    top: 3px;
}

.pop-up.content-load .actions{
    margin-top: 30px;
}

.pop-up.brand-approve{
    width: 700px;
    height: 500px;
    margin-right: -350px;
    top: 50%;
    margin-top: -320px;
}

.pop-up.brand-approve .title{
    background: none;
    text-align: center;
    padding: 19px;
}

.pop-up.brand-approve >.container{
    padding:20px;
    text-align:center;
}

.pop-up.brand-approve >.container .text{    margin: 40px 40px 80px;}
.pop-up.brand-approve >.container button{    width: 200px;}

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

    .campaigns.public{
        padding: 0px;
    }

    .admin.actions {
        display: none;
    }

    .campaign-banner {
        display: none;
    }

    .page.deals .title {
        display: none;
    }

    .page.deals {
        padding: 40px 65px;
        border: none;
        background: none;
        margin-top: 65px;
        padding: 0px;
        width: 100%;
    }

    .page.deals ul.list {
        min-height: 100%;
        padding: 0;
    }

    .page.deals nav {
        width: 67px;
        right: 0;
    }

    .page.deals nav li {
        width: 64px;
    }

    .page.deals nav li .fa {
        font-size: 21px;
    }

    .page.deals nav li span {
        font-size: 13px;
    }

    .campaigns .mobile-cta {
        /*background: url(https://b105ff616ffabf542041-4bd9cbd7c940079c5eb5fd18e93586b2.ssl.cf2.rackcdn.com/26034131_l.jpg) 0 167px;*/
        /*background-size: 520px;*/
        height: 10px;
        position: relative;
        padding: 0;
    }

    .campaigns .mobile-cta > .img {
        position: relative;
        display: block;
        height: 120px;
        width: 100%;
        display: none;

    }

    .campaigns .mobile-cta > .ol {
        background-image: linear-gradient(270deg, rgba(31, 37, 50, 0) 0%, #1f2532 100%, #1f2532 100%);
        background-image: -webkit-linear-gradient(270deg, rgba(31, 37, 50, 0) 0%, #1f2532 100%, #1f2532 100%);
        position: absolute;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: none;
    }

    .campaigns .mobile-cta > .text {
        position: absolute;
        bottom: 14px;
        text-align: center;
        width: 100%;
        font-size: 18px;
        color: #4e8fc7;
        padding: 6px;
    }

    .campaigns .mobile-cta.fb > .text {
        height: auto;
        padding: 11px;
    }

    .campaigns .paging.down {
        padding: 16px 210px 0px;
        text-align: right;
        height: 90px;
        width: auto;
        margin: 20px 0;
    }

    .paging.up {
        display: none !important;
    }

    .campaigns .paging .pagination > li > a {
        display: none;
    }

    .campaigns > .page-header .title {
        display: none;
    }

    .campaigns .page-header {
        background: none;
    }

    .campaigns .page-header.enter {

    }

    .campaigns .page-header .action-icon {
        display: none;
    }

    .page-header .actions a {
        width: 104px;
        height: 47px;
    }

    .page-header .actions a > .current {
        bottom: -5px;
        border-bottom: 5px solid #4e8fc7;
    }

    .page-header .actions .row {
        padding: 20px 10px 0;
    }


    .campaigns .campaign-cta {
        display: none;
    }

    .campaigns .page-header .actions {
        display: none;
    }

    .campaigns ul.list {
        margin: 12px 0;
    }

    .campaigns ul.list.fb {
        margin: 20px 0;
    }

    .campaigns .list li {
        margin: 1px 0 0 0;
        width: 100%;
        height: 290px;
        position: relative;
    }

    .campaigns .list li.fb-content {
        width: 100%;
        border-radius: 10px;
        font-size: 15px;
        margin-right: 0;
        height: 231px;
    }

    .campaigns .list li > .active {
        position: absolute;
        bottom: 6px;
        width: 100%;
        height: 98%;
        background: #0179bb;
        opacity: 0;
        display: none;
    }

    .campaigns .list li.clicked {
        opacity: 0.5;
    }

    .campaigns .list li .container {
        margin: auto;
        box-shadow: none;
        width: 100%;
        border: none;
    }

    .campaigns .mobile-cta > .text > .edit,
    .campaigns .list li > .edit {
        background-color: #4e8fc7;
        border-radius: 50%;
        color: #FFFFFF;
        height: 50px;
        width: 50px;
        position: absolute;
        right: 10px;
        top: 15px;
        border: 0px solid #FFF;
        box-shadow: 0px 0px 10px 1px #FFF;
    }

    .campaigns .mobile-cta > .text > .edit span,
    .campaigns .list li > .edit span {
        top: 16px;
        right: 12px;
        font-size: 20px;
    }

    .pop-up.brand-approve {
        width: 100%;
        height: 100%;
        margin-right: 0;
        top: 0;
        margin-top: 0;
        right: 0;
    }

    .campaigns .list li .container svg {
        position: absolute;
        left: 40%;
        top: 30%;
        display: none;
    }

    .campaigns .list li.clicked .container svg {
        display: block;
    }

    .campaigns .list li .container svg .path {
        stroke: #DDD;
    }

    .campaigns .list li.fb-content .container {
        height: 100%;
    }

    .campaigns .list li .container .exp-mobile {
        height: 50%;
        padding: 22px 10px;
        width: 100%;
        color: #FFF;
        background-image: linear-gradient(270deg, rgba(31, 37, 50, 0) 0%, #1f2532 68%, #1f2532 100%);
        background-image: -webkit-linear-gradient(270deg, rgba(31, 37, 50, 0) 0%, #1f2532 68%, #1f2532 100%);
        position: absolute;
        bottom: 0px;
    }
    .campaigns .list li .container .exp-mobile.video {
        width: 50%;
    }

    .campaigns .list li .container > .exp-mobile .text {
        position: absolute;
        bottom: 17px;
    }

    .campaigns .list li .container > img {
        width: 100%;
        height: 100%;
    }

    .campaign.edit .page-header,
    .camapgin.edit .nav,
    .camapgin.edit .button-container,
    .bottom-bar .prog a:not(.current),
    .bottom-bar a.active span.fa {
        display: none;
    }

    .bottom-bar a.prev {
        width: auto;
        color: #AAA;
        font-size: 16px;
    }

    .pop-up.facebook-why .diagram {
        width: 100%;
        height: 130px;
        position: relative;
    }

    .pop-up.mobile-campaign-intro,
    .pop-up.facebook-why {
        width: 100%;
        margin-right: 0;
        height: 100%;
        top: 0;
        right: 0;
        padding: 20px;
    }

    .pop-up.facebook-why .image {
        left: -20px;
        bottom: 148px;
    }

    .pop-up.facebook-why #campaign-preview {
        left: 90px;
        bottom: -210px;
        position: absolute;
        z-index: -1;
        box-shadow: none;
    }

    .pop-up.mobile-campaign-intro {
        padding: 15px 20px;
        text-align: center;
        font-size: 18px;
        color: #515C65;
        line-height: 25px;
        border-radius: 0;
    }

    .pop-up.mobile-campaign-intro img {
        width: 350px;
        margin-right: -175px;
        position: absolute;
        right: 50%;
        margin-top: 10px;
    }

    .pop-up.mobile-campaign-intro img.desktop{
        width: 100%;
        margin-top: 0;
        top: -20px;
        margin-right: 0;
        right: 0;
    }

    .pop-up.mobile-campaign-intro a.back{
        position: absolute;
        top: 476px;
        right: 40%;
        font-size: 21px;
    }

    .pop-up.mobile-campaign-intro a.view{
        position: absolute;
        width: auto;
        text-align: center;
        bottom: 78px;
        right: 50%;
        margin-right: -90px;
    }

    .pop-up.mobile-campaign-intro button {
        width: 310px;
        position: absolute;
        bottom: 15px;
        right: 50%;
        margin-right: -155px;
    }

    .dealPlanForm,
    .dealPlanForm > .content,
    .deal.edit .details .text-details.blank,
    .part .line {
        width: 100%;

    }

    .dealPlanForm.event {
        padding: 90px 40px;
    }

    .dealPlanForm > .content {
        margin: 0;
        padding: 15px;
        margin-top: -10px;
    }

    .dealPlanForm .facebook button {
        margin-right: 22px;
    }

    .box .html-view {
    }

    .dealPlanForm .facebook a {
        margin-right: 10px;
    }

    .bottom-bar .prog a {
        margin: 0;
        padding: 19px 0;
    }

    .bottom-bar a.next {
        background: #4e8fc7;
        color: #FFF;
    }

    .dealPlanForm > .content > div {
        margin: 0;
    }

    .edit-area .card-container {
        transform: scale(0.55);
        margin-right: -99px;
        margin-top: -82px;
    }

    .dealPlanForm > .content .details {
        margin-top: -80px;
    }

    .edit-area .card-container.vpw320 {
        transform: scale(0.46);
        margin-top: -90px;
    }

    .deal.edit .details .text-details.blank {
        margin-top: -70px;
    }

    .dealPlanForm > .content > .biz-details .preview {
        margin-top: 20px;
    }

    .deal.edit .pop-form.enter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 60px 6px;
        z-index: 10000;
        margin: 0;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .dealPlanForm > .content > .biz-details .edit-form form {
        background: #FFFFFF;
        padding: 20px 30px 0px;
        height: 90%;
    }

    .dealPlanForm > .content > .biz-details .edit-form ul > li,
    .biz-details form input.location,
    .biz-details form input {
        width: 100%;
    }

    .biz-details form input.location {
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABWklEQ…PM61o7AkAmE2gnu1qbWquLHFjjgWfg6rxWa9D/HFjBDD/EJ9c7Nq0X9AAAAABJRU5ErkJggg==) no-repeat 4px 8px;
        padding: 11px;
    }

    .dealPlanForm.settings {
        padding: 50px 30px;
    }

    .dealPlanForm.settings > div > div,
    .dealPlanForm.settings > div > div:first-child {
        width: 100%;
    }

    .deal.edit .pop-form .actions {
        padding: 20px 0px;
        position: absolute;
        top: -7px;
        width: 100%;
    }

    .deal.edit .pop-form > .actions > button {
        padding: 8px 15px;
        height: 35px;
    }

    .deal.edit .pop-form > .actions > button.cancel {
        float: left;
        margin-left: 15px;
    }

    .dealPlanForm.settings > div > div,
    .dealPlanForm.settings > div > div:first-child {
        display: block;
        width: 100%;
        border: none;
        margin: 0;
        padding: 0;
    }

    .dealPlanForm input.cal {
        height: 35px;
    }

    .pick-area.filter .stats {
        width: 115%;
    }

    campaign .explain-no-customers .message,
    .campaign .explain-other .message{
        padding: 20px;
        width: 90%;
        margin: auto;
    }

    .campaign .explain-other .message .text{

        width: 70%;
    }

    .campaign .distribute .prompts {
        padding: 0px 5px 10px;
        width: 100%;
    }

    .campaign .distribute .prompts .title strong{
        font-weight: normal;
    }

    .campaign .distribute .prompts ul.channels {
        margin: 30px auto;
        width: 310px;
        height: 235px;
        text-align: right;
    }

    .campaign .distribute .prompts ul.channels li {
        width: 95px;
        height: 95px;
    }

    .campaign .distribute .prompts ul.channels li span {
        font-size:30px;

    }

    .frame .distribute .button-container{
        display: none;
    }

    .distribute .call{
        height: 170px;
        padding: 35px 0;
        border-top: 1px solid #cccccc;
    }

    .distribute .call li {

        margin-left: 25px;
    }

    .distribute .call li .text {
        padding: 15px 0;
        font-size: 14px;
    }

    .pop-up.test-campaign {
        margin-right: 0;
        padding-bottom: 40px;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
    }

    .campaign .call ul {
        margin-right: 0;
    }

    .campaign .call .campaign-load {
        top: 121px;
        width: 140%;
        right: -25px;
    }

    .campaign .reoccurCampaign .call .campaign-load {
        bottom: -56px;
        right: 46%;
        top: initial;
        width: 234px;
    }

    .pop-up.content-share.open {
        width: 100%;
        height: 100%;
        padding: 10px;
        margin-right: 0;
        top: 0;
        right: 0;
        position: fixed;
        border-radius: 0;
        background-color: #eeeeee;
    }

    .pop-up.content-share form.post,
    .pop-up.content-share .post .field textarea,
    .pop-up.content-share .post .field {
        width: 100%;
    }

    .pop-up.content-share .post .action button {
        float: right;
    }

    li.deal.fb-content .container .actions button.share {
        margin-top: 11px;
        margin-right: 10px;
        font-size: 15px;
        padding: 10px 0px 10px;
        vertical-align: text-top;
        width: 160px;
    }

    li.deal.fb-content .container .post .image-wrap .image {
        height: 224px;
        background-size: cover;
        background-position: 50% 50%;
    }

    .pop-up.content-share .post .action {
        margin-top: 10px;
    }

    .explain-no-customers {
        margin: 20px 0 30px
    }

    .campaign .explain-no-customers .message {
        text-align: center;
        width: 100%;
    }

    .explain-no-customers .text {
        padding: 20px 0 0;
    }

    .explain-no-customers img.attention {
        float: none;
    }

    .prog-area {
        width: 100%;
        top: 0;
        right: 0;
        border-radius: 0
    }
    .prog-area .confirmation{width:100%}
    .prog-area .confirmation a{}
    .prog-area .confirmation .text{
        width: 90%;
        margin-top: 20px;
    }
    .prog-area .confirmation .text{
        width: 90%;
        margin-top: 20px;
    }
    .prog-area .confirmation a span{}

    .deal.edit .go span{

    }
    .prog-area > .load > span{}
    .call .cta {
        display: none;
    }

    .campaign .box.distribute {

    }

    .campaign .box.distribute .part {
        padding: 0 20px 0;
    }

    .campaign.edit .edit-area,
    .campaign.edit .subject {

    }

    .edit-area .button-container {
        display: none;
    }

    .campaign.edit .subject {
        z-index: 1;
    }

    .campaign-preview .nav-banner .actions {
        display: none;
    }

    .pop-up.content-share .container {
        padding: 0px 20px;
    }

    .pop-up.content-share .container > .title {
        padding: 0px 0 10px;
        border-bottom: 1px solid #CCCCCC;
    }

    .pop-up.content-share .image-wrap > .image {
        display: none;
    }

    .deal-display .subject h1,
    .deal-display .subject h3{
         padding: 25px 0;
    }

    .deal-display .form {
        margin-top: -30px;
    }

    .deal-display .form .container {
        padding: 30px 30px 50px;
    }

    .deal-display .form form button {

    }

    .deal-display .form form button .fa {

    }

    .deal-display .form form .extra {

    }

    .deal-display .form form .extra.open {

    }

    .deal-display .form form label {

    }

    .deal-display .form form input.short {

    }

    .deal-display .form form input {

    }

    .deal-display .form form input.location {

    }

    .deal-display .form .comment {

    }

    .deal-display .form .confirmation {

    }

    .deal-display .form .confirmation button {

    }

    .deal-display .form .prom {

    }

    .deal-display .form .prom .fa {
    }

    .deal-display .form .prom span {

    }

    .deal-display .deal-details img {
        max-width: 100%;
    }

    .im-interested .form > .title {
        height: auto;
        margin-top: 30px;
    }

    .pop-up.iminterested{
        width: 100%;
        right: 0;
        margin-right: 0;
        height: 100%;
        top: 0;
    }


    .pop-up.iminterested > div {
        padding: 80px 10px;
    }

    .pop-up.iminterested img{
        width: 100%;
    }

}