/*.parallax {*/
    /*perspective: 1px;*/
    /*height: 100vh;*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
/*}*/
/*.parallax__layer {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
/*}*/
/*.parallax__layer--base {*/
    /*transform: translateZ(0);*/
/*}*/
/*.parallax__layer--back {*/
    /*transform: translateZ(-1px);*/
/*}*/

.cake-debug-output{
    color: #ff5c51;
    font-size: 13px;
    text-transform: initial;
}

a, a:hover, a:visited, a:active,a:link{

    font-weight: 400;
    text-decoration: none;
    color:#fff;
}

th.aquaLink a,th.aquaLink a:hover, th.aquaLink a:visited, th.aquaLink a:active, th.aquaLink a:link{
    color:#1ea28c;
    font-family: 'Raleway', sans-serif;
}

ul.mainMenuList2 > li a, ul.mainMenuList2 > li a:link, ul.mainMenuList2 > li a:active{
    color:white;
}

ul.mainMenuList2 > li a:hover{
    /*font-weight: 700;*/
}

a:hover{
    color:#fff;
    text-decoration: underline;
}

h1, h2, h3, h4{
    text-transform: uppercase;
}

h1,h2,h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
}

section{
    padding:25px;
}

.containerDiv{
    /*Remove this comment bellow if the bottom part is hiding part of the site */
    min-height: 100%;
    width: 100%;
    margin: auto;
    position: absolute;
    /*z-index: 91;*/
    /*left:47px;*/
    transition: 0.3s;
    background: #eeeeee;
    margin-top:40px;
    /*padding-right: 53px;*/
    padding-left: 40px;
}

.containerDivNoLeft{
    /*min-height: 100%;*/
    /*width: 100%;*/
    /*margin: auto;*/
    /*position: absolute;*/
    /*z-index: 91;*/
    /*transition: 0.3s;*/
    /*background: #eeeeee;*/
    margin-top: 60px;
}

.container{
    padding-left: 30px;
}

.img100{
    max-width: 100%;
}

.containerDivLcards{
    left:23px;
}

.hideAdminMenu{
    width: 0px !important;
}

.containerDivAdmin{
    padding-left: 0px !important;
}

.hideAdminMenuContnet{
    left: 20px;
}

.verticalCenter{
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

header{
    background: url(".././img/bg-default-bg-top.jpg") no-repeat;
    background-size: cover;
    height: 100%;
    background-position: center center;
    margin: auto;
    position: relative;
}

.menuIcon{
    position: relative;
    float: left;
    margin-top: -6px;
    color: #ffffff;
    font-size: 1.4em;
    cursor: pointer;
    margin-right: 10px;
}

.linkH1{

}



.notifiCircle{
    width: 10px;
    height: 10px;
    border: 1px #fff solid;
    border-radius: 50%;
    background: red;
    position: fixed;
    z-index: 92;
    margin-top: -7px;
    margin-left: -15px;
    /*visibility: hidden;*/
}

.submitApplicationBt{
    margin-left: 16px;
    margin-top: 20px;
    width: 100%;
}

.openedMenu2{
    position: fixed;
    z-index: 90;
    background: #1ea28c;
    width: 47px;
    transition: 0.25s;
    padding-top: 60px;
    height: 100%;
    color: #ffffff;
    left:0px;
    /*overflow-y: scroll;*/
    overflow: hidden;
}

.openMenuSML{
    width: 240px;
}
.closeMenuSML{
    width: 47px;
}

.closeMenuSMLLcards{
    width: 0px;
}

.menuMasker{
    width: 240px;
    overflow: auto;
    height: 99%;
}

.openedMenu2 ul{
    padding-left: 50px;
}

/*Animation for the menu pushing the content */

/*.menuApearence{*/
    /*animation: menuLeftAnimation .3s 1 forwards;*/
/*}*/

.pushContent{
    /*animation: pushMenuAnimation .3s 1 forwards;*/
    pointer-events: none;

    /* for "disabled" effect */
    filter: brightness(75%);
    transform: translateX(170px);
}


/*@keyframes menuLeftAnimation {*/
    /*0%   {left:-220px;}*/
    /*100% {left:0px;}*/
/*}*/
/*@keyframes pushMenuAnimation {*/
    /*0%   {left:45px;}*/
    /*100% {left:240px;}*/
/*}*/

.changeBar1, .changeBar2, .changeBar3{
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    margin: 4px 0;
    transition:0.3s;
}

.menuBar .changeBar1{
    -webkit-transform: rotate(-45deg) translate(-2px, 6px) ;
    transform: rotate(-45deg) translate(-2px, 6px) ;
}

.menuBar .changeBar2{
    opacity: 0;
}

.menuBar .changeBar3{
    -webkit-transform: rotate(45deg) translate(-2px, -6px) ;
    transform: rotate(45deg) translate(-2px, -6px) ;
}

.overHidden{
    overflow-x: hidden;
}

.mainMenuList2 li{
    list-style: none;
    font-family: Raleway;
    font-weight: 400;
    font-size: 1em;
    line-height: 40px;
}

.lcardsManagement li{
    padding-left: 50px;
    margin-left: -50px;
    padding-top: 5px;
}

.mainMenuList2 span{
    margin-left: -37px;
    padding-right: 20px;
}

.mainMenuList{
    top: 12%;
    position: relative;
    line-height: 2em;
    font-size: 4em;
    margin: 0px 0px 0px -40px;
}

.hideIt{
    display: none;
}

.mainMenuList li{
    list-style: none;
    font-family: 'Raleway', sans-serif;
}

header hr{
    border-top: 2px solid #21bfa2;
}

.blackText{
    color:#000000;
}
.greenText{
    color:#21bfa2 !important;
}
.orangeText{
    color: #f2bb09;
}

nav.navBg{
    position: fixed;
    width: 100%;
    z-index: 100;
    height: 50px;
}

.navBg{
    background: #21bfa2;
}

.rightNav{
    margin-right:0px;
}

.signInNav, .logInNav{
    position: relative;
    float: right;
    border-radius: 5px;
    border: 1px #ffffff solid;
    padding: 5px;
    color: #fff;
    font-size: 12PX;
    margin-top: 10px;
    margin-right: 5px;
}

.signInNav{
    background: rgba(25,146,124,.5);
}

.iconsTopNav{
    position: relative;
    float: right;
    padding: 7px;
    color: #fff;
    font-size: 16PX;
    margin-top: 9px;
    margin-right: 10px;;
}

.loggedInIcons{
    color: #137d64;
}

.lngTopMenu{
    margin-top: 6px;
}

.cookieDisplay{
    position: fixed;
    bottom:0;
    width: 100%;
    padding:25px;
    color:#fff;
    background: #414141;
    z-index: 100;
}

.cookieDisplay p{
    font-size: .9em;
    font-weight: 600;
}

.closeCookies{
    position: absolute;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 1.4em;
    cursor: pointer;
}

.forgotPassword, .forgotPassword a, .forgotPassword a:hover, .forgotPassword a:visited, .forgotPassword a:link, .forgotPassword a:active, .forgotPassword a:-webkit-any-link{
    color: #13a288 !important;
    font-size: 12px;
    margin-top: 10px;
    text-decoration: none !important;
    text-align: center !important;
}

p.forgotPassword{
    color: #13a288 !important;
    font-size: 12px;
    margin-top: 10px;
    text-decoration: none !important;
}

#mr_checkbox{
    Cache-Control: no-store
}

.menuContainer{
    padding:20px;
}

.menuContainer h1{
    margin-top:-19px;
}

i.badge{
    display: inline-block;
    min-width: 10px;
    padding: 4px 10px 6px 10px;
    font-size: 12px;
    font-weight: 100;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #ff0c0c;
    border-radius: 32px;
    border: solid 1px rgba(255, 255, 255, 0.67);
    color: #ffffff;
    margin-left: 14px;
    font-family: Raleway;
}

.logoLoyaltee{
    width:180px;
}

.verticalCenter h2{
    background: #21bfa2;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    font-size: 2.5em;
    letter-spacing: 2px;
}

.btContainer button{
    border: none;
    border-radius: 1px;
    color: #ffffff;
    margin: 0px;
    padding: 20px;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
}

.or{
    padding-top: 23px;
}

.learnMore{
    padding-top: 50px;
}

.signInBt{
    background: #828282;
}
.logInBt{
    background: #21bfa2;
}

.arrowDown{
    font-size: 3em;
}

.howItWorks{
    padding-top:20px;
    background: #fff;
}

.howItWorks h2{
    color: #21bfa2;
}

.howItWorks h3{
    text-transform:initial;
}

.adminSubsections{
    margin: auto;
    padding-left: 13px;
    margin-bottom: 16px;
}

.adminSubsections span {
    font-size: 12px;
}

.howItWorks hr{
    border-top: 2px solid #21bfa2;
}

.howItWorks img, .imgClaimed{
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.howItWorks span.glyphicon{
    color: #333333;
    font-size: 16em;
}

.remarkText{
font-weight: bolder;
line-height: 20px;
font-size: 1.4em;
margin-top: 170px;
    }

.arrowLeft{
-webkit-transform: rotateZ(-21deg);
transform: rotateZ(-21deg);
margin-left: 80px;
margin-top: -10px;
    }

.arrowRight{
-webkit-transform: rotateZ(190deg);
transform: rotateZ(190deg);
margin-right: 70px;
margin-bottom: 20px;
    }

.iPadWorks{
padding-top:30px;
    }


.smartWorks{
    padding-top:30px;
    text-align: center;
    padding-bottom:80px;
}

.ipadImg img{
    padding-left:30px;
    padding-top:16px;
}

.someMore, .userSection{
    background: #f4f4f4;
    padding: 0px 50px 40px 0px;
    text-align: center;
}

.userSection{
    background: #fff;
}

#email{
    text-transform: lowercase !important;
}

h2{
    padding-bottom:20px;
    color: #21bfa2;
    text-align: center;
}

.infoBox{
    background: #ffffff;
    border-radius: 3px;
    border: none;
    color: #656565;
    padding:20px;
}

.infoBox span{
    padding-right: 20px;
    font-size: 22px;
    color: #a0a0a0;
}

.infoBox hr{
    border-color: #e6e6e6;
}

.imgContainer{
    height: 220px;
    text-align: center;
}


span.redPale, div.error-messagePale, a.redPale{ color:#ff8e8e;}
.bgRedPale{                             background-color: rgba(255, 136, 114, 0.61);}

span.red, div.error-message, a.red{ color:red !important;}
.bgRed{                             background-color: #ff5b54;}

span.gold{    color: #f2b900;}
.bgGold{      background-color: #ffa724;}

span.orange{    color:orange;}
.bgOrange{      background-color: #ffbf47;}

span.green{ color:green;}
.bgGreen{   background-color: #439a36;}

span.grey{  color:grey;}
.bgGrey{    background-color: #acacac !important;}

span.aqua{  color:#1ea28c !important;}
.aqua, .aqua a, .aqua a:hover, .aqua a:link, .aqua a:visited{  color:#21BFA2 !important}
.bgAqua{    background-color: #6ed9be !important;}

span.platinum{  color: #d9d9d9 !important;}
.platinum, .platinum a, .platinum a:hover, .platinum a:link, .platinum a:visited{  color: #cccccc !important}
.bgPlatinum{    background-color: #cecece !important;}

span.diamond{  color:#6ff8ff !important;}
.diamond, .diamond a, .diamond a:hover, .diamond a:link, .diamond a:visited{  color:#65d3da !important}
.bgDiamond{    background-color: #74fff8 !important;}



.form-control{
    box-shadow: none !important;
    border-radius: 2px;
    -webkit-appearance:none;
}

/*USERS*/

.captcha{
    /*position: relative;*/
    /*float: right;*/
    margin-bottom: -18px;
    margin-top: 20px;
    margin-left: 20px;
}

.captchaIn{
    text-align: center;
}

.reCapcha{
    padding-top: 20px;
    margin-left: -300px;
    left: 50%;
}

.changeNameAndEmail{
    border: red 2px solid;
}

.logSighInTitle{
    margin-top: 80px;
    margin-bottom: -30px;
}

.imgLoyalteeCards{
    margin-top: 10px;
    overflow: hidden;
    padding: 0px;
    padding-left: 10px;
}

.imgloyalteeCard{
    max-width: 100%;
}

.overlayOptions{
    position: absolute;
    height: 100%;
    min-width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding-top: 20px;
    padding-left: 10px;
    padding-right:20px;
    visibility: hidden;
    opacity: 0;
    transition: 0.25s;
}

.overlayOpen{
    visibility: visible;
    opacity: 1;
}

.lCardProgram{
    min-height: 4px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.cardsIcons{
    position: absolute;
    right: 25px;
    transition: 0.5s;
    bottom: 0px;
    visibility: hidden;
    opacity: 0;
}

.infoSpan, .addSpan, .shareSpan{
    cursor: pointer;
}

.cardsIconsOn{
    bottom: 10px;
    visibility: visible;
    opacity: 1;
}

.individualCardIcons{
    font-size: 24px;
    padding-left: 10px;
    text-align: center;
}

.youHaveIt{
    position: absolute;
    padding: 1px;
    font-size: 26px;
    color: #ffe616;
    padding-top: 2px;
    padding-left: 2px;
    z-index: 4;
    margin-top: -2px;
}

.walletPoints{
    position: absolute;
    top: 0;
    margin-top: 10px;
    right: 0;
    margin-right: 20px;
}

.chartContainer{
    background: #fff;
    margin-top: 21px;
    border-radius: 2px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    padding: 4px;
}

.flashCorner{
    position: absolute;
    z-index: 1000;
    border-radius: 10px;
    padding: 18px 20px 10px 20px;
    right: 70px;
    top: 28px;
    max-width: 300px;
    line-height: 15px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-align: center;
    box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.2);

    transition: 0.5s;
    visibility: hidden;
    opacity: 0;
}

.noClick{
    cursor:no-drop;
}

.noClickWait{
    cursor:wait;
}

.appearBubble{
    visibility: visible;
    opacity: 1;
}

#contentModal{
    text-align: center;
}

#contentModal h5, #contentModal h6{
    text-align: left;
}
#contentModal h5{
    border-top: 1px solid #e5e5e5;
    padding-top: 8px;
    margin-top: 25px;
}

#contentModal p{
    font-family: 'Raleway', arial, sans-serif;
    text-align: left;
}
#cardDescription{
    font-weight: 600;
    font-size: 1.1em;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #e5e5e5;
}
#cardTerms{
    font-weight: 600;
    font-size: .9em;
    color: #acacac;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 14px;
}

#infoModal .modal-header, #infoModal .modal-footer{
    border:none;
}

#loyalteeCardImg{
    max-width: 100%;
    max-height: 100%;
}

#pointsId{
    width: 50px;
    height: 50px;
    position: relative;
    float: right;
    margin-top: -4px;
}

a.tooltipLink,  a:hover.tooltipLink,  a:link.tooltipLink, a:visited.tooltipLink ,  a:active.tooltipLink{
    color:#21BFA2 !important;
    font-weight: 600;
}

/*LCARDS*/

#noData{

}

.tableContainer{
    padding: 5px;
    background: #fff;
    border-radius: 4px;
}

.pannelAlertAdmin{
    font-size: 11px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
.pannelAlertNewInvite{
    margin-bottom: -20px;
    margin-top: 30px;
}

.pannelAlertAdmin > .panel-heading{
    text-transform: uppercase;
}

#noData h3{
    text-align: center;
    color: #dadada;
    text-shadow: -1px -1px 0px rgba(0,0,0,.3);
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.lCarClass{
    text-transform: uppercase;
    font-size: 25px;
    color: #6ff8ff;
    font-family: 'Raleway', sans-serif;
}

.lCardclassName{
    text-transform: uppercase;
    font-size: 9px;
    color: #bdbdbd;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

.lCardInfoContainer{
    text-align: center;
    background: #fff;
    padding: 14px;
    margin-right: 0px;
    margin-left: 0px;
}

#statusCard span{
    font-size: 16px;
}

/*MERCHANTS*/

input[type="text"]#slug{
    text-transform: lowercase;
}

input[type=checkbox] {
    visibility: hidden;
}

/**
 * Checkbox Three
 */
.checkboxThree {
    width: 70px;
    height: 24px;
    background: #dcdcdc;
    margin: 43px 0px;
    border-radius: 50px;
    position: relative;
    display: inline-block;
    border: 1px solid #c3c3c3;
}
/**
 * Create the text for the On position
 */
.checkboxThree:before {
    content: 'On';
    position: absolute;
    top: 4px;
    left: 10px;
    height: 2px;
    color: #21bfa2;
    font-size: 12px;
}

.checkboxThreeOff:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 10px;
    height: 2px;
    color: #21bfa2;
    font-size: 12px;
}

/**
 * Create the pill to click
 */
.checkboxThree label {
    display: block;
    width: 32px;
    height: 16px;
    border-radius: 50px;
    transition: all .2s ease;
    cursor: pointer;
    position: absolute;
    top: -13px;
    z-index: 1;
    left: 8px;
    background: #a2a2a2;
}

/**
 * Create the checkbox event for the label
 */
.checkboxThree input[type=checkbox]:checked + label {
    left: 32px;
    background: #21bfa2;
}

.activateSpinner{
    top: 4px;
    left: 12px;
    color: #21bfa2;
    display: none;
    visibility: hidden;
}


.MerchantInfo, .MerchantInfo a, .MerchantInfo a:hover, .MerchantInfo a:visited, .MerchantInfo a:link{
    margin-top: -10px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #21bfa2;
    text-transform: uppercase;
    font-size: 14px;
}

.suggestFromUser, .suggestFromUser p{
    text-align: center !important;
}

.suggestedNumber{
    font-size: 10em;
    color: #27baa1 !important;
    font-weight: 200 !important;
    margin-bottom: -12px !important;
}

.suggestedBottomText{
    color: #27baa1 !important;
    font-weight: 200 !important;
}

.boldText, button.boldText{
    font-weight: 600 !important;
}

.redHeart{
    color: #f64711;
}

.peopleVote{
    font-family: 'Raleway', sans-serif;
    font-size: 12px !important;
    font-weight: 600;
    color: rgb(87, 87, 87);
}

.imagesBg{
    margin-top:10px;
}

.bgSelected img{
    border: #21bfa2 solid 3px;
    border-radius: 6px;
    opacity: 1;
}

.okBg{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0px 0px -15px;
    font-size: 30px;
    color: #04f1c5;
}


.thumSpinner{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0px 0px -15px;
    font-size: 30px;
    color: #ffffff;
}

.thumSpinnerSmaller {
    top: 50%;
    left: 50%;
    margin: -15px 0px 0px -15px;
    font-size: 14px;
    color: #F44336 !important;
}

.smallLoaderMidSmaller{
    display: none;
    visibility: hidden;
}

.merchantImgSpinner{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0px 0px -15px;
    font-size: 30px;
    color: #24cfb1;
}

.loadMerchantImgMap{
    position: relative;
    margin: 10px;
    max-width: 230px;
    min-height: 140px;
}

.searchMapOverlay{
    z-index: 3;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom:0;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, .85);
}

.seachByLocation{
    z-index: 3;
    position: absolute;
    min-width: 400px;
    min-height: 180px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -90px;
    background: rgba(0,0,0,.5);
    padding: 20px;
    border-radius: 11px;
}

.cardsPerMMap{
    color: #009688 !important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
}

#buttonSearch, #buttonSuggest{
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 111px;
    margin-right: 10px;
    z-index: 3;
    display: none;
    visibility: hidden;
}

#buttonSearch{

    animation: crescendo  5.6s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes crescendo {
    0% { transform: scale(1) }
    3.57143% { transform:scale(.9) rotate(-8deg) }
    7.14286% { transform:scale(.9) rotate(-8deg) }
    10.71429% { transform:scale(1.3) rotate(8deg) }
    14.28571% { transform:scale(1.3) rotate(-8deg) }
    17.85714% { transform:scale(1.3) rotate(8deg) }
    21.42857% { transform:scale(1.3) rotate(-8deg) }
    25% { transform:scale(1.3) rotate(8deg) }
    28.57143% { transform:scale(1) rotate(0) }
    100% { transform:scale(1) rotate(0) }
}

#buttonSuggest{
    margin-bottom: 150px;
}

.imgBgSelector{
    cursor:pointer;
}

.callToActionGroup{

}

.callToAction{
    border-bottom: 1px solid rgba(33, 191, 162, 0.28);
    margin-bottom: 15px;
    padding-bottom: 7px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: rgb(33, 191, 162);
    margin-top: -13px;
    padding-top: 18px;
    cursor:pointer;
}

.callToActionCollect{
    border: 1px solid transparent;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: rgb(255, 255, 255);
    margin-top: 0px;
    margin-bottom: 15px;
    padding-top: 34px;
    padding-bottom: 24px;
    cursor: pointer;
    background: #2ca;
    vertical-align: middle;
    boder:none;
}

.rightAction{
    color: rgba(33, 191, 162,0.5);
}

.leftAction{
    border-right: 1px solid rgba(33, 191, 162, 0.28);
}

.callToAction span{

    font-size:30px;

}

.ulAdvantages{
    margin-right:40px;
}

.callToAction p{

}

.pointsNo{
    font-size: 5em;
    font-weight: 700;
    color: #2dd8b8;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    margin-top: -22px;
}

#LoyalteCard{

}

#LoyalteCard img{
    text-align: center;
    max-width: 100%;
}

/*LCARD EDIT*/

.evaluationMessage{
    font-size: 11px;
    background: #21bfa2;
    padding: 15px 15px 4px 15px;
    border-radius: 0px 0px 8px 8px;

}

.evaluationMessage p{
    color:#fff !important;
    margin-bottom: 10px !important;
}

.evaluationMessage kbd {
    background-color: #f65c33 !important;
    text-transform: uppercase;
}

#chart{
    margin-top: 60px;
}

.moreGraphs{
    margin-top: 40px;
    margin-bottom: 20px;
}

.editLcard{
    margin-top: 5px;
    color: #4eeccf;
    font-size: 2em;
    background: #21bfa2;
    text-align: center;
    font-family: 'Raleway', arial, sans-serif;
    padding: 25px;
    position: relative;
    min-height: 175px;
}

.editLcard h4{
    font-size: 2em;
    font-weight: 600;
    margin-top: -25px;
}

.editLcard h5{
    font-size: 1em;
    font-weight: 600;
    margin-top: 4px;
}

.editLcard p{
    font-size: .4em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.actionsPerCard{
    margin: 50px 0px 10px 0px;
    font-size: 12px;
}
.actionsPerCard a, .actionsPerCard a:active, .actionsPerCard a:enabled, .actionsPerCard a:disabled{
    color: #6d6d6d;
}

.editCampaing a, .editCampaing a:active, .editCampaing a:enabled, .editCampaing a:disabled{
    color: #ffffff !important;
}

.table {
    margin-bottom: 0px !important;
}

.recurrentOptions{
    margin-left: 34px;
}


/*USER EDIT ADD*/

.ressetPassEdit{
    width: 100%;
    text-align: center;
    padding: 40px;
    margin: 35px 0px 5px 0px;
    color: white;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 1.5em;
    text-transform: uppercase;
}

.userEdit{
    margin-left: 0px !important;
}

.userEditLabel{
    padding-left: 30px;
    padding-top: 3px;
}

.userEditOptions{
    margin-top: 20px;
    color: #21bfa2;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-align: center;
}

.btn-primary {
    color: #fff;
    background-color: #21bfa2;
    border-color: #21bfa2;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus{
    background-color: #1c8c72 !important;
    border-color: #21bfa2 !important;
}

.firstAdminButtons{
    margin-bottom:15px;
    margin-top:-15px;
}

.panelLcard{
    margin-top:15px;
    padding: 15px;
    background: #21bfa2;
    color: white;
    border-radius: 5px;
    text-align: center;
    opacity: .7;
}
.panelLcard h3{
    margin-top: 5px;
}

.panelLcard h5{
    font-size: .8em;
}

.panelLcard span{
    font-size: 2.8em;
    margin-top: 5px;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: #14927b;
    display: inline-block;
    padding: 16px;
    border-radius: 5px;

}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #21bfa2;
}

.inputfile + label {
    cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    pointer-events: none;
}

.selectMerchant, .businessInOut{
    display:none;
    visibility: hidden;
    margin-top:-30px;
}

.imgCapcha{
    margin-top: 0px;
}

.fotor{
    text-align: center;
    font-weight: 600;
    color: #bdc3c2;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 11px;
}

/*REWARD*/

.smallTitle {
    font-size: 18px;
}

.dialDisplay{
    border: 1px solid rgba(28, 140, 114, 0.3);
    background: #e3e3e3;
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
}

.dialPanel{
    position: relative;
    /*top: 65px;*/
}

.dialNumber{
    border: solid 1px rgba(255, 255, 255, 0.16);
    padding: 25px;
    text-align: center;
    font-size: 2em;
    font-family: 'Raleway';
    font-weight: 400;
    color: white;
    text-shadow: 1px 1px 1px rgba(175, 175, 175, 0.7);
    background: #76d8c6;
    opacity: 0.8;
}

#eraseDial{
    background: #c3baba;
}

.backButton{
    color: rgba(171, 171, 171, 0);
    position: absolute;
    font-size: 40px;
    padding-top: 28px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #b1b1b1;
}

.backDial{
    position: absolute;
    padding-top: 40px;
    padding-left: 14px;
    cursor: pointer;
}

.backDial img{
    width: 40px;
}

#dialemail{
    border-radius: 0px 0px 5px 0px;
}
#dialphone{
    border-radius: 0px 0px 0px 5px;
}

.telNumber{
    min-height: 110px;
    text-align: right;
    font-size: 3.5em;
    font-weight: 700;
    color: #12a588;
    overflow: hidden;
    padding-top: 18px;
}
.loyalteeCardsContainer{
    margin-top:22px;
}

.loyalteeImgContainer{
    text-align: center;
    margin-top: 10px;
    overflow: hidden;
    padding: 0px;
    padding-left: 10px;
}
.loyalteeImgContainer img{
    max-width: 100%;
}

.overlayControls{
    position: absolute;
    min-width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

.modalLoyalteeSelect{
    position:fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 101;
}

.pointsPerCard{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #21BFA2;
    color: white;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    padding-top: 19px;
    left: 50%;
    margin-left: -50px;
    top: 10%;
}

.sliderPoints{
    margin-left: 2%;
    margin-right: 5%;
    margin-top: -4%;
}

.bRewardLoyaltee{
    visibility: hidden;
    transition:.5s;
}

.btReward{
    text-transform: uppercase;
    margin-left:-22px;
}

.btRewardNoBar{
    visibility: hidden;
    opacity: 0;
}

.btCoupon{
    margin-top: 163px;
}

.blockedDial{

}

.modalTitleHeader{
    padding-top: 8px;
    padding-bottom: 8px;
    background: #cecece;
}

.modalRewardTitle{
    padding-top:11px;
    color: #ffffff;
}

.modalRewardTitle h4{
    font-size: 14px;
}

.pointsRewardedWhite{
    color: white;
    font-size: 36px;
    padding: 5px 0px 5px 0px;
    text-align: center;
}

.cardTitleReward{
    color: #12a588;
    font-size: 22px;
}
.pointsRewardedContainer{
    border-radius: 6px;
}

.verifiedBusiness{
    font-size: 20px;
    background: #fff;
    border-radius: 50%;
    padding: 2px;
}

.rewardedBy{
    font-size: 12px;
    margin-bottom: -8px;
    color: #21bfa2;
}

.pointsLabelSmall{
    color: #ffffff;
    text-align: center;
    margin-top: -20px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}



/*WALLETS*/

.walletAdd{
    margin-bottom: 30px;
}

.walletCardImg img{
    width: 95%;
    border-radius: 6px;
    margin-bottom: 45px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.walletView{
    background: #fff;
    border-radius: 4px;
    margin-top: 24px;
}

.imgWalletThum{
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    position: absolute;
    width: 90px;
    height: 90px;
}

.merchantSlug{
    font-size: 12px;
    text-decoration: underline;
}

#searchResults{
    margin-left: -38px;
}

.searchResultLi{
    text-decoration: none;
    background: #fff;
    color:#000;
    list-style-type: none;
    padding: 5px 15px;
}

#walletProfileLink a, #walletProfileLink a:active, #walletProfileLink a:hover, #walletProfileLink a:hover,#walletProfileLink a:visited{
    text-decoration: none;
}

h2 .thumUser{
    height: 140px;
    width: 140px;
    border: 1px solid #10987f;
    border-radius: 50%;
    text-decoration: none;
    margin-bottom: -35px;
    vertical-align: middle;
    background: #21bfa2;
    position: relative;
    left: 50%;
    margin-left: -70px;
    color: #ffffff;
    /* color: #d6fff7; */
    padding-top: 22px;
    font-size: 3.2em;
    font-weight: 400;
    padding-left: 2px;
}

.thumUser span{
    text-shadow: 0px 0px 5px rgba(0,0,0,0.15);
}

.h3Wallet{
    font-size: 1.2em;
    padding-bottom: 0px;
    margin-bottom: -9px;
    color: #21bfa2;

}

.h4Wallet{
    color: #21bfa2;
    font-size: 1.8em;
    margin-bottom: 50px;
    font-weight: 100;
}

.walletRow{
    margin-left: -5px;
    margin-right: -5px;
    font-family: 'Raleway', sans-serif;
    /*font-weight: 800;*/
    text-align: center;
}

.gaugeParent{
    max-width: 100%;
    position: relative;
}

.gaugeContainer{
    min-height: 10px;
    /* border: 1px solid #21bfa2; */
    border-radius: 20px;
    margin-bottom: 72px;
    /* overflow: hidden; */
    padding: 0px;
    background: rgba(0, 158, 144, 0.23);
}

.gaugeInside{
    background: #21bfa2;
    min-height: 10px;
    position: absolute;
    min-width: 4%;
    margin-left: 0px;
    border-radius: 20px;
    transition: 0.4s;
}

.lcardWallet{
    margin-bottom:-10px;
}

.lcardsWalletHr{
    margin-top: -40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid rgba(99, 199, 172, 0.23);
}

.iconPoints{
    position: absolute;
    z-index: 10;
    font-size: 25px;
    margin-top: -25px;
    margin-left: -2%;
    color: #21bfa2;
    text-align: right;
    width:0px;
    transition: 0.6s;
}



.pointsEarned{
    font-family: 'Raleway', sans-serif;
    position: absolute;
    font-size: 14px;
    font-weight: 600;
    margin-top: -39px;
    /*text-align: right !important;*/
    margin-left: 4px;
}

.pointsInCard{
    /*font-weight: 600;*/
    /*font-size: 20px;*/
    /*color: #1ea28c;*/
    /*text-align: left;*/
    font-weight: 600;
    font-size: 20px;
    color: #1ea28c;
    text-align: center !important;
    position: absolute;
    background: rgba(238,238,238,.8);
    border-radius: 100%;
    padding: 18px;
    width: 70px;
    height: 70px;
    top: 0;
    right: 0;
    margin: 3px 28px 0px 0px;
}

.lcTitle{
    text-align: left !important;
    margin-top: 15px;
    position: absolute;
    margin-left: 7px;
    font-weight: 600;
    font-size: 16px;
    color: #1ea28c;
    text-transform: uppercase;
}

.optionsOverlay{
    position: absolute;
    background: rgba(24, 175, 147, 1);
    box-shadow: 0px 0px 15px rgba(0,0,0,.27);
    z-index: 11;
    border-radius: 52px;
    padding-top: 23px;
    padding-left: 34px;
    padding-right: 18px;
    visibility: hidden;
    opacity: 0;
    padding-bottom: 23px;
    margin-left: 20px;
    margin-top: -60px;
    transition: 0.25s;
}

.initialOptionsOverlay{
    visibility: visible;
    opacity: 1;
    transform: translateY(-30px);
}

.infoCardW, .infoCardWRedeem {
    color: #ffffff;
    font-size: 28px;
    padding-right: 14px;
    cursor: pointer;
}

.arrowPoint{
    color: #fff;
    font-size: 50px;
    padding-top: 4px;
    cursor: pointer;
}

.linkShare {
    text-decoration: none;
    color: #21bfa2;
    font-weight: 600;
}

.smallText{
    font-size: 11px;
    font-weight: 600;
}

.pointsSharedContainer{
    background: rgba(30, 162, 140, 0.86);
    text-shadow: 0px 0px 4px rgba(0,0,0,.2);
    /*position: absolute;*/
    min-width: 95%;
    min-height: 46%;
    bottom: 0;
    text-align: center !important;

}

.sharedPoints{
    color: #fff;
    font-size: 50px;
}

.subTitlePoints{
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center !important;
}

.imgThumb{
    max-height: 100%;
    max-width: 100%;
}

#sLoyaltee{
    margin-top: 120px;
    margin-bottom: 5px;
    height: 46px;
    background: rgba(30, 162, 140,0);
}

.telephoneShare{
    margin-top: 5%;
}

#loaderModal{
    position: absolute;
    background: rgba(23, 115, 100, 0.7);
    /*background: rgba(30, 162, 140, 0.6);*/
    color: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
    visibility: hidden;
}

#loaderModalChart{
    position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
    visibility: hidden;
}

.smallLoader{
    font-size: 24px !important;
    margin-top: -12px !important;
    margin-left: -12px !important;
    color: #23dda9 !important;
}

.loadingAnimated{
    top: 50%;
    bottom: 50%;
    font-size: 40px;
    right: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: rotation 1s infinite linear;
}

.smallLoaderMid{
    /*font-size: 24px !important;*/
    /*margin-top: -12px !important;*/
    /*margin-left: -12px !important;*/
    color: #23dda9 !important;
}

.loadingAnimatedMid{
    /*top: 50%;*/
    /*bottom: 50%;*/
    /*font-size: 40px;*/
    /*right: 50%;*/
    /*left: 50%;*/
    /*margin-top: -20px;*/
    /*margin-left: -20px;*/
    -webkit-animation: rotation .5s infinite linear;
    -moz-animation: rotation .5s infinite linear;
    -ms-animation: rotation .5s infinite linear;
    -o-animation: rotation .5s infinite linear;
    animation: rotation .5s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(-1deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

.cardImgContainer{
    margin-bottom: 0px;
    /*background: rgba(33, 191, 162, 0.85);*/
    /*padding: 10px;*/
    padding-top: 0px;
    margin-bottom: -22px;
}

.ecxidedPoints{
    color: #FFFFFF !important;
}

.imgWalletTop{
    max-width: 100%;
}

.walletPromotion{
    font-weight: 600;
    color: #21bfa2;
    text-transform: uppercase;
    font-size: 16px;
    /* background: #fff; */
    padding: 11px;
    margin-top: -18px;
    margin-bottom: 0px;
}

.overlayOptionsView{
    color: #8ff9e4;
    background: rgba(33, 191, 162, 0.85);
    padding: 10px;
    margin-top: 10px;
}

.earnedTitle{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
}

.noPoints{
    margin-bottom:29px;
}

.pointsTag{
    font-size: 20px;
    text-transform: uppercase;
    margin-top: -10px;
}

.pointsOverlayView{
    font-family: Helvetica, sanserif, sans-serif;
    color: #70f7e1;
    font-size: 12em;
    margin-bottom: 0px;

}

.containerPoints{
    background: rgba(33, 191, 162, 0.5);
}

.pointsBackground p{
    font-size: 18em;
    color: #fff;
}

.buttonsShareClaim p{
    margin: 0px;
}

#cCode{
    font-weight: 600;
    font-size: 18px;
}

.buttonsShareClaim button, .buttonsShareClaim input{
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    color: #ffffff;
    font-size: 15px;
    background: #05725D;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

.buttonsShareClaim button:hover {
    background: #0fa184;
    text-decoration: none;
}

.redButton{
    background: #f65c33 !important;
}

.redButton:hover{
    background: #ed3418 !important;
}


.grayButton{
    background: #8a8a8a !important;
}

.grayButton:hover{
    background: #bababa !important;
}

.cCode{
    margin-top: -20px !important;
}

.h4Merchant a,.h4Merchant a:hover{
    font-weight: 600;
    color:#333;
}

.claimGo{
    font-size: 17px;
}

.percentageBg{

}

#termsAndConditions{
    margin-top: 20px;
    padding: 12px;
    text-align: justify;
    font-weight: 600;
    color: #9c9c9c;
    font-size: .9em;
}

/*Claimed Cards*/


.helpButton{
    margin-top:12px;
    margin-bottom:12px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}

.tagInfo{
    /*height: 14px;*/
    width: 100% !important;
    border: 1px rgba(0,0,0,.2) solid;
    position: relative;
    display: inline-block;
    padding:6px;
    font-size: 12px;

}

.issuedQC{
    background: rgba(148, 252, 204, 0.4);
    color:#32ad73;
}
.expiredQC{
    background: rgba(166, 166, 166,.4);
    color:#848484;
}
.pendingQC{
    background: rgba(255, 219, 158,.4);
    color:#e09f35;
}
.alertQC{
    background: rgba(255, 119, 119,.4);
    color:#d13838;
}
.cancelledQc{
    background: rgba(199, 199, 199, 0.40);
    color: #afafaf;
}

.actionIcon{
    font-size: 16px;
    padding: 0px 3px;
    border: 1px solid transparent;
    cursor: pointer;
    background: none;
    vertical-align: middle;
}

.actionsQC{
    font-size: 12px;
}

.actionsQC span{
    font-size: 20px !important;
}

.claimedContainer{
    margin-top: 10px;
    overflow: hidden;
    padding: 0px;
    padding-left: 10px;
    text-align: center;
}

.claimedOverlay{
    position: absolute;
    height: 100%;
    min-width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 20px;
}

.claimedOverlay p{
    font-size: 4.5em;
    font-family: Helvetica, Arial, sans-serif, sanserif;
    font-weight: 600;
}


/*NOTIFICATIONS*/
.notifications{
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}

.notificationOptions{
    padding-left: 3px;
    padding-right: 3px;
}

/*PROFILE*/

.gaugeProfile{
    margin-bottom: 0px !important;
    float: left;
    width: 86%;
    margin-top: 15px;
    margin-right: 0px;
    margin-left: 0px;
}

.gaugeInsideSlim {
    background: #21bfa2;
    min-height: 5px;
    position: absolute;
    min-width: 4%;
    margin-left: 0px;
    border-radius: 20px;
    transition: 0.4s;
}

.gaugeContainerSlim{
    min-height: 5px;
    /* border: 1px solid #21bfa2; */
    border-radius: 20px;
    margin-bottom: 72px;
    /* overflow: hidden; */
    padding: 0px;
    background: rgba(0, 158, 144, 0.23);
}

.percentageProfile {
    font-weight: 600;
    color: #10c0a1;
    float: left;
    padding-top: 0px;
    font-size: 1em;
    padding-left: 10px;
    display: inline-block;
    line-height: 2.7em;
}

.performanceLcardTitle{
    margin-bottom: 0px;
    color: #10c0a1;
}

.countNoProfile{
    font-size: 2em;
    font-weight: 400 !important;
}

.boxNumbers{
    margin-top: 20px;
}

.boxNumbers h3{
    margin-top:0px;
}

.imgThumProfile{
    max-width: 100%;
    border-radius: 6px;
}

.profileCardsContainer{
    margin-bottom:10px;
}

.toolTipProfile{
    font-size: 28px;
    color: #ffffff;
    padding: 10px;
}

.tooltipContainer{
    background: rgba(21, 134, 112, 0.84);;
    border-radius: 6px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0px 23px 5px;
    text-align: center;
}

.profileInfoContainer{
    text-align: center;
}

.thumUserProfile{
    height: 140px;
    width: 140px;
    border: 1px solid #10987f;
    border-radius: 50%;
    text-decoration: none;
    background: #21bfa2;
    color: #ffffff;
    padding-top: 7px;
    font-family: 'Raleway', sans-serif;
    font-size: 7.5em;
    font-weight: 400;
    margin: auto;
}

.h4Profile{
    color: #21bfa2;
    font-size: 1em;
    margin-bottom: 50px;
    font-weight: 400;
}

.mainInfoContainer{
    background: #fff;
    padding: 12px 0px 14px 13px;
    text-align: left;
    border-radius: 3px;
    margin-top: -40px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
}

.mainInfoContainer p{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.mainInfoContainer button{
    text-align: center;
}

.btnEditProfile{
    background: rgba(11, 191, 191, 0.84);
    border-radius: 6px;
    margin: 0px 22px 5px 12px;
    text-align: center;
    padding: 10px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.adminBadge{
    position: absolute;
    color: #fff;
    background: #31C9C9;
    padding: 10px 13px;
    border-radius: 30px;
    border: 1px rgba(49, 245, 209, 0.65) solid;
    margin-left: -10px;
    font-size: 12px;
}

.profileRightContainer{
    text-transform: uppercase;
}

.profileRightContainer h4{
    margin-top: 37px;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #23d8b8;
}

.profileMenu{
    background: #31c9c9;
}

#cardList>li{
    list-style-type:none;
}

/*ADD Lcard*/

.inputfile{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    font-size: 1.0em;
    font-weight: 600;
    color: white;
    background-color: #8a8a8a;
    display: inline-block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #1c8c72;
}

.inputfile + label {
    cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    pointer-events: none;
}

.uploadIcon{
    padding-right: 6px;
    padding-top: 0px;
    font-size: 14px;
}

.btAdd{
    width: 100%;
    margin-top: 20px;
}

/*MERCHANT*/


#suggestMerchant{
    position: absolute;
    background: rgba(0,0,0,.6);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99;
}

.overlayThumbMerchant{

}

.linkThumbMerchant{

}

#buttonContainer{
    margin-bottom: 50px;
}

.btLcardInfo{
    line-height: normal;
    background: #21bfa2;
    color: #ffffff !important;
    border-radius: 30px;
    padding: 12px;
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 5px;
}

.buttonMoreInfo{
    font-weight: 600 !important;
}

.upgradeOutline{
    outline: 3px solid #1ea28c;
}

.bgMerchant{
    height: 450px;
    background-position: center bottom;
    background-attachment: fixed;
    width: 100%;
    /* padding: 0px; */
    background-size: cover;
    /* background: no-repeat; */
    position: absolute;
    left: 0;
    right: 0;
    /* margin-top: 20px; */
    filter:grayscale(100%);
}

.merchantsContainer{
    font-family: 'Raleway', sans-serif;
}

.headerMerchant{
    text-align: center;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, .4);
    padding-top: 10px;
    background: rgba(255, 255, 255, 0.36);
    padding-bottom: 21px;
    margin-top: 110px;
}

.h2Merchant{
    color: #000;
    /* text-align: left; */
    font-size: 5.5em;
    /* padding-top: 30px; */
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    padding-bottom: 0px;
    /* margin-bottom: -2px; */
}

.merchantVerified{
    font-size: 23px;
    margin-top: -10px;
}

.merchantsContainer p{
    font-weight: 600;
    margin-bottom: -2px;
    color: #383838;
}

.merchantMainContent{
    margin-top: 166px;
}

.lcardDescription{
    background: rgba(255,255,255,.8);
    padding: 5px 12px;
    font-size: 12px;
    color: #bbbaba;
    width: 100%;
}

.lcardDescription h5{
    font-weight: 600;
    text-transform: uppercase;
    color: #6d6d6d;
}

.imgContainerMerchant img, .imgSmallMerchant{
    max-height: 100%;
    max-width: 100%;
}

.merchantLcardProfile{
    margin-bottom: 20px;
    text-align: center;
}

.merchantMainContent p{
    margin-bottom: 20px;
    font-weight: 600;
    color: #888888;
    text-align: justify;
}

.merchantMainContent h3{
    margin: 0px 0px 4px 14px;
    color: #22a48c;
    font-weight: 600;
    font-size: 1.4em;
}

.merchantHs{
    font-weight: 600 !important;
}

.socialIcons{
    height: 35px;
    overflow: hidden;
    margin-bottom:22px;
}

.socialIcons img{
    height: 110px;
}

.twitter{
    -webkit-transform:translateY(-36px);
    -ms-transform:translateY(-36px);
    transform:translateY(-36px);
}

img.map{
    -webkit-transform:translateY(-73px);
    -ms-transform:translateY(-73px);
    transform: translateY(-73px);
}

.gMaps{
    height: 450px;
    margin-bottom: 20px;
}

.addIndustry{
    display: none;
    visibility: hidden;
}

.editMerchant{
    margin-top: 16px;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 18px;
}

/*INDEX*/
.topSection{
    background: url("/webroot/img/bg-top-section.jpg") repeat-x;
    padding:0px;
}

.topRow{
    /*height: 254px;*/
    /*margin-top: 100px;*/
}

.topIndexBoxes{
    text-align: center;
    padding-top:181px;
}

.rightBoxTop{
    padding-top: 175px;
}

.hsTopSection{
    text-transform: uppercase;
}

h2.hsTopSection{
    color: #199780 !important;
}
h3.hsTopSection{
    color: #30baa1 !important;
    margin-top: -28px;
    font-weight: 600;
    font-size: 19px;

}

.buttonsHomeTop{
    text-transform: uppercase;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    padding: 10px 40px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    width: 200px;
}

.signUpBt{

}

.logInBt{

}

.indexSections{
    margin-bottom: 20px;
}

.whatLoyalteeIs img{
    width: 100%;
}

.whatLoyalteeIs h3, .whatLoyalteeIs h4{
    font-family: 'Raleway', sans-serif;
}

.whatLoyalteeIs h3{
    color: #199780 !important;
    letter-spacing: 3px;
}

.whatLoyalteeIs h4{
    color: #30baa1 !important;
    font-weight: 600;
}

.whatLoyalteeIs p{
    font-family: 'Raleway', sans-serif;
    color: #a5a5a5;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.no-more-fat-wallets{
    text-transform: uppercase;
}

.blockTextIndex{
    padding-top:60px;
}

/*ROLLS*/
.buttonsAdmin{

}

.loadingAdmin{
    color: #21bfa2;
    padding-left: 50%;
    margin-left: -20px;
    margin-top: -20px;
 }

.hideLoaderAdmin{
    visibility:hidden;
    display: none;
}

.okNoOk{
    margin-top: 0px !important;
    font-size: 12px;

    visibility: hidden;
    display: none;
}

.loadingAdmin span{
    -webkit-animation: rotationSproket 2s infinite linear;
}

.selectStatus{
    visibility: hidden;
}

.datepicker{
    padding-bottom:30px;
    text-align: center;
}

.datepicker input{
    text-align: center !important;
}

@-webkit-keyframes rotationSproket {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}


/*GODS*/
.btSubmitMarginTop{
    margin-top:15px;
}

.dateCreation{
    font-size: 12px;
    font-weight: 600;
    color: #b3b3b3;
}

.floatScroller{
    position: fixed;
}

.closeMerchantNotification{
    color: #ccc;
    float: right;
}

/*MAPS*/
.merchantMap{
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
    /*margin-top: 50px;*/
}

a.mapLink, a:hover.mapLink, a:visited.mapLink, a:active.mapLink, a:link.mapLink {
    font-weight: 400;
    text-decoration: underline;
    color: #1c8c72;
}

/*HOW TO*/
a.howToExpandable,  a:visited.howToExpandable,  a:hover.howToExpandable, a:active.howToExpandable ,  a:link.howToExpandable{
    font-weight: 800 !important;
    text-decoration: none !important;
}

.miniDescription{
    /*font-size: 10px !important;*/
    color: #10c0a1;
    font-weight: 400;
}

.imgTuts{
    width: 100%;
    margin-bottom:10px;
}

.panel-group .panel {
    margin-bottom: 10px;
}

/*LOADER FROM EXTERIOR NFC*/

.loaderIfFeatured{
    background: #31d4b6;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
}

.loaderIfFeatured2{
    background: rgba(36, 178, 145, 0.75);
    position: fixed;
    top: 0%;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99;
}

.loaderLogo{
    width: 180px;
}

.loaderLogo img{
    width: 180px;
    margin-left: -64px;
}

/*MERCHANTS-INDEX*/



.toolBox {
    background: #ffffff;
    position: absolute;
    max-width: 100%;
    min-height: 160px;
    right: -30%;
    top: 50%;
    margin-top: -160px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    padding: 20px;
    z-index: 4;
    padding-left: 40px;
    padding-right: 38px;
    -webkit-transition: .75s;
    -moz-transition: .75s;
    -ms-transition: .75s;
    -o-transition: .75s;
    transition: .75s;
    -webkit-transition: .75s;
    -moz-transition: .75s;
    -ms-transition: .75s;
    -o-transition: .75s;
    transition: .75s;
    -webkit-transition: .75s;
    -moz-transition: .75s;
    -ms-transition: .75s;
    -o-transition: .75s;
    transition: .75s;
    -webkit-transition: .75s;
    -moz-transition: .75s;
    -ms-transition: .75s;
    -o-transition: .75s;
    transition: .75s;
    -webkit-transition: .75s;
    -moz-transition: .75s;
    -ms-transition: .75s;
    -o-transition: .75s;
    transition: .75s;
}

.thumSpinner {
    color: #23dda9 !important;
}

.MSResults {
    position: relative;
    background: #fff;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-top: 0px;
    border-bottom: 1px solid #ccc;
    margin-top: -1px;
    margin-bottom: -15px;
    list-style-type: none;
    padding-left: 10px;
    padding-bottom: 10px;
    visible: hidden;
    display: none;
}

.MSResults a:active,
.MSResults a:hover,
.MSResults a:visited,
.MSResults a:link {
    font-weight: 900;
    color: #10c0a1;
    -webkit-text-decoration: none;
    -moz-text-decoration: none;
    -ms-text-decoration: none;
    -o-text-decoration: none;
    text-decoration: none;
}

.markerLeft {
    color: #10c0a1;
    font-size: 12px;
    right: 10px;
    top: 5px;
    position: relative;
    float: right;
    cursor: pointer;
}

.categoryChoice {
    border: 1px solid #10c0a1;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #10c0a1;
    font-size: 20px;
    margin-bottom: 10px;
    background: #e8fffb;
}

.categoryWrap {
    font-size: 11px;
    text-align: center;
    color: #10c0a1;
}

@keyframes changeFace {
    0%   {background-position:0 0; }
    100%   {background-position:0 -1440px; }
}
.characterFace{
    animation: changeFace 1s steps(8) infinite;
}

.characterFace{
    width: 180px;
    height: 180px;
    overflow: hidden;
    margin-left: -67px;
    background: transparent url('/img/animated-strip-1.png') no-repeat;
    opacity: .6;
    margin-top: -40px;
}



.loaderSpinner{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -22px;
    z-index: 100;
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}


/* CAMPAIGNS */
.gaugeCampaign{
    margin-bottom: 0px !important;
    float: left;
    width: 50%;
    margin-top: 10px;
    margin-right: -40px;
    margin-left: 40px;

}
.percentageCampaigns{
    font-weight: 600;
    color: #10c0a1;
    /* float: right; */
    margin-top: 3px;
    font-size: .6em;
}

.campaignSingle{
    position: relative;
    padding: 15px;
    background: #fff;
    position: relative;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.13);
    overflow: hidden;
}

.userThumb{
    text-decoration: none;
    background: #21bfa2;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: 600;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 6px;
    border: 2px solid #0aa78b;
    text-align: center;
}

.tdMarks{
    padding-top: 18px !important;
    font-size: 1.4em;
    padding-bottom: 0px !important;
}

/*MEDIA QUERIES*/

@media (max-width: 1305px){
    .gaugeCampaign{
        float:none;
    }
}

@media (max-width: 767px){



    .logoLoyaltee {
        width: 80px;
        margin-top: 2px;
    }

    /*INDEX*/
    .topIndexBoxes img{
        max-width: 100%;
    }

    .topIndexBoxes{
        padding-top:20px;
    }

    .rightBoxTop {
        padding-top: 25px;
    }

    .topSection{
        background: none;
    }

    .topRow {
        margin-top: 60px;
    }

    .blockTextIndex{
        padding-top:0px;
    }

    .telNumber {
        min-height: 67px;
        text-align: right;
        font-size: 2.1em;
        padding-top: 12px;
    }

    .dialNumber {
        font-size: 1.9em;
        font-weight: 600;
        padding: 16px;
    }

    /*REWARD*/
    .backDial {
        position: absolute;
        padding-top: 20px;
        padding-left: 0px;
        cursor: pointer;
    }

    .backDial img {
        width: 34px;
    }


    /*MERCHANT*/
    .bgMerchant{
        background: no-repeat;
    }

    .merchantMainContent{
        margin-top: 196px;
    }

    .rightNav{
        margin-right: 0;
    }

    .iconsTopNav{
        margin-right: 12px;
        padding-right: 0px;
    }

    .containerDiv{
        left: 0px;
        padding-right: 0px;
    }

    .someMore{
        padding:0px;
    }

    .checkboxThree {
        height: 34px;
        margin: 36px 0px;
    }

    .checkboxThree label {
        height: 25px;
    }

    .checkboxThreeOff:before {
        top: 8px;
    }

    .toolBox{
        top: 220px;
    }

    /*MAPS*/
    #buttonSearch, #buttonSuggest{
        bottom: 10%;
        right: 0px;
        margin-bottom: 48px;
    }

    /*.selectMerchant, .businessInOut{*/
        /*margin-top: 8px;*/
    /*}*/

    .signInNav, .logInNav{
        display:none;
    }
    .openedMenu2{
        width:0px;
    }

    .closeMenuSML{
        width: 0px;
    }

    .openMenuSML{
        width: 240px;
    }
    .captcha {
        /*margin-right: 140px;*/
    }
    .imgWalletTop {
        /*max-width: 150%;*/
        /*margin-left: -40px;*/
    }

    .overlayOptionsView{
        /*margin-left: -90px;*/
        /*margin-right: -110px;*/
    }

    .cardImgContainer{
        background: none;
    }

    .pointsOverlayView{
        margin-top: -20px;
        font-size: 6em;
    }

    .walletRow{
        /*margin-left: -35px;*/
        margin-right: 0px;
    }

    .container {
        padding-left:12px;
    }

    .containerDiv {
        padding-left:0px;
    }

    .activityIcons {
        font-size: 1.8em;
    }

    /*WALLET*/
    .infoCardW, .infoCardWRedeem {
        font-size: 25px;
        padding-right: 8px;
    }

    /*PROFILE*/
    .panelLcard span {
        font-size: 1.8em;
    }

    /*REWARD*/

    .floatScroller{
        position: relative;
    }

    .h2Merchant{
        font-size: 2.5em;
    }
    /*LCARDS*/
    .callToAction p{
        display: none;
        visibility:hidden;
    }

}

.error404505{
    text-align: center;
    color: #30baa1 !important;
    font-size: 10em;
    font-weight: 400;
    margin-top: -30px;
}

.test{
    min-height: 20px;
    border: 1px solid #000;
}

.form-control {
    height: 30px;
}