.cstmLoginWholeBox {
    display: block;
    margin: 20px auto 0px auto;
    height: auto;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 15px;
    background: #f7f7f7;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.cstmLoginFooterBox {
    display: block;
    margin: 20px auto 20px auto;
    height: auto;
    border-top: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 15px;
    background: #3489db;
    color: #fff;
    font-size: 16px;
}

.cstmLogoBox {
    height: 120px;
    width: 230px;
    display: block;
    margin: 0px auto;
    background-color: #fff;
    background-image: url(/images/zarebin.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.cstmOwlCustom {
    width: 100% !important;
    direction: ltr !important;
}

.cstmCarouselIcon {
    float: left;
    width: 120px;
    height: 120px;
    margin: 0px 15px 5px 0px;
}

.cstmCarouselBox {
    width: 100%;
    height: auto;
    direction: rtl;
}

.cstmCarouselBox p {
    text-align: justify;
}

.cstmCarouselBox h4 {
    text-align: right;
    color: #3489db;
}

.cstmIconI {
    background-image: url(/images/login-icon-01.jpg);
}

.cstmIconII {
    background-image: url(/images/login-icon-00.jpg);
}

.cstmIconIII {
    background-image: url(/images/login-icon-02.jpg);
}

.cstmLogoLine {
    width: 50%;
    display: block;
    margin: 0 auto 0 auto;
    border-top: 1px solid #cdcdcd;
    position: relative;
    top: 60px;
}

.cstmFullWidth {
    width: 100%;
}

.cstmHelpLink {
    width: 100%;
    border-top: 1px solid #cdcdcd;
}

.cstmHelpLink span {
    color: #ff6530;
}

.cstmHelpLink a{
    line-height: 35px;
}

.cstmFooterCopyRight {
    text-align: center;
    color: #cdcdcd;
}

.cstmTopBox {
    margin-top: 150px;
}

.cstmRightBox {
    padding: 15px;
    border-left: 1px solid #cdcdcd;
}

#alertmessage {
    color: #ff6530;
    display: none;
}

.input-group-addon {
    font-size: 20px !important;
    background: #3489db !important;
    color: #fff !important;
    border: 1px solid #3489db !important;
}

.cstmInput {
    height: 37px;
}

a {
    color: #3489db;
    text-decoration: none;
    cursor: pointer;
}

/*a:hover {*/
    /*color: #3489db;*/
    /*text-decoration: none;*/
/*}*/

#imgLoader {
    display: none;
}

@media (max-width: 767px) {

    .cstmRightBox {
        display: none;
    }

    .cstmTopBox {
        margin-top: 30px;
    }

    .cstmLogoLine {
       display: none;
    }
}