body {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color: #747474;
    margin: 0;
    font-size: 16px;
    padding: 0;
}
.mainblock {
    float: left;
    width: 100%;
}
.merchant-header.mainblock img.logo {
    width: 180px;
}
header .merchant-header {
    z-index: 1;
    background: #fff;
    padding: 12px 0;
}
header img.logo {
    padding: 13px 0;
}
header .merchant-header a.logBtn {
    border: 1px solid #673391;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    padding: 5px 18px;
    color: #673391;
    margin: 10px 0 10px 20px;
    display: inline-block;
}
.header-right.pull-right {
    width:25%;
    text-align: right;
}
span.merchant-name img {
    /*width: 170px;*/
    float: left;
}
/*Login Screen */
section.mainblock.login-section {
    /*background-image: url(../images/background1.svg);*/
    background-color: rgba(215, 215, 215, 0.35);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}
.loginBlock {
    width: 350px;
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    float: right;
}
h2.title {
    font-size: 28px;
    color: #3f3f3f;
    text-align: center;
    margin: 15px 0 35px 0;
    font-weight: 700;
}
span.log-terms {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
    display: block;
    text-align: center;
    color: #747474;
    font-weight: 400;
}
span.log-terms a {
    color: #3374b9;
    font-weight: 600;
}
button.loginBtn {
    width: 100%;
    background: #673391;
    color: #fff;
    text-transform: uppercase;
    border: none;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 12px;
}
span.forgot-pass {
    font-size: 15px;
    color: #00a9e0;
}
span.forgot-pass a {
    font-size: 14px;
    color: #3374b9;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}
.customer-account-login div#myModal .modal-dialog {
    width: 40%;
}
.customer-account-login div#myModal .modal-dialog p {
    font-size: 21px;
    color: #2d2d2d;
}
.customer-account-login div#myModal button.close {
    padding-right: 10px;
    font-size: 30px;
    opacity: 1;
    color: #747474;
}
/*Floating Label*/
.group {
    position: relative;
    margin-bottom: 30px !important;
}
.group input {
    font-size: 25px !important;
    padding: 10px 10px 0px 0px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 0.5px solid #d7d7d7;
}
.group input:focus{
    outline:none; 
}

.group label {
    color: #747474;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 17px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}


.group input:focus ~ label, .group.form-group.not-empty label {
    top: -10px;
    font-size: 14px;
    color: #929292;
}

.group input:focus ~ label > img,.ng-not-empty ~ label > img{
    width: 15px;
}
.group input:-webkit-autofill,
.group input:-webkit-autofill:hover,
.group input:-webkit-autofill:focus,
.group input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}


/*Captcha Label*/
.captcha {
    position: relative;
    margin-bottom: 10px !important;
}
.captcha input {
    font-size: 25px !important;
    padding: 10px 10px 0px 0px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 0.5px solid #d7d7d7;
}
.captcha input:focus{
    outline:none; 
}

.captcha label {
	z-index:1;
    color: #747474 !important;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 17px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    padding: 0 !important;
}


.captcha input:focus ~ label, .captcha.not-empty label {
    top: -10px;
    font-size: 14px;
    color: #929292;
    padding: 0 !important;
}

.captcha input:focus ~ label > img,.ng-not-empty ~ label > img{
    width: 15px;
}
.captcha input:-webkit-autofill,
.captcha input:-webkit-autofill:hover,
.captcha input:-webkit-autofill:focus,
.captcha input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.captcha-image{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

/*Login Screen End */

/*Vertical Tab*/

.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
}


.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}
h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}
/*.resp-tab-content {
    display: none;
    padding: 15px;
}*/
.resp-content-active,
.resp-accordion-active { display: block; }
h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}
h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}
h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*Vertical tabs*/

.tab-section {
    float: left;
    width: 100%;
    border-top: 1px solid #eee;
}
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 20%;
    background: -moz-linear-gradient(45deg, #b01c47 0%, #69144C 47%, #451050 71%, #451050 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #b01c47), color-stop(47%, #69144C), color-stop(71%, #451050), color-stop(100%, #451050)); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, #b01c47 0%, #69144C 47%, #451050 71%, #451050 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, #b01c47 0%, #69144C 47%, #451050 71%, #451050 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, #b01c47 0%, #69144C 47%, #451050 71%, #451050 100%); /* ie10+ */
    background: linear-gradient(45deg, #b01c47 0%, #69144C 47%, #451050 71%, #451050 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#451050', endColorstr='#b01c47',GradientType=1 ); /* ie6-9 */
    height: 100vh;
    padding: 0;
    margin: 0;
    padding-top: 20px;
}
.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 0 15px 55px !important;
    margin: 0;
    cursor: pointer;
    float: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    position:relative;
}
.resp-vtabs .resp-tabs-list li {
    color: #fff;
}
ul.resp-tabs-list li:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    top: 10px;
    left: 15px;
    background-repeat: no-repeat;
}
ul.resp-tabs-list li:nth-child(1):before {
    background-image: url(../images/Overview.svg);
}
ul.resp-tabs-list li:nth-child(2):before {
    background-image: url(../images/TrafficDetails.svg);
    margin-top: 10px;
}
ul.resp-tabs-list li:nth-child(3):before {
    background-image: url(../images/AccountsDetails.svg);
}
ul.resp-tabs-list li:nth-child(4):before {
    background-image: url(../images/ChangePassword.svg);
    margin-top: 15px;
}
/** For 5th Row**/
ul.resp-tabs-list li:nth-child(5):before {
    background-image: url(../images/TrafficDetails.svg);
    margin-top: 10px;
}

ul.resp-tabs-list li.resp-tab-active:nth-child(1):before {
    background-image: url(../images/OverviewActive.svg);
}
ul.resp-tabs-list li.resp-tab-active:nth-child(2):before {
    background-image: url(../images/TrafficDetailsActive.svg);
    margin-top: 10px;
}
ul.resp-tabs-list li.resp-tab-active:nth-child(3):before {
    background-image: url(../images/Accdetails.svg);
}
ul.resp-tabs-list li.resp-tab-active:nth-child(4):before {
    background-image: url(../images/ChangePasswordActive.svg);
    margin-top: 15px;
}
/** For 5th Row**/
ul.resp-tabs-list li.resp-tab-active:nth-child(5):before {
    background-image: url(../images/TrafficDetailsActive.svg);
    margin-top: 10px;
}
.page-layout-2columns-left .resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: rgba(215, 215, 215, 0.35);
    float: left;
    width: 80%;
    overflow-y: auto;
    height: 100vh;
    clear: none;
    padding: 13px 45px;
}
.page-layout-1column .resp-vtabs .resp-tabs-container {
    background-color: rgba(215, 215, 215, 0.35);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs li.resp-tab-active {
    border-right: none;
    background-color: #fff;
    color: #673391;
    position: relative;
    z-index: 1;
}
.resp-vtabs li.resp-tab-active a {
    color: #673391;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*Accordion styles*/

h2.resp-tab-active { background: #DBDBDB !important; }

.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active { display: block; }

h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

    ul.resp-tabs-list { display: none; }

    h2.resp-accordion { display: block; }

    .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed { display: none !important; }

    .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
}




/*Footer*/
footer.mainblock {
    border-top: 1px solid #d7d7d7;
    margin: 0;
    padding: 18px 15px;
}
footer.mainblock p{
    font-size:18px;
    line-height:23px;
    margin:0;
}



/*Overview Tab*/
.resp-tab-content.resp-tab-content-active {
    float: left;
    width: 100%;
}
.wht-block.mainblock {
    background: #fff;
    padding: 20px;
    margin-bottom: 10px;
}
h2.block-title {
    font-size: 24px;
    margin: 0;
    color: #3f3f3f;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
ul.title-value-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 75%;
}
ul.title-value-list li {
    display: inline-block;
    padding-left: 15%;
}
ul.title-value-list li:first-child {
    padding-left: 10px;
}
ul.title-value-list li span em {
    display: block;
    font-style: normal;

}
.lead-summary ul.title-value-list li span em {

    font-size: 40px;
    color: #3f3f3f;
    font-weight: 600;
}
.lead-summary ul.title-value-list li span {
    font-size: 22px;
    color: #747474;
    font-weight: 400;
}
.main-btn {
    border: 1px solid #673391;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    padding: 5px 15px;
    color: #673391;
    margin-top: 45px;
    display: inline-block;
    text-decoration: none;
    transition: 0.5s;
    background: transparent;
    outline: none;
}
.merchant-details ul.title-value-list span {
    font-size: 16px;
    font-weight: 400;
    color: #444444;
}
.merchant-details ul.title-value-list span em {
    font-size: 20px;
    font-weight: 400;
    color: #3f3f3f;
}
ul.contact-list {
    padding: 0;
    list-style-type: none;
}
.contact-list.contact-list-rgt{
    padding-left:25%;
}
li.cntTitle {
    font-size: 16px;
    font-weight: 400;
    color: #444444;
}
ul.contact-list li span, ul.contact-list li a {
    font-size: 20px;
    color: #3f3f3f;
}
ul.contact-list li  {
    margin-bottom: 10px;
}
ul.contact-list li img {
    width: 20px;
    margin-right: 20px;
}
.brd-right{
    border-right:1px solid #d7d7d7;
}

/*Traffic*/
table.lead-table tr th {
    font-weight: 600;
    color: #3f3f3f;
    font-size: 14px;
    padding: 20px 0;
}
table.lead-table tr td {
    font-size: 15px;
    color: #444444;
    font-weight: 400;
    padding: 15px 0;
}
table.lead-table tr td em{
    font-size: 12px;
    font-style:normal;
}

table.lead-table tr:nth-child(even) {
    background: rgba(215, 215, 215, 0.3);
}
table.lead-table tr:nth-child(odd) {background: #FFF}
table.lead-table tr td:nth-child(1),table.lead-table tr th:nth-child(1) {
    padding-left: 30px;
}
.summ-row {
    padding: 9px 10px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}
.summ-row span.left {
    font-size: 14px;
    color: #3f3f3f;
}
.summ-row span.left em {
    font-weight: 600;
    font-style: normal;
    padding-left: 5px;
}
span.right {
    font-size: 12px;
    color: #673391;
    float: right;
    font-weight: 300;
}

img.ui-datepicker-trigger {
    width: 23px;
}
form a.main-btn {
    margin: 0;
}
form span {
    margin-right: 20px;
}
form span input {
    border: none;
    outline: none;
    border-bottom: 1px solid #d7d7d7;
}
.search {
    padding: 20px 0 10px;
}
.overlay-loader {
    position: fixed;
    background: rgba(0, 0, 0, 0.55);
    width: 100%;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
}
.overlay-loader .loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #0095da;
    border-bottom: 4px solid #0095da;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/*Account Details*/
.account-details ul.title-value-list {
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-left:15px;
}
.account-details ul.title-value-list li {
    display: inline-block;
    padding-left: 25%;
}
.account-details ul.title-value-list li:first-child {
    padding-left: 0px;
}
.account-details  ul.title-value-list li span {
    /*font-size: 14px;
    color: #747474;
    font-weight: 300;*/
    font-size: 16px;
    font-weight: 400;
    color: #444444;
}
.account-details.Commercial-details ul.title-value-list ,.agreement ul.title-value-list{
    border: none;
    padding: 0;
    margin: 0;
}
.account-details ul.title-value-list li span em {
    font-size: 16px;
    color: #3f3f3f;
    font-weight: 600;
}
h3.sub-title {
    font-size: 16px;
    color: #3f3f3f;
    font-weight: 600;
    margin: 10px 0 8px;
}
.add-col p {
    font-size: 16px;
    /*font-weight: 300;
    color: #747474;*/
    font-weight: 400;
    color: #444444;
    width: 43%;
    line-height: 21px;
}
.agreement{
    padding-left: 9%;
}
.account-details.Commercial-details ul.title-value-list li:first-child {
    padding-left: 0px;
}
.agreement.offer ul.title-value-list li {
    padding: 0;
    width: 100%;
    padding-bottom: 10px;
}
.brd-left{
    border-left: 1px solid #d7d7d7;
}
.account-details ul.title-value-list li span em a{
    font-size: 16px;
    color: #3f3f3f;
    font-weight: 600;
    text-decoration:none;
}
.agreement.redirect{
    padding-left: 4%;
}
.agreement.redirect ul.title-value-list li {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}
.agreement.redirect ul.title-value-list li:last-child span em {
    display: inline-block;
}

/*Change Password*/
.wht-block .group input {
    font-size: 16px !important;
    color: #3f3f3f;
    padding: 10px 10px 0px 0px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 0.5px solid #d7d7d7;
}
.change-password h3.sub-title {
    font-size: 20px;
    color: #3f3f3f;
    font-weight: 600;
    margin: 10px 0 40px;
}
.change-password .group {
    position: relative;
    margin-bottom: 40px !important;
}
.change-pass-block {
    padding: 14% 15% 14% 15%;
}
.pass-trems-block h3.sub-title {
    font-size: 14px;
    color: #673391;
    font-weight: 600;
    margin: 5px 0;
}
.pass-trems-block ul {
    padding: 0;
    list-style-type: none;

}
.pass-trems-block ul li {
    font-size: 14px;
    color: #3f3f3f;
    margin-bottom: 5px;
    position:relative;
    padding: 0 5px;
}
.pass-trems-block ul li:before {
    position: absolute;
    content: '';
    height: 3px;
    width: 3px;
    background: #3f3f3f;
    left: -3px;
    top: 10px;
    border-radius: 50%;
}
.pass-trems-block {
    padding: 35% 3% 0;
}

ul.btn-list {
    list-style-type: none;
    padding: 0;
    text-align: center;
}
ul.btn-list li {
    display: inline-block;
}
ul.btn-list li .main-btn {
    margin: 20px 10px;
    width: 140px;
    text-transform: unset;
}
a.main-btn:hover{
    /* background:#673391;
     color:#fff;*/
    transition:0.5s;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0.5;
}
.fade {
    opacity: 1;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.passwordPopup {
    text-align: center;
    padding: 40px 0 25px;
}
.passwordPopup img {
    width: 60px;
}
.passwordPopup h2 {
    color: #3f3f3f;
    font-size: 27px;
    font-weight: 600;
}
.passwordPopup p {
    padding: 0px 20%;
    font-size: 17px;
}
.passwordPopup .main-btn {
    color: #fff;
    margin-top: 35px;
    background: #673391;
    width: 140px;
}
.modal-dialog {
    width: 550px;
    margin: 12% auto;
}
div#popup-modal .modal-dialog {
    width: 80%;
    overflow-y: auto !important;
    height: 900px;
    margin: 15% auto;!important;
}
div#popup-modal .modal-content {
    padding: 20px;
}
div#popup-modal button.close {
    font-size: 29px;
    opacity: 1;
    color: #747474;
}
/*Responsive*/
@media(max-width:992px){
    .loginBlock {
        width: 95%;
        background: #fff;
        box-shadow: none;
        padding: 20px;
        border-radius: 15px;
        margin: 0 auto;
        margin-top: 5%;
        float: none;
    }


    .merchant-header.mainblock img.logo {
        width: 120px;
    }
    span.merchant-name img {
        /*width: 90px;*/
        float: left;
        margin-top: 8px;
    }
    header .merchant-header a.logBtn {
        font-size: 13px;
        padding: 5px 10px;
    }
    .header-right.pull-right {
        width: 50%;
        text-align: right;
    }
    h2.resp-accordion{
        background: -moz-linear-gradient(45deg, #b01c47 0%, #69144C 47%, #451050 71%, #451050 100%);
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #b01c47), color-stop(47%, #69144C), color-stop(71%, #451050), color-stop(100%, #451050));
        background: -webkit-linear-gradient(45deg, #b01c47 0%, #69144C 47%, #451050 71%, #451050 100%);
        background: -o-linear-gradient(45deg, #b01c47 0%, #69144C 47%, #451050 71%, #451050 100%);
        background: -ms-linear-gradient(45deg, #b01c47 0%, #69144C 47%, #451050 71%, #451050 100%);
        background: linear-gradient(45deg, #b01c47 0%, #69144C 47%, #451050 71%, #451050 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#451050', endColorstr='#b01c47',GradientType=1 );
        color: #fff;
        border: 0px solid #C1C1C1;
        margin-bottom: 3px;
        font-size: 17px;
    }
    .resp-vtabs .resp-tab-content {
        border: 0px solid #C1C1C1;
        background: #fff;
        margin-bottom: 11px;
    }
    h2.resp-accordion.resp-tab-active {
        background: #451050 !important;
    }
    .resp-vtabs .resp-tabs-container {
        padding: 13px 15px;
    }
    .wht-block.mainblock {
        padding: 0px; 
    }
    h2.block-title {
        font-size: 18px;
    }
    .lead-summary ul.title-value-list li span {
        font-size: 15px;
    }
    ul.title-value-list {
        float: left;
        width: 100%;
    }
    ul.title-value-list li {
        display: inline-block;
        padding-left: 12%;
    }

    .lead-summary ul.title-value-list li span em {
        font-size: 18px;
        color: #3f3f3f;
        font-weight: 600;
    }
    .main-btn {
        font-size: 11px;
        margin-top: 15px;
    }
    .merchant-details ul.title-value-list span {
        font-size: 13px;
    }
    .merchant-details ul.title-value-list span em {
        font-size: 15px;
        font-weight: 400;
        color: #3f3f3f;
    }
    .wht-block.merchant-details.mainblock ul li:last-child {
        padding-left: 10px;
    }
    .contact-list.contact-list-rgt {
        padding-left: 0%;
    }
    .brd-right {
        border-right: 0px solid #d7d7d7;
    }
    ul.contact-list li span, ul.contact-list li a {
        font-size: 15px;
        color: #3f3f3f;
    }
    form span {
        margin-right: 20px;
        margin-bottom: 10px !important;
        display: inline-block;
    }
    table.lead-table tr th {
        font-weight: 600;
        color: #3f3f3f;
        font-size: 12px;
        padding: 10px 0;
    }
    .account-details ul.title-value-list li {
        display: inline-block;
        padding-left: 15%;
    }
    .account-details ul.title-value-list li:last-child {
        display: inline-block;
        padding-left: 0%;
    }
    .account-details ul.title-value-list li span em {
        font-size: 14px;
    }
    .add-col p {
        font-size: 14px;
        font-weight: 400;
        color: #3a3a3a;
        width: 100%;
        line-height: 18px;
    }
    .pass-trems-block {
        padding: 0% 10% 0;
    }
    .change-pass-block {
        padding: 2% 15% 2% 15%;
    }
    ul.btn-list li .main-btn {
        margin: 5px 4px;
        width: 115px;
        text-transform: unset;
    }

    .brd-left {
        border-left: 0px solid #d7d7d7;
    }
    .agreement {
        padding-left: 5%;
    }
    .wht-block.account-details.Commercial-details ul li {
        padding-right: 30px;
    }
    .modal-dialog {
        width: 85%;
        margin: 28% auto;
    }
}

/*Hide Page wrapper*/
.page-title-wrapper{
    display:none;
}
/*Hide Nav Section*/
.nav-sections-item-title {
    display: none;
}

.message.error {
    margin: 0 0 10px;
    padding: 12px 20px 12px 25px;
    display: block;
    font-size: 1.3rem;
    background: #fae5e5;
    color: #e02b27;
    padding-left: 45px;
    position: relative;
}
.message.error a {
    color: #1979c3;
}
.message.error a:hover {
    color: #006bb4;
}
.message.error a:active {
    color: #006bb4;
}
.message.error > *:first-child:before {
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    line-height: 24px;
    color: #b30000;
    /*content: '\e61f';*/
    font-family: 'luma-icons';
    margin: -12px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    left: 0;
    top: 22px;
    width: 45px;
    position: absolute;
    text-align: center;
}
.message.warning {
    margin: 0 0 10px;
    padding: 12px 20px 12px 25px;
    display: block;
    font-size: 1.3rem;
    background: #fdf0d5;
    color: #6f4400;
    padding-left: 45px;
    position: relative;
}
.message.warning a {
    color: #1979c3;
}
.message.warning a:hover {
    color: #006bb4;
}
.message.warning a:active {
    color: #006bb4;
}
.message.warning > *:first-child:before {
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    line-height: 24px;
    color: #c07600;
    /*content: '\e602';*/
    font-family: 'luma-icons';
    margin: -12px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    left: 0;
    top: 22px;
    width: 45px;
    position: absolute;
    text-align: center;
}
.message.notice {
    padding: 0;
    display: block;
    font-size: 17px;
    background: transparent;
    color: #0a9e0d;
    position: relative;
    margin-bottom: 23px;
}
.message.notice a {
    color: #1979c3;
}
.message.notice a:hover {
    color: #006bb4;
}
.message.notice a:active {
    color: #006bb4;
}
.message.notice > *:first-child:before {
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    line-height: 24px;
    color: #c07600;
    /*content: '\e602';*/
    font-family: 'luma-icons';
    margin: -12px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    left: 0;
    top: 22px;
    width: 45px;
    position: absolute;
    text-align: center;
}
.message.success {
    margin: 0 0 10px;
    padding: 12px 20px 12px 25px;
    display: block;
    font-size: 1.3rem;
    background: #e5efe5;
    color: #006400;
    padding-left: 45px;
    position: relative;
}
.message.success a {
    color: #1979c3;
}
.message.success a:hover {
    color: #006bb4;
}
.message.success a:active {
    color: #006bb4;
}
.message.success > *:first-child:before {
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    line-height: 24px;
    color: #006400;
    /*content: '\e60e';*/
    font-family: 'luma-icons';
    margin: -12px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    left: 0;
    top: 22px;
    width: 45px;
    position: absolute;
    text-align: center;
}
.loginBlock {
    width: 350px;
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    float: right;
    margin: 15% 0;
}
.control.group.form-group.has-error label {
    padding-left: 0;
}
div.mage-error {
    color: red;
    font-size: 13px;
}
span.merchant-name img {
    float: left;
    height: 60px;
}
ul.resp-tabs-list li.resp-tab-item a {
    color: #fff;
    text-decoration: none;
}
ul.resp-tabs-list li.resp-tab-active a {
    color: #673391;
    text-decoration: none;
}
div#datepicker-error, div#datepicker1-error {
    color: red;
    font-size: 13px;
}

.search button.main-btn {
    margin: 0 15px 25px 10px;
}
span.date-block {
    float: left;
}
span.dwn-btn {
    float: right;
}
span.dwn-btn a.main-btn img {
    display: inline-block;
    width: 18px;    
}
span.dwn-btn span.dwn-btn a.main-btn{
    border: none;
    padding: 0;
}
.password-strength-meter-0  #password-strength-meter-label{
    color:red;
}
.password-strength-meter-1  #password-strength-meter-label{
    color:#2399ff;
}
.password-strength-meter-2  #password-strength-meter-label{
    color: #50d252;
    font-weight: 600;
}
.password-strength-meter-3  #password-strength-meter-label{
    color: #00d403;
    font-weight: 600;
}
/*Traffic page pagination */
ul.items.pages-items li {
    list-style-type: none;
    display: inline;
    border: 1px solid #d8d8d8;
    height: 35px;
    width: 35px;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}
ul.items.pages-items li:hover {
    background: #e2e2e2;
    color: #5d5d5d;
}
ul.items.pages-items {
    text-align: right;
    padding: 0;
    margin: 25px 0 10px;
}
ul.items.pages-items li.current {
    background: #e2e2e2;
    color: #5d5d5d;
}
ul.items.pages-items li a {
    color: #929292;
}
ul.items.pages-items li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
ul.items.pages-items li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.loginBlock .message-error.error.message {
    background: transparent;
    padding: 0;
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
}
.customer-account-login  section#maincontent {
    /*background-image: url(../images/banner2.svg);*/
    background-repeat: no-repeat;
    background-size: cover;
}
.message-error.error.message {
    background: transparent;
    padding: 0;
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
}
/* style="background-image: url(https://sit-omp.statebanktimes.in/static/version1544766574/frontend/Magento/portal/en_US/images/banner2.svg);" */

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: rgba(0, 0, 0, 0.6) !important;
}
.modal-header {
    display : none !important;
}
.modal-footer {
    display : none !important;
}
div#popup-modal .modal-dialog {
    width: 80%;
    overflow-y: auto !important;
    height: 900px;
    margin: 15% auto !important;
}
div#popup-modal .modal-content {
    padding: 20px;
}
div#popup-modal button.close {
    font-size: 29px;
    opacity: 1;
    color: #747474;
}
/*Responsive Work Starts */
@media (max-width: 992px){
    .loginBlock {
        width: 350px;
        float: none !important;
        margin: 15% auto !important;
    }
    span.merchant-name img {
        float: left;
        height: 25px !important;
    }
    .resp-vtabs .resp-tabs-list li {
        display: inline-block;
        padding: 6px 5px !important;
        margin: 0;
        cursor: pointer;
        float: none;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        position: relative;
    }
    .resp-vtabs ul.resp-tabs-list {
        height: 100%;
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        padding-top: 20px;
        display: block;
    }
    ul.resp-tabs-list li:before{
        display:none;
    }
    .page-layout-2columns-left .resp-vtabs .resp-tabs-container {
        padding: 0px;
        background-color: rgba(215, 215, 215, 0.35);
        float: left;
        width: 100%;
        overflow-y: auto;
        height: 100vh;
        clear: none;
        padding: 15px;
    }
    .overview.mainblock {
        padding: 15px;
        background: #fff;
    }
    .traffic.mainblock {
        padding: 15px;
        background: #fff;
    }
    .account-details.mainblock {
        padding: 15px;
        background: #fff;
    }
    span.dwn-btn {
        float: right;
        margin-top: -52px;
        margin-right: 0px;
    }
    .search {
        padding: 20px 0 10px;
        margin-bottom: 20px;
    }
}

.field.captcha.required label {
    color: #000;
}