.font-12 {    font-size: 12px !important;}
.font-14 {    font-size: 14px !important;}
.font-16 {    font-size: 16px !important;}
.pos-relat {    position: relative;}
.disp-inblk {    display: inline-block !important;}
.no-btm-brdr {    border-bottom: none !important;}
.contactbox {    margin-top: 5px;}
a.login-link {    display: none;}
.top_nav .col-md-3{    padding-left: 15px;}
.contactbox a { margin: 0 0 0 15px;}
.ps-onepageform .top_nav .col-md-9{ float:right; }
.ps-onepageform .new-form-wrap div{ font-size: 14px !important;}
.ps-onepageform .new-form-wrap .font-11 {    font-size: 11px !important;}

/* One Page PS form */

.breadcrumb-wrap .container ol.breadcrumb li:after{ display:none;}
.ps-onepageform .ps-pack-tab-new li a
{    
    background: none;
    text-align: center;
    border-radius: 0;
    border-bottom: 85px solid #f2f2f2 !important;
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important;
    border-top: 0 !important;
    height: 0;
	line-height: 115px;
    font-size: 21px;
	}
.ps-onepageform .ps-pack-tab-new li.active a, .ps-onepageform .ps-pack-tab-new li:hover a{    border-bottom: 85px solid #363636 !important;
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important; }
.ps-onepageform .ps-form-wrap .nav-tabs li a:before{ display:none;}
.ps-onepageform .ps-pack-tab-new li.active a:after {    height: 87px;    background-size: 100% 100% !important; }
.ps-onepageform .ps-form-wrap .tab-pane {    background: none;    padding: 10px 20px 40px;}
.ps-onepageform .breadcrumb-wrap {    margin-bottom: 20px;}
.ps-onepageform .breadcrumb-wrap .breadcrumb{ padding:0;}
.ps-onepageform h1{ font-weight:bold; font-size:28px; margin:0 0 20px; color:#d52b1e; }
.ps-onepageform h3 {    font-size: 22px;    font-weight: bold;    margin: 0 0 20px;    border-bottom: 1px solid #f5f5f5;}
.grey-border-block {  /*  border: 1px solid #e8e8e8;    padding: 15px;  */  margin-bottom: 40px;}
.grey-border-block .nav-tabs li {margin: 0 15px 0 0;width: 49%;text-align:left;border: 3px solid #a9a9a9;/*border-bottom: none !important;*/ position:relative; }
.grey-border-block .nav-tabs li a{overflow:hidden; }
.grey-border-block .nav-tabs li:last-child {     margin: 0;float: right;}
.grey-border-block .nav-tabs li:nth-child(2){  /*  margin: 0 4px;*/}
/*.grey-border-block .nav-tabs li:last-child {float: right;border-right: none !important;}*/
.grey-border-block .nav-tabs > li a {margin-right: 0;text-align: left;border: 0;background: #f3f3f3; border-radius:0;min-height: 105px;padding: 25px 10px 10px 50px; font-weight: normal; display:block;    line-height: 1.42857143; text-decoration:none;font-size: 16px;color: #000;    position: relative;}
.ps-onepageform .grey-border-block .nav-tabs li label {    padding: 0;    display: block; overflow:hidden;}
.ps-onepageform  .tab-pane.fade.border0.pad0.box-shadow0 {/*background-color: #ffffe0;border: 1px solid #ecec00 !important;*/border: 1px solid #057fd7 !important; border-radius: 0 !important;padding: 10px 35px 10px  !important; }
/*.ps-form-wrap .grey-border-block .tab-content{overflow:hidden} */
.ps-form-wrap .grey-border-block .nav-tabs {margin: 0 0 12px;border-bottom: 0;}
/*.grey-border-block .nav-tabs li:first-child {    border-left: 0 !important;}*/
.grey-border-block .nav-tabs > li.active a, .grey-border-block .nav-tabs > li a:hover {    color: #000;    background: transparent;    border: 0;}
.grey-border-block .nav-tabs > li.active, .grey-border-block .nav-tabs > li:hover { /*border-top: 3px solid #d52b1e;*/border: 3px solid #057fd7;}
/*.grey-border-block .nav-tabs > li.active:after, .grey-border-block .nav-tabs > li:hover:after{ content:""; background:#d52b1e; position:absolute; left:0; top:0; width:100%; height:3px;}*/
.grey-border-block .nav-tabs li a img {    margin: 0 15px 15px 0;}
.grey-border-block .nav-tabs > li.active:after {    content: "";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 15px solid #057fd7;
    position: absolute;
    top: 100%;
    left: 42.5%;} 
/*.grey-border-block .nav-tabs > li.active:before {    content: "";    background: #fff;    position: absolute;    left: 0;    bottom: -3px;    width: 100%;    height: 3px;}*/
/*.grey-border-block .nav-tabs > li.active{ border-left-width:2px;border-right-width:2px;}*/
.grey-tick-list{ padding:0; margin:0 ; list-style:none;}
.grey-tick-list li{position:relative;display:inline-block;padding: 0 0 0 25px;    margin: 0 0 5px 0;    width: 32.9%;font-size: 14px;}
.grey-tick-list li:before{ content:""; background-image:url(../images/publication-support/grey-tick.png); width:18px; height:15px; position: absolute; left:0; top:3px;}
.grey-tick-list.grey-dot-list li {padding: 0 0 0 15px;}
.grey-tick-list.grey-dot-list li:before {
    background: #4c4c4d;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    left: 4px;
    top: 8px;
}
.selecttick {    visibility: hidden;}
.grey-border-block .nav-tabs li.active .selecttick{    visibility: visible;}
.grey-border-block .nav-tabs li.active .selecttick:before {
    position: absolute;
    content: '';
    top: 0;
    right: 10px;
    display: block;
    width: 10px;
    height: 20px;
    border: solid #f3f3f3;
    border-width: 0 2px 2px 0;
    transform: rotate(40deg);
    z-index: 9;
}

.selecttick:after {
	 content: '';
    position: absolute;
    right: -6px;
    top: -23px;
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 35px solid #057fd7;    transform: rotate(675deg); background:#057fd7;
}
.grey-tick-list li.greyout:before{background-image:url(../publication-support/grey-cross.png); width:13px; height:13px; position: absolute; left:0; top:5px;}
.grey-border-block .nav-tabs > li > a:focus{ border:none;    outline: 0;}
span.plus-icon {    display: block;    position: relative;margin-top: 10px;    z-index: 1;}
span.plus-icon:before {    content: "";    position: absolute;    left: 0;    width: 100%;    height: 1px;    background: #e7e7e7;    top: 12.2px;    z-index: -1;}
.ps-onepageform label {
    padding: 0 0 0 30px;
    cursor: pointer;
    position: relative;
    z-index: 0;
    margin-bottom: 0;    font-weight: normal;
}
.ps-onepageform .tab-pane.fade.border0.pad0.box-shadow0.active {
    animation: slide-down 0.5s ease-out; 
}
#custom .pos-relat.disp-inblk {    width: 32%;    margin-bottom: 5px;}

@keyframes slide-down {
    
    0% {opacity: 0; transform: translateX(50%); }
    100% {  opacity: 1; transform: translateX(0); }
}
.ps-onepageform input[type=radio], .ps-onepageform input[type=checkbox] {
    position: absolute;
    /*visibility: hidden;*/opacity: 0;
}
.ps-onepageform .check {
    display: block;
    position: absolute;
    border: 1px solid #a9a9a9;
    border-radius: 0;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    z-index: 1;
    transition: border .25s linear;
    -webkit-transition: border .25s linear; 
    background: #fff;
}
.ps-onepageform input[type=radio]:checked ~ .check, .ps-onepageform input[type=checkbox]:checked ~ .check {
    background: #515151;border: 1px solid #515151;
}
.ps-onepageform input[type=radio]:checked ~ .check::before, .ps-onepageform input[type=checkbox]:checked ~ .check::before, .ps-onepageform input[type=checkbox]:checked:disabled ~ .check::before {
    position: absolute;
    content: '';
    top: 1px;
    left: 6px;
    display: block;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.ps-onepageform .step3greybg .bg-white label {    padding: 0 0 0 20px;}
.radio-check
{
	display: block; 
    position: absolute;
    border: 1px solid #c8c8c8;
    height: 16px;
    width: 16px;
    top: 3px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    background: #fff;     border-radius: 50%;
	}
.ps-onepageform input[type=radio]:checked ~ .radio-check{border: 1px solid #515151;}
.ps-onepageform input[type=radio]:checked ~ .radio-check:before{
    position: absolute;
    content: '';
    top: 2px;
    left: 2px;
    display: block;
    width: 10px;
    border-radius: 50%;
    height: 10px;
    background: #515151;
}
.ps-onepageform input[type=radio]:focus ~ .radio-check:after{    position: absolute;
    content: '';
    top: -2px;
    left: -3px;
    display: block;
    width: 20px;
    border-radius: 0;
    height: 18px;
    background: transparent;
    border: 1px solid #147fd4;
	}
.ps-onepageform input[type=radio]:checked:focus ~ .radio-check:after{ display:none;}
#submissionpack sup {    font-size: 0;       display: inline-block;    width: 8px;    height: 8px;    vertical-align: top; background: url(../images/publication-support/mandatory-icon.png) 0 0 no-repeat;    margin: 0 0 0 3px;}
#custom sup {    font-size: 0;       display: inline-block;    width: 8px;    height: 8px;    vertical-align: top; background: url(../images/publication-support/mandatory-icon.png) 0 0 no-repeat;    margin: 0 0 0 3px;}
.grey-bg {    background: #f3f3f3;    margin: 0 17px 0 0;    padding: 20px 18px;    border: 3px solid #a9a9a9;    width: 32%;}
.step2blk .grey-bg { padding:  0;  }
.step2blk .grey-bg:hover {    background: #fff;    border: 3px solid #057fd7;}
.ps-onepageform .step2blk  label{padding: 20px 18px 20px 50px; }
.inputclick{ background:#fff;border: 3px solid #057fd7; }
.pos-relat.disp-inblk.inputclick {    border: none;}
.ps-onepageform .grey-bg .check{top: 24px;left: 17px; }
.step3greybg {    background: #f3f3f3;    margin: 0 0 35px;    padding: 0 15px;    border: 1px solid #e8e8e8;}
.step3greybg .row {    padding:  0;    border-bottom: 1px solid #e8e8e8;}
/*.step3greybg .row:last-child {    border: none;}*/
.step3greybg .row select {    width: 100%;    padding: 3px 5px; border: 1px solid #dbdbdb;}
.step3greybg .row strong {  /*  font-size: 16px;  */  font-weight: normal;}
.step3greybg .row sup {    font-size: 0;       display: inline-block;    width: 8px;    height: 8px;    vertical-align: top; background: url(../images/publication-support/mandatory-icon.png) 0 0 no-repeat;    margin: 0 0 0 3px;}
.step3greybg .row .col-md-6 {    padding: 5px 15px;    width: 43%;}
.step3greybg .row .col-md-6:last-child {    background: #fff;    border-left: 1px solid #e8e8e8;    width: 57%;}
.step3greybg .row input[type="text"], .step3greybg .row input[type="email"], .step3greybg .row textarea {    width: 100% !important;   /* border: none;   */ padding: 3px 5px;border: 1px solid #dbdbdb;}
/*.step3greybg #upload1{ height:115px !important;}*/
.step3greybg .bg-white {    padding: 0;}
.step3greybg .row .bg-white input[type="text"]{ border:1px solid #a9a9a9; border-radius:0; width:98%;}
.step3greybg .input-group.date .input-group-addon {   border: 1px solid #c5c5c5;    border-radius: 0;}
a.ps-op-cta {    font-size: 26px;    background: #bb1d4c;    color: #fff;    padding: 8px 100px;    display: inline-block;    border-radius: 5px; text-decoration:none; cursor:pointer;font-weight: bold;}
a.ps-op-cta:hover{ opacity:0.7;}
.grey-border-block .nav-tabs > li input[type="radio"]{ width:100%; height:100%; top:0; left:0;margin: 0;}

.ps-form-wrap .grey-border-block .nav-tabs li a:before {content:""; display:inline-block; width:33px; height:33px; background:url(../images/publication-support/pack-tab-icon-small-form.png) 0 -1px no-repeat; margin:18px auto 5px;    position: absolute;    left: 10px;    top: 8px; }
.ps-form-wrap .grey-border-block .nav-tabs li a#fulla:before {    background-position: 0 -36px;}
.ps-form-wrap .grey-border-block .nav-tabs li a#fulla:hover:before, .ps-form-wrap .grey-border-block .nav-tabs li.active a#fulla:before {    background-position: -70px -36px;}
.ps-form-wrap .grey-border-block .nav-tabs li a.two:before {background-position:-1px -36px;}
.ps-form-wrap .grey-border-block .nav-tabs li a.three:before { background-position:0 -71px;}
.ps-form-wrap .grey-border-block .nav-tabs li.active a:before, .ps-form-wrap .grey-border-block .nav-tabs li a:hover:before { background-position:-70px -1px;}
.ps-form-wrap .grey-border-block .nav-tabs li.active a.two:before, .ps-form-wrap .grey-border-block .nav-tabs li a.two:hover:before { background-position:-71px -36px;}
.ps-form-wrap .grey-border-block .nav-tabs li.active a.three:before, .ps-form-wrap .grey-border-block .nav-tabs li a.three:hover:before { background-position:-70px -71px;}
.step3greybg .row .row .col-md-6 {    border: none;    padding: 0 0 0 5px;width: 50% !important;}
.step3greybg .row .row {    margin: 0;}
.step3greybg .row .row .col-md-6:first-child {    padding: 0 5px 0 0;}
.step3greybg .row .col-md-6 .col-md-4, .step3greybg .row .col-md-6 .col-md-12 {    padding: 0;}
.step3greybg .row .col-md-6 .col-md-4:nth-child(2){    padding: 0 5px;}
.step3greybg .row .col-md-6 .col-md-12 #isd {    padding: 3px 0;    border: 1px solid #dbdbdb;    width: 50px;    display: inline-block;    text-align: center;}
.step3greybg .row .col-md-6 .col-md-12 input {    width: 88.5% !important;}

.box-shadow0{box-shadow: none !important; }

.ps-onepageform a.info{    background: url(../images/publication-support/qsn-icon.png) 0 3px no-repeat;    display: inline-block;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    z-index: 1;}

.ps-onepageform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9d9fa2;
}
.ps-onepageform ::-moz-placeholder { /* Firefox 19+ */
  color: #9d9fa2;
}
.ps-onepageform :-ms-input-placeholder { /* IE 10+ */
  color: #9d9fa2;
}
.ps-onepageform :-moz-placeholder { /* Firefox 18- */
  color: #9d9fa2;
}
.ps-form-wrap .infoLink {    position: relative;}
.ps-form-wrap .infoLink:hover .infoBox{ display:block !important;}
.ps-form-wrap .infoBox {
    left: 17px;
    padding: 10px 12px 10px;
    width: 280px;
	    position: absolute;
    top: -9px;
	    color: #000;    border: #a8d2fb 1px solid;
    border-radius: 4px;
    z-index: 1000;
    font-size: 12px;
    white-space: initial;
    background: #F3F7FB;
    font-weight: normal;
    text-align: left; 
}
.ps-onepageform .tab-pane select {    padding: 0;}
.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {    display: none !important;}
.date {    visibility: visible;}
#dbselection .disp-inblk {    margin: 5px 4px 0 0;}
.ps-onepageform #dbselection label {    padding: 0 0 0 25px;    font-size: 12px !important;}
.mart-5 {    margin-top: 5px;}
.mart-20 {    margin-top: 20px;}
.grey-border-block .nav-tabs li span.font-12 {    display: block;    margin-top: 5px;}
li.no-grey-tick:before {    display: none;}
li.no-grey-tick {    padding: 0;}


input#datepicker {
    width: 46% !important;
    background-size: 10%;
}

select#delHrs {
    width: 26%;
    margin-right: 10px;
}
/* new css for rewards API integration */
#loaderOverlay {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.lds-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.rewardsclubsection {
    margin:0 0 40px 0;
}
.yellow-box {
    background-color: #FFFFE0;
    border: solid 1px #ECEC00;
    padding: 5px;
}
.yellow-box p {
    margin: 0px;
    font-size: 16px;
    display: inline-block;
}
.rewards_button {
    /* float: right; */
    margin-top: 6px;
    background-color: #d52b1e;
    color: #FFF;
    padding: 5px 15px;
    border: none;
    border-radius: 18px;
}
.rewards-area {
    border: 1px solid #ccc;
    padding: 15px 10px;
}
.individual_points {
    display: inline;
}
.individual_moneyvalue{
    display: inline;
}
.allpoints-box {
    position: relative;
}
.allpoints-box label {
    padding: 10px 8px 10px 30px!important;
}
@media screen and (max-width: 992px) {
    .ps-home--translation .ps-translation--wrapper {
        width: 100%;
    }

    .ps-home--translation .ps-translation--wrapper:first-child {
        margin-right: 0%;
    }

    .ps-home--translation .ps-translation--wrapper:nth-child(2) {
        margin-right: 0%;
    }
}
.divMask {
    pointer-events: none;
    background-color: #fff;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 99999;

}div#memidTable {
    box-shadow: 0 7px 10px #dddddd;
    overflow-x: hidden;
    max-height: 500px;
    width: 85%;
    margin: 0 auto 15px;
}

.clientdblk {
    border: 1px solid #eeeeee;
    background: #fff;
    position: relative;
    border-left: 5px solid transparent;
    color: #000000;
    display: block;
    padding: 15px 15px;
    letter-spacing: normal;
    font-weight: bold;
    text-transform: uppercase;
}

.clientdblk div {
    display: inline-block; 
    font-weight: bold;
}

.mem_name {
    margin: 0 10px 0 0;
}

.clientdblk:hover {
    border-left: 5px solid #d52b1e;
    background: #f2f2f2;
    cursor: pointer;
}
.multiple_memid {
    font-weight: bold;
}

span.client_memid {
    cursor: pointer;
    color: #00f;
    text-decoration: underline;
}
.clientdblk:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 37.5%;
    /*background-image: url(images/grey-arrow.png);width: 6px;height: 11px;*/
}
#userdetailModal .modal-header {padding: 15px 15px 0 15px;}

#userdetailModal .modal-header h3 {
    margin-bottom: 0;
    padding-bottom: 5px;
}
.rewards-area p {
    margin-bottom: 0px;
}