﻿
#page-wrapper {
    min-height: calc(100% - 60px) !important;
    height: calc(100% - 60px) !important;
    padding-bottom: 0px !important;
}

/*.pal {
    padding: 30px;
}*/
.mt-20 {
    margin-top: 20px;
}

.emailtmp a {
    color: #1a1a1a;
}
/*Steps*/
.wizard li {
    /*background-color: #E4E4E4;*/
    border-radius: 5px;
    display: inline;
    /*padding: 10px 30px 10px 40px;*/
    /*margin-right: -7px;*/
    width: auto;
}

.top-step-li.confirm-page {
    margin: 10px 0px !important; /*Added by Tejas for #123757*/
}
/*Added by Tejas for #123757 Start*/
.top-step-li li {
    display: initial;
    width: auto;
    padding-right: 0px;
}

    .top-step-li li.confirm-page {
        width: 100% !important;
    }
/*End #123757*/

.navbar-top-links li {
    display: inline-block !important;
}
/*.wizard li::before, .wizard li::after {
  border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
  border-color: transparent;
	border-left-color: #fff;
  border-radius: 10px;
}*/

.wizard li::before {
    border-width: 25px;
    margin-top: -16px;
    margin-left: 84px;
}


.wizard li::after {
    border-left-color: #E4E4E4;
    border-width: 21px;
    margin-top: -12px;
    margin-left: 24px;
}

.wizard li.selected {
    background-color: #FF4F65;
    color: #fff;
}

    .wizard li.selected::after {
        border-left-color: #FF4F65;
    }

.wizard li:last-child::after {
    border-left-color: transparent;
}

ul.form-step li {
    list-style-type: none;
    float: left;
    margin-right: 10px;
}

    ul.form-step li a.active {
        color: #fff;
        font-weight: bold !important;
        /*font-size: 15px !important;*/
    }

    ul.form-step li a {
        color: #e4e4e4;
        font-weight: 600;
    }

    ul.form-step li i {
        margin-left: 10px;
    }
/*#sid{
        background-color: #efefef;
    border: 1px solid #676565;
    border-color: rgba(177, 177, 177, 0) !important;
}*/
.fw {
    font-weight: 600;
}

.fixed-step {
    background-color: #2F9BC8; /*Changed by Umang Ramani on 07/18/2022 for #134088*/
    /*max-height: 65px;*/
    width: 100%;
    z-index: 9 !Important;
    padding: 10px 30px; /*Changed by Tejas for #123757*/
    position: fixed;
    bottom: 0px; /*Changed by Tejas for #123757*/ /*Changed by Umang for #134088 on 07/18/2022*/
    right: 0px;
    display: flex; /*Added by Tejas for #123757*/
    align-items: center; /*Added by Tejas for #123757*/
}

    .fixed-step a {
        color: #ffffff;
        font-weight: 500;
        font-size: 15px;
    }

.BackBtnWrapL a {
    color: #2F9BC8 !important; /*Changed by Umang for #134088 on 07/18/2022*/
    font-weight: 500;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))); /*modify by umang on 08/25/2022 for #134088*/
}

.NextBtnWrapR a {
    color: #2F9BC8 !important; /*Changed by Umang for #134088 on 07/18/2022*/
    font-weight: 500;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))); /*Modify by umang on 08/25/2022 for #134088*/
}

ul.Emailtemplate {
    padding-left: 5px;
}

    ul.Emailtemplate li {
        display: inline-block;
        padding: 10px;
    }

        ul.Emailtemplate li a {
            color: #1a1a1a;
        }

        ul.Emailtemplate li.active {
            /*border-bottom: 1px solid #1a1a1a;*/
            border-bottom: 1px solid #1ab394;
        }

/*====================================
Email Campaigns Responsive : 13/01/2017
====================================*/
.SaveNExitBtn .btn {
    float: right;
    margin: 0px -15px 0px 0px;
}

.fixed-step .BackBtnWrapL,
.fixed-step .NextBtnWrapR {
    width: auto;
    text-align: center;
}

.fixed-step .BackBtnWrapL {
    float: left;
    padding: 10px;
    background-color: #fff;
    color: #1ab394 !important;
    border-radius: 6px;
}

.fixed-step .NextBtnWrapR {
    float: right;
    padding: 10px;
    background-color: #fff;
    color: #2F9BC8 !important; /*Changed by Umang Ramani on 07/18/2022 for #134088*/
    border-radius: 6px;
    margin-left: auto; /*Added by Tejas for #123757*/
}

.fixed-step ul.form-step {
    /*width: 455px;*/
    /*width: 520px;*/ /*Commented by chand dakhara for #109898*/
    width: 100%; /*Added by chand dakhara for #109898*/
    /*margin: 0 auto;*/
    float: left;
    /*padding-top: 10px;*/
    margin-bottom: 1px; /*Added by Tejas for #123757*/
    padding-left: 20px; /*Added by Tejas for #123757*/
}

.form-div {
    width: 455px;
    margin: 0 auto;
}

.top-step {
    background-color: #2F9BC8; 
    width: 100%;
    z-index: 9 !Important;
    padding: 12px 25px; 
    position: relative; 
}

    .top-step .BackBtnWrapL,
    .top-step .NextBtnWrapR {
        width: 100%;
        text-align: left;
    }

    .top-step .BackBtnWrapL {
        float: left;
    }

    .top-step .NextBtnWrapR {
        float: left;
    }

    .top-step ul.form-step {
        width: auto;
        margin: 23px 0px 6px 0px;
        padding: 0px 16px;
    }

        .top-step ul.form-step li {
            display: block;
            float: none;
        }

    .top-step a {
        color: #2F9BC8; /*Changed by Umang Ramani on 07/18/2022 for #134088*/
        font-weight: 500;
        /*font-size: 15px;*/
        background-color: #fff;
        padding: 8px 10px;
        border-radius: 6px;
        line-height: normal; /*Added by Umang Ramani on 07/18/2022 for #134088*/
    }

.top-step-ul > li {
    list-style-type: none;
    display: inline-block;
    /*margin-right: 20px;*/
}

.top-step span {
    color: #fff;
    font-weight: 500;
    margin-right: 10px;
    word-break: break-all;
}

.mb0 {
    margin-bottom: 0px;
}

.p30 {
    padding-top: 30px;
}

.fixed-step ul.form-step > li > a {
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))); /*Modify by umang on 08/25/2022 for #134088*/
    font-weight: 500;
}

.pop-auto {
    max-height: 450px !important;
    overflow-y: auto !important;
}
/*New css*/
/*.pal {
    padding: 0px !important;
}*/

.ibox-content {
    border-width: 0px 0 !important;
}

p {
    margin: 0 0 6px !important;
}

#Removecaman {
    padding: 6px 10px !important;
}

    #Removecaman > i {
        padding-right: 1%;
    }

#DivTable {
    /*    margin-left: 4%;*/ /*Changed by Umang Ramani 07/18/2022 for #134088*/
    clear: both;
}

.icons > i {
    padding-right: 5%;
}

@media screen and (max-width: 1600px) and (min-width: 1025px) {
    .m-r-lgNew {
        margin-right: 30px;
    }
}

.form-step .fa-angle-right:before {
    color: #fff;
}

.schudule-camaign {
    margin-bottom: 30px;
}

.btn-primary {
    color: white !important;
}

.WideDivWithBottomLine {
    border-width: 2px;
    border-bottom: 1px #1ab394 solid;
    margin-bottom: 1%;
}

.p-b-2 {
    padding-bottom: 2%;
}

.TabText > a {
    color: #1ab394 !important;
    font-weight: 700;
}
/*Edit Template*/
/*.top-navigation .nav > li.active > a {
    color: white;
}*/
/*.nav-tabsnew > li.active > a, .nav-tabsnew > li.active > a:hover, .nav-tabsnew > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #2F9BC8;*/ /*Changed by Umang Ramani on 07/18/2022 for #134088*/
/*border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
    border-bottom: #f3f3f4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: default;
}*/
/*Modify by umang on 07/22/2022 for #134008*/
.custom-modal-tabs .nav-tabs .active a, #rightPaymentInfo .nav-tabs .active a, .hana-orderinfo-quick-view .nav-tabs .active a, .hana-grids-tabs-container .nav-tabs .active a,
.custom-modal-tabs .nav-tabs .active a:hover, #rightPaymentInfo .nav-tabs .active a:hover, .hana-orderinfo-quick-view .nav-tabs .active a:hover, .hana-grids-tabs-container .nav-tabs .active a:hover,
.custom-modal-tabs .nav-tabs .active a:focus, #rightPaymentInfo .nav-tabs .active a:focus, .hana-orderinfo-quick-view .nav-tabs .active a:focus, .hana-grids-tabs-container .nav-tabs .active a:focus {
    color: #2F9BC8 !important;
    font-weight: 400 !important;
    font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320))) !important; /*modify by umang on 08/05/2022 for #130393*/
    box-shadow: none !important;
    background: linear-gradient(0deg, #F0FBFF, #F0FBFF), #FFFFFF !important;
    border: 1px solid #2F9BC8 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
}

body .custom-modal-tabs .nav-tabs a:hover, body #rightPaymentInfo .nav-tabs a:hover, body .hana-orderinfo-quick-view .nav-tabs a:hover, body .hana-grids-tabs-container .nav-tabs a:hover, body .custom-modal-tabs .nav-tabs a:focus, body #rightPaymentInfo .nav-tabs a:focus, body .hana-orderinfo-quick-view .nav-tabs a:focus, body .hana-grids-tabs-container .nav-tabs a:focus, .custom-modal-tabs .nav-tabs a, #rightPaymentInfo .nav-tabs a, .hana-orderinfo-quick-view .nav-tabs a, .hana-grids-tabs-container .nav-tabs a {
    background-color: transparent !important;
    border-color: transparent !important;
    background: transparent !important;
    color: #444444 !important;
    font-weight: 400 !important; /*Added by uMang Ramani on 07/22/2022 for #134088*/
   /* font-size: 14px !important;*/
}

.custom-modal-tabs .nav-tabs {
    padding: 5px 0px;
}
/*End #134008*/
.nav-tabsnew > li.active > a {
    color: white !important;
}

.tab-contentNew > .active {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#hana-profile-menu-container li {
    display: block !important;
}
/*.pal {
padding-bottom: 150px;
}*/
/*Added by Tejas for #123757 Start*/
.setup-main-container {
    padding: 60px 30px 0px;
}

.simple-template-main-container {
    padding: 60px 0px 140px;
}

.advance-template-main-container {
    padding: 85px 0px 50px;
}

.design-main-container {
    padding: 60px 0px 0px;
}

.recipient-main-container {
    padding: 60px 0px 0px;
}

.sms-main-container {
    padding: 80px 0px 100px;
}

.confirm-main-container {
    padding: 60px 0px 0px;
}

.feature-ddl-container {
    display: flex;
    align-items: center;
}

.simple-template-main-container .feature-ddl-container {
    margin-top: 10px;
}

.sms-template-container {
    margin-top: 20px;
    padding: 10px;
}

#btnRecipientSearch {
    margin-top: 22px; /*Changed by Umang for #134088 on 07/18/2022*/
    margin-bottom: 0px; /*Changed by Umang for #134088 on 07/18/2022*/
    background-color: #2F9BC8; /*Added by Umang for #134088 on 07/18/2022*/
}

#divMain .last-control-group {
    margin-bottom: 40px;
    display: flex; /*Added by Umang for #134088 on 07/19/2022*/
    align-items: flex-end; /*Added by Umang for #134088 on 07/19/2022*/
}
/*Modify by umang on 07/25/2022 for #134008*/
@media screen and (max-width:991px) {
    .custom-modal-tabs .nav-tabs li a, #rightPaymentInfo .nav-tabs li a, .hana-orderinfo-quick-view .nav-tabs li a, .hana-grids-tabs-container .nav-tabs li a,
    body .custom-modal-tabs .nav-tabs .active a, #rightPaymentInfo .nav-tabs .active a, .hana-orderinfo-quick-view .nav-tabs .active a, .hana-grids-tabs-container .nav-tabs .active a, .custom-modal-tabs .nav-tabs .active a:hover {
        font-size: 13px !important;
    }
}
/*Added on 09/16/2022 by Tejas for #138754 Start*/
.simple-template-confirmation-container {
    padding: 60px 0px 45px;
}
/*End #138754*/

@media screen and (max-width: 1399px) {
    #btnPreviewAndTest {
        margin: 5px 0px;
    }

    .top-step-li.confirm-page {
        margin: 0px !important;
    }

    .top-step {
       /* padding: 6px 30px;*/
        /*        top: 18px;*/ /*changed by Umang for #134088 on 07/20/2022*/
    }

       /* .top-step a {
            padding: 5px 10px;
        }*/

    .fixed-step {
        padding: 6px 30px;
    }

        .fixed-step .BackBtnWrapL,
        .fixed-step .NextBtnWrapR {
            padding: 5px 10px;
        }

        .fixed-step ul.form-step {
            padding-left: 15px;
        }

    .simple-template-main-container {
        padding-bottom: 80px;
    }

    .simple-title {
        margin-top: 10px;
    }

    #divRecipients .common_gapping {
        padding-top: 10px;
    }

        #divRecipients .common_gapping .form-group:first-child {
            margin-bottom: 5px;
        }

    #divMain h2.fw {
        /*margin-top: -15px;*/ /*Changed by Umang Ramani on 07/28/2022 for #134088*/
        margin-bottom: 5px;
    }

    #divMain hr {
        margin-top: 5px;
        margin-bottom: 0;
    }

    #divMain .alert {
        margin-bottom: 0;
    }

    #btnRecipientSearch {
        margin-top: 5px;
    }

    #divMain .last-control-group {
        margin-bottom: 5px;
    }

    .sms-main-container {
        padding-bottom: 80px;
    }

    .sms-template-container {
        margin-top: 0;
    }

    #CreateSMSCampaign .form-group {
        margin-bottom: 5px;
    }

    .separate-line-hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .schudule-camaign hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #divConfirm .wrapper-content {
        padding-top: 0px;
    }
    /*Added on 09/16/2022 by Tejas for #138754 Start*/
    .simple-template-confirmation-container {
        padding-bottom: 40px;
    }
    /*  End #138754*/
}
/*End #123757*/
/*Added by Umang for #134088 on 07/18/2022*/
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background-color: #2F9BC8 !important;
}


.fa-times-circle {
    color: #2F9BC8 !important;
    opacity: 1 !important;
    background: transparent !important; /*Moldify By Umang on 07/20/2022 for #134088*/
}

.chosen-container .chosen-results li.highlighted {
    background-color: #2F9BC8 !important;
    background-image: none;
    color: white;
}
/*Modify by umang on 08/25/2022 for #134088*/
body .form-control:focus, body .single-line:focus, body .chosen-container-active .chosen-choices {
    border-color: #2F9BC8 !important;
}
/*End #134088*/
/*Added By Umang on 07/20/2022 for #134088*/
#templatedesigner .nav-tabs.nav-tabsnew {
    padding: 5px;
}
/*End #134088*/
.advance-template-main-container div.row {
    margin-right: 0px;
    margin-left: 0px;
}

#tabSavedTemplates div.panel-body {
    padding: 15px 0;
}

.advance-template-main-container .ibox-content.pal {
    padding: 15px 15px 15px 15px;
}

.advance-template-main-container .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background: #fff;
    color: #676a6c;
}

#closeSideBar i {
    padding: 1rem;
    background: #fff;
    color: #2F9BC8;
}

#templatedesigner #sidebar-editor {
    width: 47%;
}
/*End #134088*/
/*Added by Umang for #134088 on 07/19/2022*/
/*#divAdvance .custom-modal-tabs .nav-tabsnew li a:hover {
    color: #444444;
    background: linear-gradient(0deg, #F0FBFF, #F0FBFF), #FFFFFF !important;
    border: 1px solid #2F9BC8 !important;
    border-radius: 8px;
}*/

#divAdvance .custom-modal-tabs .nav-tabsnew li a {
    font-weight: 400;
    font-size: 14px;
    color: #444444;
    background: #fff;
}

#tblCampaignlist input[type='checkbox'].singlecheck, #selectall {
    cursor: pointer;
}
/*End #134088*/

/*Added by Umang for #134088 on 07/19/2022*/
#btnPreviewAndTest {
    line-height: normal;
}
/*End #134088*/

/*Added by Umang for #134088 on 07/29/2022*/
.SMSredio {
    padding: 0 2.5rem;
}
/*End 07/29/2022*/
#SendTestMail .modal-dialog {
    display: block;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: 9999;
}
#tblCampaignlist p {
    word-break: break-all;
}
.schudule-camaign p {
    word-break: break-all;
}