.preloader {
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    z-index: 9999;
    border: 25px solid #e2eaff;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
 }

#elemailerFormTemplateModal{
    top: 50px;
}

#elemailer-modal-settings .form-group span.select2.select2-container{
    width: 100% !important;
}

#elemailerFormTemplateModal .response-message{
    display: none;
}

/* Modal CSS */
.elemailer-form-template-add-modal {
    position: fixed;
    display: none;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: rgb(0 0 0 / .5);
    /* background-color: rgb(255 255 255); */
    text-align: center;
    overflow: hidden;
}
.elemailer-form-template-add-modal.show {
  
    display: block;
    width: 100%;
    height: 100vh;
    overflow: scroll;
    overflow-x: hidden;
}

/* width */
.elemailer-form-template-add-modal::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  .elemailer-form-template-add-modal::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .elemailer-form-template-add-modal::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  .elemailer-form-template-add-modal::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
.elemailer-form-template-add-modal .elemailer-modal {
    position: relative;
    max-width: 480px;
    margin: 75px auto;
    background-color: #fff;
    padding: 25px;
    border-radius: 5px;
    top: 0px !important;
    text-align: left;
}

.elemailer-form-template-add-modal .elemailer-modal-header {
    position: relative;
}

.elemailer-form-template-add-modal .elemailer-modal-header h5 {
    font-size: 18px;
    line-height: 26px;
    margin: 0px auto;
    color: #fff;
}

.elemailer-form-template-add-modal .elemailer-modal-header button.close {
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 20px;
    background-color: #f00;
    color: #fff;
    padding: 0px;
    height: 25px;
    border: 1px solid #f000;
    width: 25px;
    font-size: 24px;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    border-radius: 3px;
    outline: none !important;
    overflow: hidden;
}

.elemailer-form-template-add-modal .elemailer-modal-header button.close span {
    display: block;
    line-height: 0px;
    margin-top: -3px;
    outline: none !important;
    box-shadow: none !important;
}

.elemailer-form-template-add-modal .elemailer-modal-content .elemailer-modal-body {
    position: relative;
    max-width: 480px;
    padding: 40px;
}

.elemailer-form-template-add-modal .elemailer-modal-content .elemailer-modal-body .form-group {
    position: relative;
    display: block; 
}

.elemailer-form-template-add-modal .elemailer-modal-content .elemailer-modal-body .form-group label {
    display: block;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
    color: #686868;
}

.elemailer-form-template-add-modal .elemailer-modal-content .elemailer-modal-body .form-group input {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    height: 47px;
    padding: 5px 15px;
    border-radius: 3px;
}

.elemailer-form-template-add-modal .elemailer-modal-content .elemailer-modal-body .form-group small.form-text.text-muted {
    font-size: 12px;
    color: #ababab;
    margin: 5px auto 3px;
}

.elemailer-form-template-add-modal .elemailer-modal-content .elemailer-modal-footer {
    position: relative;
    max-width: 480px;
    padding: 0px 40px 50px;
}

.elemailer-form-template-add-modal .elemailer-modal-content .elemailer-modal-footer button.elemailer-edit {
    background-color: #0073aa;
    border: 1px solid #0073aa;
    margin-bottom: 25px;
     
}

.elemailer-form-template-add-modal .elemailer-modal-content .elemailer-modal-footer button {
    padding: 12px 18px;
    color: #fff;
    font-size: 14px;
    width: 100%;
    cursor: pointer;
}

.elemailer-form-template-add-modal .elemailer-modal-content button.elemailer-save {border: 1px solid #008000;background-color: #008000;}

.elemailer-form-template-add-modal .elemailer-modal-content .elemailer-modal-footer button:hover {
    -webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.75);
}

.alert.response-message.alert-success{
    background-color: #008000;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

.alert.response-message.alert-danger{
    background-color: #f00;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}


.elemailer-form-template-add-modal .elemailer-modal {
    padding: 0px;
    border-radius: 5px;
    overflow: hidden;
}
.elemailer-form-template-add-modal .elemailer-modal .elemailer-modal-header {
    background-size: 100% 100%;
    padding: 45px 25px;
    text-align: center;
}


/* CSS Preloader For Modal */

.elemailer-modal-preloader {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    height: 40px;
    width: 40px;
    z-index: -1;
    opacity: 0;
}
.activeModalPreloader .elemailer-modal-preloader {
    z-index: 1;
    opacity: 1;
}

.activeModalPreloader .elemailer-modal .elemailer-modal-dialog {
    position: relative;
}

.activeModalPreloader .elemailer-modal .elemailer-modal-dialog:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: .5;
}

.elemailer-form-template-add-modal .elemailer-modal p.alert {
    max-width: 400px;
    margin: 15px auto 0px;
    border-radius: 0;
    padding: 8px 0px;
    text-align: center;
}

.elemailer-modal-preloader .sk-chase {
    margin: 0 auto;
}
  .sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
  }
  .sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; 
    animation: sk-chase-dot 2.0s infinite ease-in-out both; 
  }
  .sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #0073aa;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
  }
  .sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
  .sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
  .sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
  .sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
  .sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
  .sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
  .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
  .sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
  .sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
  .sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
  .sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
  .sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
  @keyframes sk-chase {
    100% { transform: rotate(360deg); } 
  }
  @keyframes sk-chase-dot {
    80%, 100% { transform: rotate(360deg); } 
  }
  @keyframes sk-chase-dot-before {
    50% {
      transform: scale(0.4); 
    } 100%, 0% {
      transform: scale(1.0); 
    } 
  }












/* This Style For Elemailer Dashboard */
    
.elemailer-dashboard-head {
    position: relative;
    background-color: #fff;
    padding: 25px 25px 19px;
    display: block;
}

.elemailer-dashboard-head h1 {
    margin: 0px auto;
    padding: 0px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 500;
    margin-bottom: 10px;
    display: inline-block;
}

.elemailer-dashboard-head a.edh-btn {
    font-size: 16px;
    text-decoration: none;
    color: #0B49E9;
    border: 2px solid #0B49E9;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 7px 16px;
    line-height: 22px;
    font-weight: 500;
    border-radius: 5px;
    top: -3px;
    margin-left: 10px;
}

.elemail-wrap {
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: #E2EAFF;
    padding: 25px 25px;
    margin: 15px auto;
    min-height: 70vh;
}

.elemail-list-area {
    position: relative;
    background-color: #FFFFFF;
}

.ela-nav-tab {
    position: relative;
}

.ela-nav-tab ul {
    position: relative;
    margin: 0px auto;
    padding: 0px;
    list-style-type: none;
}

.ela-nav-tab ul li {
    display: inline-block;
    position: relative;
}

.ela-nav-tab ul li.active {
    position: relative;
    z-index: 1;
    padding-right: 0px;
    background-color: #f3f8ff;
    margin-right: -4px;
}
.ela-nav-tab ul li:first-child {
    padding-left: 0px !important;
}
.ela-nav-tab ul li:last-child {
    background-color: #f3f8ff;
}
.ela-nav-tab ul li a {
    position: relative;
    background-color: #F3F8FF;
    color: #091034;
    font-size: 15px;
    text-decoration: none;
    line-height: 22px;
    padding: 15px 40px;
    display: inline-block;
    margin-right: -4px;
    box-shadow: none;
    min-height: 22px;
}

.ela-nav-tab ul li a:hover,
.ela-nav-tab ul li.active a {
    background-color: #f58370;
    position: relative;
    -webkit-box-shadow: 0px 2px 13px -7px rgb(239 65 35 / .75);
    -moz-box-shadow: 0px 2px 13px -7px rgba(239 65 35 / .75);
    box-shadow: 0px 2px 13px -7px rgb(239 65 35 / .75);
    color: #fff;

}

.ela-nav-tab ul li:hover {
    position: relative;
    z-index: 2;
}
.ela-nav-tab ul li:active {
    position: relative;
    z-index: 1;
}
.ela-nav-tab ul li:last-child a:after {
    position: absolute;
    content: '';
    height: 35px;
    width: 35px;
    background-color: #f3f8ff;
    right: -18px;
    top: 7px;
    transform: rotate(45deg);
    z-index: 0;
}
.ela-nav-tab ul li a:hover:after,
.ela-nav-tab ul li.active a:after {
    position: absolute;
    content: '';
    height: 35px;
    width: 35px;
    background-color: #f58370;
    right: -18px;
    top: 8px;
    transform: rotate(45deg);
    z-index: 1;
}

/* .ela-nav-tab ul li a:hover:before, .ela-nav-tab ul li.active a:before {
    position: absolute;
    content: '';
    height: 35px;
    width: 35px;
    background-color: #f3f8ff;
    left: -17px;
    top: 8px;
    transform: rotate(45deg);
    z-index: 1;
} */
.ela-tab-content {
    position: relative;
    padding: 25px 30px;
}

.elat-filter-nav {
    position: relative;
    margin-bottom: 25px;
}

ul.elat-filter-btn {
    position: relative;
    margin: 0px;
    padding: 0px;
}

ul.elat-filter-btn li {
    position: relative;
    display: inline-block;
    margin: 0px auto;
}

ul.elat-filter-btn li a {
    font-size: 15px;
    color: rgb(170 180 200);
    font-weight: 500;
    text-decoration: none;
    display: block;
    position: relative;
    margin-right: 10px;
    box-shadow: none !important;
}

ul.elat-filter-btn li a span.count {
    background-color: #E8ECFF;
    display: inline-block;
    padding: 0px 5px;
    margin-left: 2px;
}



.elat-filter-search {
    position: relative;
    margin-bottom: 25px;
}

.elat-filter-search .ef-search {
    position: relative;
    display: inline-block;
    max-width: 250px;
    width: 100%;
}

.elat-filter-search .ef-search input {
    width: 100%;
    height: 47px;
    border: 1px solid #c2c4ce;
    padding: 5px 15px;
    font-size: 16px;
}

.elat-filter-search .ef-search button {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 100%;
    width: 45px;
    border: none;
    outline: none;
    background-color: rgb(255 255 255 / 0%);
    color: #c2c4ce;
}

.elat-filter-search .ef-search button span {
    font-size: 25px;
    margin-top: -3px;
}

.ef-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 20px;
}

.ef-dropdown select {
    height: 47px;
    border: 1px solid #c2c4ce;
    padding: 5px 15px;
    font-size: 16px;
}

.elat-table {
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
}

table.ele_table {
    position: relative;
    width: 100%;
    text-align: left;
    border-spacing: 0;
}
table.ele_table thead th {
    border-bottom: 1px solid #707070;
    padding: 15px;
    padding-left: 0px;
}
table.ele_table tr {vertical-align: text-top;}
table.ele_table tr th:first-child,
table.ele_table tr td:first-child {
    padding-left: 30px;
} 
 
table.ele_table tbody tr:nth-child(even){
    background-color: #F3F8FF;
} 
table.ele_table tbody tr:nth-child(odd) td {
    padding-right: 30px;
}
td.start_date_time {
    text-transform: capitalize;
}

td.start_date_time span {
     
}
.pointer_events_none {
    pointer-events: none;
}
.moveTrashSelected {
    position: relative;
    display: block;
    height: 40px;
     
    top: 0px;
    min-width: 50px;
    margin-top: -5px;
    margin-bottom: -5px;
}

a.moveToTrash {
    position: relative;
    font-size: 16px;
    border: 1px solid #f00;
    display: block;
    width: 100%;
    background-color: #f00;
    color: #fff !important;
    text-align: center;
    font-weight: 500;
    padding: 10px 10px;
}
.etable-area {
    position: relative;
}

.etable-area .check_all_header {
    position: absolute;
    top: 50px;
    left: 10px;
    z-index: 33;
}

.etable-area  .check_all_footer {
    position: absolute;
    bottom: 46px;
    left: 10px;
    z-index: 33;
}
.single-template-list {
    position: relative;
    padding: 20px 0px;
}

.single-template-list a {
    position: relative;
    display: block;
    text-decoration: none;
}

.single-template-list a h4 {
    font-size: 18px;
    letter-spacing: 0px;
    color: #091034;
    font-weight: 700;
    margin: 0px auto;
}

.stl-edit {
    position: relative;
    opacity: 0;
    transition: .5s ease;
}

.stl-edit ul {
    position: relative;
    margin: 5px auto 0px;
    padding: 0px;
}

.stl-edit ul li {
    position: relative;
    display: inline-block;
    margin: 0px auto;
}

.stl-edit ul li a {
    font-size: 14px;
    display: block;
    color: #0B49E9;
    line-height: 14px;
    font-weight: 500;
    margin-right: 12px;
    padding-right: 12px;
    border-right: 2px solid #0b49e9;
}

.stl-edit ul li:last-child a {
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
    color: #F37327;
}

table.ele_table tbody tr:hover td .stl-edit {
    opacity: 1;
}



.hide {
    display: none;
}

p.required-msg {
    background-color: #ffffff;
    border-radius: 5px;
    text-align: left;
    color: #f00;
    padding: 0px 15px 20px;
}

.emptyValue {}

.emptyValue span.select2-selection {
    border-color: #f00 !important;
}
/* Progress Bar */
.elemailer-create-mail-progressbar {
    position: relative;
    margin-bottom: 25px;
}

.cmp-box {
    position: relative;
}

.cmpb-step {
    position: relative;
}

.cmpb-step ul {
    position: relative;
    padding: 0px;
    margin: 0px auto;
}

.cmpb-step ul li {
    position: relative;
    display: inline-block;
    margin: 0px auto;
    width: 42px;
    height: 42px;
    text-align: center;
    background-color: #c1c1c1;
    border-radius: 50%;
    margin-right: 50px;
}

.cmpb-step ul li span {
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    color: #fff;
}

.cmpb-step ul li span.span-number {font-size: 15px;top: 11px;opacity: 1;}

.cmpb-step ul li span.dashicons {
    font-size: 20px;
    top: 10px;
    opacity: 0;
}

.cmpb-step ul li:before {
    position: absolute;
    content: '';
    height: 3px;
    width: 54px;
    background-color: #C1C1C1;
    right: 42px;
    top: 20px;
}

.cmpb-step ul li:last-child {
    margin-right: 0px;
}

.cmpb-step ul li:first-child:before {
    display: none;
}

.cmpb-step ul li.active {
    background-color: #0B49E9;
}

.cmpb-step ul li.active:before {
    background-color: #0B49E9;
}

.cmpb-step ul li.active span.span-number {
    opacity: 0;
}

.cmpb-step ul li.active span.dashicons {
    opacity: 1;
}

/* Template Category CSS */
.template-category-area {
    position: relative;
}

.template-category-box {
    position: relative;
}

ul.tcb-list {
    position: relative;
    display: block;
    margin: 0px auto;
}

ul.tcb-list li {
    position: relative;
    display: inline-block;
    max-width: 340px;
    margin: 0px auto;
    padding: 10px;
}

.template-category-single {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    max-width: 100%;
    -webkit-box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.75);
    text-align: center;
    padding: 25px;
    
}

.template-category-single img.tcs-icon {
    height: 115px;
}

.template-category-single h4 {
    font-size: 26px;
    color: #061968;
    font-weight: 500;
    line-height: 36px;
    margin: 10px auto;
}

.template-category-single p {
    font-size: 16px;
    color: #111F44;
    line-height: 22px;
    margin: 10px auto;
}

.template-category-single a {
    background-color: #FAA43F;
    position: relative;
    display: inline-block;
    margin: 15px auto;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 25px;
    margin-bottom: 5px;
}

.template-category-radio-btn {
    height: 0px;
    opacity: 0;
}

.elemail-list-area{
    min-height: 70vh;
}

.ele-create-mail-tab {
    min-height: calc(70vh - 96px);
}
.ela-tab-content,
.elemail-settings-area {
    min-height: calc(70vh - 25px);
}


/* Template Create Form */
.template-title-sub-wrapper {
    position: relative;
    background-color: #fff;
    padding: 40px;
}

.template-create-info {
    position: relative;
}

.em-input-box {
    position: relative;
    display: block;
    margin-bottom: 35px;
}

.em-input-box label {
    font-size: 20px;
    display: block;
    color: #111F44;
    font-weight: 700;
    margin-bottom: 15px;
}

.em-input-box input {
    font-size: 16px;
    padding: 10px 20px;
    width: 550px;
    background-color: #F5F5F5;
    border: 1px solid rgb(205 205 205);
    color: #000;
}

.em-input-box span.hints {
    font-size: 14px;
    display: block;
    line-height: 18px;
    color: #4A4A4A;
    margin: 5px auto;
}
button.btn-style-a,
.template-create-info button,
a.btn-style-a {
    position: relative;
    display: inline-block;
    background-color:#0B49E9;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-transform: capitalize;
    border: 1px solid #0B49E9;
    padding: 10px 30px;
    min-width: 120px;
    margin-right: 15px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

button.btn-style-a:hover, .template-create-info button:hover, a.btn-style-a:hover {
    background-color: #0B49E9;
    color: #fff;
}
button.btn-style-b,
a.btn-style-b{
    position: relative;
    display: inline-block; 
    font-size: 16px; 
    text-transform: capitalize;
    border: 1px solid #fbd5be;
    padding: 10px 30px;
    min-width: 120px;
    margin-right: 15px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    background-color: #fbd5be;
    color: #F37327; 
    text-align: center;
    text-decoration: none;
}



/* Builder Area  */
.iFrameLoading {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fff;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    border: 25px solid #e2eaff;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
}
.tba-btn {
    position: relative;
    text-align: right;
    margin-top: 22px;
}

.tba-btn a:last-child {
    margin-right: 0px;
}

.tsa-licesne-btn {
    position: relative;
    padding: 0px 15px;
}

.template-send-area {
    position: relative;
    background-color: #fff;
    padding: 40px;
}

.template-send-box {
    position: relative;
}

.tsb {
    position: relative;
    display: inline-block;
    width: 45%;
    vertical-align: top;
    padding: 0px 12px;
}

.tsb.tsb-left {
    margin-right: -4px;
}

.tsb-control {
    position: relative;
    margin-bottom: 30px;
}

.tsb-control label {
    font-size: 20px;
    color: #111F44;
    line-height: 28px;
    font-weight: 700;
    display: block;
}

.tsb-control span {
    font-size: 14px;
    color: #4A4A4A;
    line-height: 20px;
    margin: 8px auto;
    display: block;
}

.tsb-control input {
    font-size: 16px;
    padding: 10px 20px;
    background-color: #F5F5F5;
    border: 1px solid rgb(205 205 205);
    color: #000;
    width: 100%;
    margin-bottom: 15px;
}

.tsb.tsb-right {
    padding-top: 20px;
    width: 48%;
}

.tsb.tsb-full {
    width: 100%;
}

.tsb-control.checkbox {
    all: unset;
    position: relative;
    display: block;
    margin-top: -20px;
    margin-bottom: 25px;
}

.tsb-control.checkbox label {
    font-weight: 400;
    display: inline-block;
}

.tsb-control.checkbox input {
    display: inline-block;
    width: 18px;
    position: relative;
    top: 11px;
    left: 6px;
    margin-right: 10px;
}

.tsa-btn {
    position: relative;
    padding: 0px 15px;
}
.tsbc-date-time {
    position: relative;
}

.tsbc-date-time input {
    width: 60%;
    margin-right: 10px;
}

.tsbc-date-time select {
    font-size: 16px;
    padding: 10px 20px;
    background-color: #F5F5F5;
    border: 1px solid rgb(205 205 205);
    color: #000;
    margin-bottom: 15px;
    width: calc(40% - 20px);
    vertical-align: top;
    
}

.tsbc-date-timeV2 {
    position: relative;
}

.tsbc-date-timeV2 select {
    font-size: 16px;
    padding: 10px 20px;
    background-color: #F5F5F5;
    border: 1px solid rgb(205 205 205);
    color: #000;
    margin-bottom: 15px;
    vertical-align: top;
    min-width: 75px;
    margin-right: 10px;
}

.tsbc-date-timeV2 select:last-child {
    margin-right: 0px;
}


.tsbc-date-timeV3 {
    position: relative;
}

.tsbc-date-timeV3 select {
    font-size: 16px;
    padding: 10px 20px;
    background-color: #F5F5F5;
    border: 1px solid rgb(205 205 205);
    color: #000;
    margin-bottom: 15px;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
}
 

.tsbc-date-timeV3  .sb-2col input ,.tsbc-date-timeV3  .sb-2col select {
    width: 40% !important;
    display: inline-block;
    min-width: auto;
    margin-right: 5px;
}



.tsb-postnotification.daily select {
    width: 100%;
    max-width: 100%;
}

.tsb-postnotification.daily select.tsbpn_startdate,
.tsb-postnotification.daily select.tsbpn_nth_weekday,
.tsb-postnotification.daily select.tsbpn_nth_monthkday {
    display: none;
}
 
.tsb-postnotification.weekly select.postNotificationSchedule {
    width: 100%;
    max-width: 100%;
}

.tsb-postnotification.weekly select.tsbpn_starttime {
    width: calc(50% - 16px);
}

.tsb-postnotification.weekly select.tsbpn_startdate {
    width: 50%;
    margin-right: 0px;
}

.tsb-postnotification.weekly select.tsbpn_nth_weekday,
.tsb-postnotification.weekly select.tsbpn_nth_monthkday {
    display: none;
}

.tsbc.tsb-postnotification.monthly_at {
    position: relative;
}

.tsbc.tsb-postnotification.monthly_at select.postNotificationSchedule {
    width: 100%;
    max-width: 100%;
}

.tsbc.tsb-postnotification.monthly_at select.tsbpn_startdate {
    display: none;
}

.tsbc.tsb-postnotification.monthly_at select.tsbpn_nth_weekday {
    display: none;
}

.tsbc.tsb-postnotification.monthly_at select.tsbpn_starttime {
    width: calc(50% - 16px);
    margin-right: 0px;
}

.tsbc.tsb-postnotification.monthly_at select.tsbpn_nth_monthkday {
    width: 50%;
    float: left;
    margin-right: 13px !important;
}

.tsb-postnotification.monthly_on_every {
    position: relative;
}

.tsb-postnotification.monthly_on_every select.postNotificationSchedule {
    width: 100%;
    max-width: 100%;
}

.tsb-postnotification.monthly_on_every select.tsbpn_nth_weekday {
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.tsb-postnotification.monthly_on_every select.tsbpn_nth_monthkday { 
    display: none;
}

.tsb-postnotification.monthly_on_every select.tsbpn_startdate {
    margin-right: 0px;
    width: 45%;
}

.tsb-postnotification.monthly_on_every select.tsbpn_starttime {
    width: 33%;
    float: right;
    margin-right: 0px;
}

.tsb-postnotification.immediately select.postNotificationSchedule {
    width: 100%;
    max-width: 100%;
}

.tsb-postnotification.immediately select.tsbpn_starttime {
    display: none;
}

.tsb-postnotification.immediately select.tsbpn_startdate {
    display: none;
}

.tsb-postnotification.immediately select.tsbpn_nth_weekday {
    display: none;
}

.tsb-postnotification.immediately select.tsbpn_nth_monthkday {
    display: none;
}
/* Send Area END*/



/* Settings Area CSS */
.elemail-settings-area {
    position: relative;
    background-color: #fff;
}



/* Select2 style START */
.select2-container,
input.select2-search__field {
    width: 100% !important;
}
 
span.select2-selection input {
    margin: 0px !important;
    padding: 0px;
}

span.select2-selection li.select2-search {
    padding: 0px 10px !important;
    margin: 0px !important;
    font-size: 16px;
}


input.select2-search__field {
    background-color: #f5f5f5 !important;
    width: 100%;
}

li.select2-search {
    width: 100%;
    background-color: #f5f5f5;
}

ul.select2-selection__rendered {
    padding: 0 !important;
    margin-bottom: -4px !important;
    background-color: #f5f5f5;
    position: relative;
    width: 100% !important;
}

span.select2-selection {
    overflow: hidden;
    background-color: #f5f5f5 !important;
    position: relative;
    padding-left: 5px;
}

li.select2-selection__choice {
    margin-left: 10px !important;
    margin-right: 0px !important;
}
 
/* Select2 style END */

 

.settings-tables {
    position: relative;
}
 
.st-submit-btn {
    position: relative;
    padding: 0px 15px 40px;
}

.st-text {
    position: relative;
    margin-bottom: -15px;
}

.st-text h4 {
    position: relative;
    margin: 0px auto 10px;
    padding: 0px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.st-text p {
    font-size: 14px;
    font-weight: 400;
    margin: 0px auto;
    line-height: 24px;
}

.settings-tables table tr td  {
    width: 50%;
}

.settings-tables table tr td {
    padding: 40px 15px;
    vertical-align: top;
}

.st-options {
    position: relative;
}

.sto-input {
    position: relative;
    margin-bottom: 30px;
}

.stor-single {
    position: relative;
}

.stor-single input,.stor-single select {
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    margin-bottom: 15px;
    font-size: 16px;
    background-color: #F5F5F5;
    border: 1px solid rgb(205 205 205);
    color: #000;
    
}

.stor-single label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

.ele-col-2 {
    position: relative;
}

.ele-col-2 .sto-input {
    width: 50%;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0px;
}

a.elesettings-link {
    position: relative;
    display: inline-block;
    font-size: 18px;
}

.ele-col-2 a.elesettings-link {
    vertical-align: top;
    margin-top: 15px;
}

.settings-tables table tbody tr td p {
    margin: 0px auto;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}
.stor-single input[type=radio] {
    width: 15px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
}

.sto-radio {
    display: inline-block;
    position: relative;
}

.sto-radio .stor-single {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.sto-radio .stor-single label {
    display: inline-block;
    vertical-align: top;
    margin: 0px auto;
    position: relative;
    top: -5px;
}

.settings-tables {
    padding: 0px 45px;
}

.settings-tables table.ele_table tbody tr:nth-child(even) {
    background-color: #fff;
}

.settings-tables table.ele_table tbody tr td {
    padding: 20px;
}



/* D Column Row */
.e-row {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0px -15px;
   }
   
   .e-col-12 {
    position: relative;
    width: 100%;
    padding: 0px 15px;
   }
   
   .e-col-6 {
    position: relative;
    width: calc(50% - 30px);
    float: left;
    padding: 0px 15px;
   }
   
   .elat-content {
       position: relative;
   }
   
   .elat-content .st-text {
       margin-bottom: 10px;
       margin-top: 30px;
   }
   .elat-content .sto-radio .stor-single {
        padding-top: 5px;
    }


    #signUpConfirm.othersOptionHide .sic-emailSub {
        display: none;
    }
    
    #signUpConfirm.othersOptionHide .sic-emailc {
        display: none;
    }


    #signUpConfirm .stor-single textarea {
        width: 100%;
        height: 200px;
        padding: 15px 15px;
        margin-bottom: 15px;
        font-size: 16px;
        background-color: #F5F5F5;
        border: 1px solid rgb(205 205 205);
        color: #000;
    }
    #signUpConfirm #signUpConFirmOption {
        margin-bottom: 20px;
    }
/* Settings Area CSS END */



/* Data Table List CSS */ 

.elelist_dataTable tr th {
    text-align: left;
    padding: 10px !important;
}


table:not(.trashListData) tbody .trashListAction {
    display: none;
}
        
table.trashListData  tbody .trashListAction {
    display: block;
}

 
table.trashListData tbody .allListAction {
    display: none;
}

table:not(.trashListData) tbody .allListAction {
    display: block;
}


.btn-style-edit {
    position: relative;
    display: inline-block;
    background-color: #0B49E9;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    border: 1px solid #0B49E9;
    padding: 10px 20px;
    min-width: 80px;
    margin-right: 15px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

.btn-style-delete {
    position: relative;
    display: inline-block;
    background-color: #f00;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    border: 1px solid #f00;
    padding: 10px 20px;
    margin-right: 15px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

.btn-style-success {
    position: relative;
    display: inline-block;
    background-color: rgb(87, 219, 70);
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    border: 1px solid rgb(40, 231, 40);
    padding: 10px 20px;
    margin-right: 15px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}
.btn-style-restore:hover,
.btn-style-edit:hover,
.btn-style-success:hover,
.btn-style-delete:hover {
    color: #fff;
}
.disabled{
    pointer-events: none;
}
.tsa-licesne-btn > span{
    cursor: not-allowed;
}
.allListAction {
    position: relative;
}

.allListAction a {
    margin: 2px;
    font-size: 10px;
    padding: 5px 10px;
    line-height: 16px;
    min-width: 10px;
}
.trashListAction a {
    margin: 2px;
    font-size: 10px;
    padding: 5px 10px;
    line-height: 16px;
    min-width: 10px;
}
.trashListAction, .allListAction {
    text-align: right;
}

.btn-style-restore {
    position: relative;
    display: inline-block;
    background-color: #2196F3;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    border: 1px solid #2196F3;
    padding: 10px 20px;
    margin-right: 15px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

.trashListAction {
    min-width: 180px;
}
 

.dataTables_length select {
    min-width: 60px !important;
    font-size: 12px !important;
    line-height: 18px !important;
}

tr.tdsent a.listEdit.btn-style-edit {
    display: none;
}

.active-type {
    border: 1px solid #f58370;
    border-radius: 5px;
    padding: 5px;
    color: #f58370 !important;
}
/* Data Table List CSS END*/
/* This Style For Elemailer Dashboard END */