/* Rap Chat Bot */

html, body {height: 100%;overflow: hidden;}
 

.rapChat-wrap {padding-top: 15px;text-align: left;padding-bottom: 15px;padding-left: 0;padding-right: 0;height: 100%;}
.loginBot {padding-top: 64px; padding-bottom: 78px;}

.chatBot-body{display: block; margin: 10px 30px 0 0;overflow: hidden;clear: both;}
.chat-body:first-child {margin-top: 0;}
.chatBot-content{position: relative;display: block;float: right;padding: 8px 15px;margin: 0 20px 10px 0;clear: both;color: #2161ab;background-color: #fff;border-radius: 6px; border:1px solid #2161ab;max-width: 70%;}
.rapChat-left .chatBot-content {float: left;margin: 0 0 5px 20px;}
.rapChat-right .chatBot-content {background: #2161ab;color: #fff;}
.chatBot-content:before {position: absolute;/*top: 6px;*/top:50%;right: -10px; width: 0;height: 0;content: '';}
.rapChat-left .chatBot-content::before {right: auto;left: -7px; content:url(../../../Content/BotMain/images/cbot-arw-left.png);margin-top:-11px;}
.chatBot-content .chat-time{ display: block; margin-top: 8px;color: #a3afb7;font-size: 10px;}
.rapChat-left .quickReplies{margin-left:20px;}
.quickReplies .qckRep-btn{border-radius: 3px;margin-bottom: 5px;white-space: normal;text-align:left;}
.rap-message-input-wrap {padding:0; background:#fff;margin-left:-15px;margin-right:-15px;}
.rap-message-input .form-control{box-shadow:none;-webkit-box-shadow: none; border-radius:3px;background:#2161ab;color:#fff; border-color:#2161ab;}
.rap-message-input .form-control:focus{border-color:#2161ab;}
.rap-message-input input[type="text"]::-webkit-input-placeholder { color:#fff;}
.rap-message-input input[type="text"]::-moz-placeholder { color:#fff;}
.rap-message-input input[type="text"]:-ms-input-placeholder { color:#fff;}
.rap-message-input input[type="text"]:-moz-placeholder { color:#fff;}
.rap-message-input .form-control:focus{border-color:#2161ab;}
.rapChat-right .chatBot-content::before{left:auto; right:-11px;top:13px;content:""; border-left:5px solid #2161ab;border-right:5px solid transparent;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.rap-message-input-wrap{margin-left:0;margin-right:0;}
/*#rapChatWrap-main{position: relative; height: calc(100% - 200px);height: -webkit-calc(100% - 200px);height: -moz-calc(100% - 200px);overflow-y:auto;}*/
#rapChatWrap-main{height:auto;}
#rapNavLogin li a{color: #2161ab;display: inline-block;font-family: 'Lato', sans-serif;font-size: 15px;vertical-align: middle;margin-top:20px;margin-left:5px;padding:0;border:none; border-radius:0;text-align:inherit;width:auto;height:auto;min-height: 30px;}
#rapNavLogin li a.homeLog .fa, #rapNavLogin li a.homeLog .fas {font-size: 24px;}
#rapNavLogin li:first-child a.homeHeadIcon, #rapNavLogin li:nth-child(2) a.homeHeadIcon, #rapNavLogin li:nth-child(3) a.homeHeadIcon{padding: 0;}
#rapNavLogin li a.homeLog{margin-top:13px;margin-left: 20px;}
#rapNavLogin li span{width: 2px; background: #2161ab;height: 16px; display: inline-block; margin-top: 12px;vertical-align: middle; margin-left: 5px;}
.rapBot-footer {position: absolute;right: 0;bottom: 0;left: 0;padding:0 ;overflow: hidden;height:144px;margin-top:20px; background-color:#fff;}
.rapBot-footer1{height: 102px;padding:0;}
#request-help{right:0;border-radius:0; z-index:111;}
.typing-indicator {padding: 6px 5px 4px 5px;display: table;margin: 0 auto;position: relative;-webkit-animation: 2s bulge infinite ease-out;animation: 2s bulge infinite ease-out;}
.typing-indicator span {height: 7px;width: 7px;float: left;margin: 0 1px;background-color: #fff;display: block;border-radius: 50%;opacity: .4;}
.typing-indicator span:first-of-type {-webkit-animation: 1s blink infinite .3333s;animation: 1s blink infinite .3333s}
.typing-indicator span:nth-of-type(2) {-webkit-animation: 1s blink infinite .6666s;animation: 1s blink infinite .6666s}
.typing-indicator span:nth-of-type(3) {-webkit-animation: 1s blink infinite .9999s;animation: 1s blink infinite .9999s}
@-webkit-keyframes blink {50% {opacity:1}}
@keyframes blink {50% {opacity:1}}
@-webkit-keyframes bulge {50% {-webkit-transform:scale(1.2);transform:scale(1.2)}}
@keyframes bulge {50% {-webkit-transform:scale(1.2);transform:scale(1.2)}}
.rapCBloader{border-top-left-radius: 12px;border-top-right-radius: 14px; border-bottom-left-radius: 12px;border-bottom-right-radius: 14px;-webkit-border-top-left-radius: 12px;-webkit-border-top-right-radius: 14px; -webkit-border-bottom-left-radius: 12px;-webkit-border-bottom-right-radius: 14px; background-color:#2161ab;}
.rapCBloader::before{top:7px !important;border: 6px solid transparent; content:"" !important;border-right-color: #2161ab; border-left-color: transparent;left:-12px !important;margin-top: 0 !important;}

.wrapper {height: calc(100% - 208px);-webkit-height: calc(100% - 208px);-moz-height: calc(100% - 208px);-ms-height: calc(100% - 208px);-o-height: calc(100% - 208px);overflow: auto;width: 100%;}
.wrapper1{height: calc(100% - 165px);-webkit-height: calc(100% - 165px);-moz-height: calc(100% - 165px);-ms-height: calc(100% - 165px);-o-height: calc(100% - 165px);}
.wrapper.scrollbar-dynamic {max-height: none;padding-right: 0 !important;}
.scrollbar-inner > .scroll-element.scroll-y {background-color: rgba(36,96,172,0.25);-webkit-border-radius: 5px;border-radius: 5px;}
.scrollbar-inner > .scroll-element .scroll-bar {background-color: #2161ab;-webkit-border-radius: 3px;border-radius: 3px;}
.scrollbar-inner > .scroll-element:hover .scroll-bar {background-color: rgba(36,96,172,0.25);opacity: 1;}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {background-color: #2161ab;}
.scrollbar-inner > .scroll-element .scroll-element_track {background-color: rgba(36,96,172,0.25);}
.scroll-wrapper > .scroll-content {padding-right: 10px;}
.scrollbar-dynamic > .scroll-element .scroll-element_size {background-color: rgba(36,96,172,0.25);}
.scrollbar-dynamic > .scroll-element .scroll-bar {background-color: #2161ab;}

/* Unit Details New */
.unit-detail-tabs{margin-top: -15px;margin-bottom: 60px;}
.unit-detail-tabs li{width:50%; border-top:none; border-left:none;border-right:none;text-align:center;padding: 6px 12px;}
.unit-detail-tabs li.active-tab span{ position:absolute; left:0; right:0; margin:0 auto;width:10px; height:9px; bottom:-10px; border-top:7px solid #2161ab; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:0 solid transparent;}
.rapChat-wrap-unit-detail .rapChat{margin-bottom:30px;}
.rapChap-left-Unit-detail p{margin-bottom:0;}
.rapChap-left-Unit-detail .chatBot-content{background:#2161ab;color:#fff;border:none;border-radius:4px;}
.rapChap-left-Unit-detail .chatBot-content::before{content:"";top:50%;right:auto;left:-5px;border-top:5px solid transparent;border-right:5px solid #2161ab;border-bottom:5px solid transparent;border-left:0 solid transparent;margin-top: -5px;}
.rapChap-right-Unit-detail .chatBot-content{border:none; width: 600px;padding-right:0;padding-bottom:0; background:#fff;}
.rapChap-right-Unit-detail .chatBot-content::before{content:normal;}
.rapChap-errorMsg-Unit-detail .chatBot-content{color: #fff;background: #c92d39; border:none;}
.rapChap-errorMsg-Unit-detail .chatBot-content::before{content:"";top:50%;right:auto;left:-5px;border-top:5px solid transparent;border-right:5px solid #c92d39;border-bottom:5px solid transparent;border-left:0 solid transparent;    margin-top: -5px;}
.rapChap-errorMsg-Unit-detail .chatBot-content p{margin-bottom:0;}
.select2-container{width:100% !important;}

.wrapper2{height: calc(100% - 130px);-webkit-height: calc(100% - 130px);-moz-height: calc(100% - 130px);-ms-height: calc(100% - 130px);-o-height: calc(100% - 130px);}
.rapChat-wrap .dynamicDataInfo p{margin:16px 0;line-height:1.6em;}

/* Fetch Pdf bot */
.blue-box .chatBot-content::before {
    content: "" !important;
    border-left: 6px solid #2161ab;
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    right: -13px;
    top: 50%;
    margin-top: -5px;
}
.blue-box .chatBot-content{background:#2161ab;color:#fff;}
.red-box .chatBot-content{background:#c92d39;color:#fff;border-color:#c92d39;}
.red-box .chatBot-content::before{content:"" !important; border-right:6px solid #c92d39; border-left:6px solid transparent; border-top:6px solid transparent; border-bottom:6px solid transparent;left: -13px;top: 50%;}
/*.rapChat-error .chatBot-content::before{content:url(/Content/BotMain/images/cbot-arw-left-red1.png);}*/
#rapNavLogin {margin-right: 15px;}
#rapChatBotFrame {width: 100%;height: 100%;padding-bottom: 20px;}
#rapChatWrap-main {padding-right: 0 !important;}
.rapChat-wrap p{word-wrap:break-word;margin-bottom:0;}
.fetch-bot p{margin-bottom:0;}
.fetch-bot .chatBot-content:before{top:50%;}
.fetch-bot .rapChat-right .blue-box .chatBot-content::before{top:50%;}
.fetch-bot .rapChat-left .red-box .chatBot-content:before{top:50%;}
.rap-message-input-wrap .input-group-addon{padding:0;background:none;border:0;}
.rap-message-input-wrap .b1, .rap-message-input-wrap .form-control{border-radius:0;}
.rap-message-input-wrap .b1{padding-left:30px;padding-right:30px;text-transform:uppercase; letter-spacing:0.5px;height:42px;color:#fff;}
.rap-message-input-wrap .b1:hover, .rap-message-input-wrap .b1:focus{color:#2161ab;}
.rap-message-input-wrap .form-control{border-top-color: #2161ab; border-bottom: 1px solid #2161ab;}
.rap-message-input-wrap .blue-line{margin-top: 0;margin-bottom: 10px;}
.rap-message-input-wrap .footerN{padding-left:15px;padding-right:15px;}
.rap-message-input-wrap .form-control{height:42px;padding-right: 150px;}
#request-help .fas{margin-left: 13px;font-size: 22px;vertical-align: middle;}
.chat-footer {height:auto;padding:0 0 10px 0;}
.chat-footer .rap-message-input-wrap{margin:0;}
.rap-message-input-wrap .blue-line {height: 0;}

/* Thanks Bot */
.rapChat-right .quickReplies{padding-right:20px;width:100%;text-align:left;padding-left: 20px;}
.referral-thanks-bot .rapChat-left .chatBot-content::before{margin-top:-5px;}

/* Referral form Bot */
#extraInfo{margin-top:80px;}
#extraInfo p{margin-bottom:0;}
#extraInfo .rapChat-left .quickReplies{margin-top:10px;}
#referral-form{/*margin-top:100px;*/}
#referral-form .help-text{font-size:12px; opacity:0.8;margin-top: 10px; display: block;}
.form-control{color:#2161ab;}
.rap-message-input-wrap .form-control:focus{border-color: #66afe9;border-bottom: 1px solid #66afe9; border-top: 1px solid #66afe9;-webkit-box-shadow: inset 0 1px 1px rgba(102,175,233,.6), 0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(102,175,233,.6), 0 0 8px rgba(102,175,233,.6);}
.rapBot-error{border-color:#c92d39 !important;}
.rapBot-error:focus{-webkit-box-shadow: inset 0 1px 1px rgba(201,45,57,.6), 0 0 8px rgba(201,45,57,.6) !important; box-shadow: inset 0 1px 1px rgba(201,45,57,.6), 0 0 8px rgba(201,45,57,.6) !important;}
.rapBot-error-msg{position: absolute;bottom: -50px; margin: 0 auto;left: 0;right: 0;text-align: center;width: 100%;display: inline-table;z-index: 1;}
.rapBot-error-msg:before {position: absolute;content: "";left: 0;right: 0; width: 10px; border-bottom: 8px solid #c92d39; border-top: 8px solid transparent;border-left: 8px solid transparent; border-right: 8px solid transparent; top: -16px;margin: 0 auto;}
.rapBot-error-msg p {background: #c92d39;color: #fff; padding: 5px 12px; width: auto;display: inline-table;border-radius:4px;}
.rap-footer .blue-line {margin: 10px 0;}

/* Home Bot */
.home-bot .quickReplies .qckRep-btn{display:block;}
.chatBot-content a{background: #2161ab;text-align: center !important;-webkit-border-radius: 3px !important;border-radius: 3px !important;display: block !important;border: 1px solid #2161ab !important;padding: 5px 10px !important;color: #fff !important;text-decoration: none !important;overflow: hidden !important;-o-text-overflow: ellipsis !important;text-overflow: ellipsis !important;}

/* css added on 31-01-19 */
.rap-message-input-wrap input.form-control::-webkit-input-placeholder{color:rgba(36, 96, 172, 0.7);}
.rap-message-input-wrap input.form-control::-moz-placeholder{color:rgba(36, 96, 172, 0.7);}
.rap-message-input-wrap input.form-control:-ms-input-placeholder{color:rgba(36, 96, 172, 0.7);}

/* css added on 19/02/19 */
.alert-custom{background:#2161ab;border:none;color:#fff;}

/* css added on 30-12-19 */
.referral-thanks-bot01 .rapChat-left .chatBot-content {width:800px;}
.referral-thanks-bot01 .rapChat-right{float:right;}
.referral-thanks-bot01 .rapChat-right .quickReplies .qckRep-btn{width:800px; text-align:left; margin-bottom:15px;}

/* Unit details on 27-03-2020 */
.add-info p a{text-decoration:underline !important;padding:0 0 0 2px !important; vertical-align:bottom; border:0 !important; border-radius:0 !important; display:inline-block !important; background:none !important;}

/* 12-02-2021 */
/*.chat-footer .row{padding-bottom:10px;}*/

/* 29-12-2021 for only Under maintenance*/
.chat-footer{padding-bottom:40px;}

/* footer main */
.footer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index:11;
}

.rap-footer {
    height: 82px;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
    background: #ffffff;
}




@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #rapChatWrap-main{height:100% !important;}
    .rapChat-wrap{height:auto;}
}
@media screen and (max-width: 1280px) {
        /*#rapChatWrap-main{height: calc(100% - 190px);height: -webkit-calc(100% - 190px);}*/
        .rapBot-footer {
            height: 116px;
        }

        .rapBot-footer1 {
            height: 75px;
        }

        .wrapper {
            height: calc(100% - 178px);
            -webkit-height: calc(100% - 178px);
            -moz-height: calc(100% - 178px);
            -ms-height: calc(100% - 178px);
            -o-height: calc(100% - 178px);
        }

        .wrapper1 {
            height: calc(100% - 145px);
            -webkit-height: calc(100% - 145px);
            -moz-height: calc(100% - 145px);
            -ms-height: calc(100% - 145px);
            -o-height: calc(100% - 145px);
        }

        .wrapper2 {
            height: calc(100% - 125px);
            -webkit-height: calc(100% - 125px);
            -moz-height: calc(100% - 125px);
            -ms-height: calc(100% - 125px);
            -o-height: calc(100% - 125px);
        }

        .rap-footer {
            height: 45px;
        }

            .rap-footer .footerN {
                text-align: left;
            }

        .request-help {
            border-radius: 0 !important;
        }

        .rap-footer .blue-line {
            margin-bottom: 5px;
        }
    }

    @media screen and (max-width: 1199px) {
         .copy-rgt {float: left;}
        .chat-footer {padding-bottom: 30px;}

    }

    @media screen and (max-width: 1000px) {
        /*#rapChatWrap-main{height:calc(100% - 240px); height: -webkit-calc(100% - 240px);}*/
        #rapNavLogin li a {
            margin: 10px 10px 15px 10px;
            min-height: inherit;
        }

        #rapNavLogin li span {
            margin-top: -3px;
        }

        .wrapper {
            height: calc(100% - 250px);
            -webkit-height: calc(100% - 250px);
            -moz-height: calc(100% - 250px);
            -ms-height: calc(100% - 250px);
            -o-height: calc(100% - 250px);
        }

        .wrapper1 {
            height: calc(100% - 210px);
            -webkit-height: calc(100% - 210px);
            -moz-height: calc(100% - 210px);
            -ms-height: calc(100% - 210px);
            -o-height: calc(100% - 210px);
        }

        .wrapper2 {
            height: calc(100% - 146px);
            -webkit-height: calc(100% - 146px);
            -moz-height: calc(100% - 146px);
            -ms-height: calc(100% - 146px);
            -o-height: calc(100% - 146px);
        }
        /*.rapChat-wrap {padding-top: 150px;padding-bottom: 42px; }*/
        .loginBot {
            padding-top: 130px;
            padding-bottom: 35px;
        }

        .fetch-bot {
            padding-top: 10px;
        }

        .rap-footer{height:44px;}

        /* 23-12-2024 */
        .rapChat-wrap-unit-detail{padding-bottom:70px;}

        /* ********************************* */
        /* Use only at Under Maintenance time */
        .footerMaintenance {
            height: 62px;
        }
        /* ********************************* */
        
    }

    @media screen and (max-width: 800px) {
        .referral-thanks-bot01 .rapChat-left .chatBot-body, .referral-thanks-bot01 .rapChat-left .chatBot-content {
            width: 100%;
        }
        .referral-thanks-bot01 .rapChat-right .quickReplies .qckRep-btn {
            width:100%;
            max-width:70%;
        }
        .referral-thanks-bot01 .rapChat-right .quickReplies {
            text-align:right;
        }

           
    }

    @media screen and (max-width: 767px) {
        /*html, body {overflow: auto;height: inherit;}*/
        .rapBot-footer {
            position: fixed;
            bottom: 0;
        }

        .rapChat-wrap {
            padding-bottom: 40px;
        }

        .rapNavLoginMobile#rapNavLogin li a img {
            width: 60px;
        }

        .copy-rgt {
            float: left;
            text-align: left;
        }

        .chatBot-body {
            margin-right: 0;
            margin-left: 0;
            padding-left: 15px;
            padding-right: 15px;
        }

        .rapChat-left .chatBot-content, .rapChat-right .chatBot-content {
            margin-left: 0;
            margin-right: 0;
            max-width: 100%;
        }

        .rapChat-left .quickReplies {
            margin-left: 0;
            margin-right: 0;
        }

        #rapNavLogin li a {
            margin-top: 0;
            margin: 0 0 15px;
        }

            #rapNavLogin li a.homeLog {
                margin-top: 13px;
                margin-left: 10px;
            }

        .chatBot-content, .rapChat-left .chatBot-content {
            float: inherit;
        }

        .rapChat-left .rapCBloader {
            float: left;
        }

        /*.fetch-bot .rapChat-right .blue-box .chatBot-content::before {
            border-right: 6px solid #2161ab;
            border-left: 6px solid transparent;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            left: -13px;*/
        /*top: 12px;*/
        /* }*/

        .wrapper .rapChat-wrap {
            padding-bottom: 15px;
        }

        .wrapper1 .rapChat-wrap {
            padding-bottom: 90px;
        }

        .wrapper2 {
            height: calc(100% - 160px);
            -webkit-height: calc(100% - 160px);
            -moz-height: calc(100% - 160px);
            -ms-height: calc(100% - 160px);
            -o-height: calc(100% - 160px);
        }

        .rap-footer {
            padding-left: 5px;
            padding-right: 5px;
            height: 43px;
            background:#fff !important;
        }

        .request-help {
            font-size: 13px !important;
            padding: 6px !important;
        }

            .request-help .fas {
                margin-left: 6px !important;
                font-size: 18px !important;
            }

        .rap-footer .blue-line {
            margin-bottom: 2px;
            margin-top: 11px;
        }

        .rap-footer .copy-rgt a b {
            font-weight: 400;
        }

        .wrapper2 .rapChat-wrap-unit-detail {
            padding-bottom: 0;
        }

        .loginBot {
            padding-top: 142px;
            padding-bottom: 40px;
        }

        .rap-message-input-wrap .form-control {
            padding-left: 5px;
            padding-right: 5px;
            font-size: 14px;
        }

        .rap-message-input-wrap .b1 {
            padding-left: 10px;
            padding-right: 10px;
            font-size: 14px;
        }

        #rapNavLogin {
            margin-right: 0;
        }

        .wrapper2 .fetch-bot {
            padding-bottom: 20px;
        }

        .home-bot .rapChat-right {
            float: right;
        }

        .chat-loader {
            float: left;
            clear: both;
        }

        .rapChat-left .chatBot-body {
            clear: both;
            float: left;
        }

        .rapChat-wrap-unit-detail .rapChat-left .chatBot-body, .fetchPdf-bot .rapChat-left .chatBot-body {
            float: none;
        }

        .fetchPdf-bot .rapChat-left .red-box {
            float: left;
            width: 100%;
        }

        .fetchPdf-bot .rapChat-right {
            float: right;
        }

        .rapChap-left-Unit-detail #toProceed {
            float: left;
        }

        .referral-thanks-bot01 .rapChat-right {
            float: left;
        }

            .referral-thanks-bot01 .rapChat-right .quickReplies .qckRep-btn {
                width: 100%;
                text-align: left;
                max-width:100%;
            }

            /* 02-04-2021 */
        .no-margin-lt-xs{margin-left:0 !important;}
        .text-center-xs{text-align: center !important;}

        /* 03-08-2022 */
        .navbar-outer{text-align:left;}
        .navbar-outer .navbar-header {text-align: left; display: inline-block;}
        .navbar-outer-mobile {float: right !important;}
        .navbar-outer-mobile li:last-child {margin-right: 15px;}

        /* 26-07-2024 */
        .rapChat-left .chatBot-content, .rapChat-right .chatBot-content{margin-top:0; margin-bottom:20px;}
        .rapChat-left .chatBot-body, .chatBot-body{margin-top:0}
        .rapChat-left .quickReplies{margin-bottom:15px;}
       


     /* ********************************* */
        /* Use only at Under Maintenance time */
        .wrapper2 {
            height: calc(100% - 96px);
            -webkit-height: calc(100% - 96px);
            -moz-height: calc(100% - 96px);
            -ms-height: calc(100% - 96px);
            -o-height: calc(100% - 96px);
        }
        .footerMaintenance {
            height: 72px;
        }
     /* ********************************* */
    }

    @media screen and (max-width: 350px) {
        .rapNavLoginMobile#rapNavLogin li a img {
            width: 55px;
        }
       
    }