:root{
  --clr-black: #263238;
  --clr-orange: #FD5E44;
  --clr-blue: #2E66F6;
  --clr-100-blue: #EBF0FF;
  --clr-400-black: #78889B;
  --clr-100-grey: #C2C2C2;
  --bg-400-pink: #FFF0EE;
  --bg-600-orange: #FF7043;
  --bg-400-grey: #F8F9FB;
  --bg-100-grey: #F2F3FB;
  --bg-200-grey: #FDFDFD;
  --border-orange:#FD5E44;
  --fw-500:500;
  --clr-border:#E9E9E9;
  --clr-border-blue:#2E66F6;
  --clr-grey-1:#EAEEF5;
  --clr-dark-grey:#919191;
  --clr-dark-gemini:#9F4DC6;
  --clr-dark-camel:#E59B5B;
  --clr-setting-bg:#E5E5E5;
  --clr-input-bg:#FCFCFC;
  --clr-grey-600:#909090;
  --clr-input-border:#DFE2EB;
  --clr-sidebar-active:#F6F7F8;
  --clr-shared-bg:#F7F9FD;
  --clr-green-text:#64C354;
  --clr-green-bg:#E2FFDD;
}

.rl-fs-14{font-size: 14px;}
.rl-fs-16{font-size: 16px;}
.rl-fs-18{font-size: 18px;}
.rl-font-primary{ font-family: var(--font-primary); }
.rl-text-black{ color: var(--clr-black); }
.rl-text-gray{ color: var(--clr-400-black); }

.rl-toggle--bars .js-shapeiq-group.ss-black--border{ 
border:1px solid var(--theme-grey-0);
border-radius:4px;
}

#toast-container{z-index: 99999999;}

/*setting sidebar height 100% */
/*@Commented by Rana */
/*.rl-body--white aside.ss-fixed-aside-container {*/
/*    height: 100vh !important;*/
/*}*/
/*setting sidebar end*/


.rl-setting--full .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
  opacity: 1;
}

.rl-new--settingmenus li.ss-setting-side-nav.open h2.ss-setting-side-nav__title{
/*.rl-new--settingmenus li.ss-setting-side-nav .ss-shape-buttons li button.svg{*/
  color:var(--theme-hilight);
}

/*new setting pages design style start*/
.rl-ff-primary, .rl-setting--full .dd-list h3.rl-ff-primary{
  font-family:'Albert Sans', sans-serif !important;
}
.rl-clr-orange{
  color:var(--clr-orange) !important;
}
.rl-clr-black{
  color:var(--clr-black) !important;
}

.rl-setting-title-blue{
  color:#1e75f7 !important;
}

.rl-100-blue{
background-color: var(--clr-100-blue) !important;
}

.rl-clr-gemini{
  color: var(--clr-dark-gemini) !important;
}
.rl-clr-camel{
  color: var(--clr-dark-camel) !important;
}

.rl-main--title h4.rl-p--400.rl-clr-para,
.rl-400-black{
  color: var(--clr-400-black) !important;
}

.rl-fw-500{
  font-weight:500 !important;
}


.rl-color-dots > svg{
  fill:#919191;
}

.rl-space-evnly{
  justify-content: space-evenly !important;
}


.rl-search-container .rl-search-wrapper input.rl-settings-search{
  box-sizing: border-box;
  min-width: 353px;
  width:100%;
  height: 40px;
  border: 1px solid var(--clr-grey-1);
  border-radius: 6px;
  /* border: 1px solid var(--clr-grey-1); */
  background-color: var(--white) !important;
  height: 46px;
  font-size: 14px;
  padding-left: 35px;
  color: var(--clr-grey-600);
  font-weight: 100 !important;
  font-family: var(--font-primary) !important;
}
.rl-setting--full .rl-search-container .rl-search-wrapper:before,
.rl-setting--full .rl-search-detail .rl-search-all:before{
  background-image: url(/images/v2022/search-icon.svg);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  content: '';
  left: 10px;
  top:12px !important;
}

.rl-search-all{
    border: 1px solid var(--clr-grey-1);
    border-radius: 6px;
    height: 46px;
}
.rl-search-detail .rl-search-all > input{
   font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    font-family: var(--font-primary);
    padding: 10px 30px 10px 35px !important;
    height: 46px !important;
    color: var(--clr-grey-600);
    min-width: 353px;
}

  /*.dd-handle.dd3-handle{*/
  /*  top:0px !important;*/
  /*}*/
  /*.dd3-item .dd3-content{*/
  /*  background: #fff;*/
  /*  border-radius: 4px;*/
  /*  padding: 12px 12px 12px 35px;*/
  /*  display: flex !important;*/
  /*  justify-content: space-between;*/
  /*  }*/

.rl-svg--icon::before{
    content: url(/images/v2022/search-icon.svg);
    position: absolute;
    z-index: 999;
    padding: 11px 10px;
}


.ss-shape-buttons .rl-button-117{ 
  width: 117px;
  height: 40px; 
}
.rl-block{display:block !important; }
ul.rl-block li{display:block;}
.rl-list-row + div{display:block;}
.rl-list-row.ss-its-collaps + div{display:block;}

.rl-settings-content-wrapper{
  border-left:1px solid var(--clr-grey-1);
  border-right:1px solid var(--clr-grey-1);
  border-bottom:1px solid var(--clr-grey-1);
  background: #fff;
  padding: 0px 25px 20px 25px;
  border-radius: 0 0 6px 6px;
  top: -15px;
  position: relative;
}


.rl-settings-content-wrapper ul{list-style-type: none;}
.rl-settings-content-wrapper ul li.rl-setting_droplist:not( .rl-no-border ):not( .ss-dropdown-menu__inner-list li ):not( .ss-shape-buttons li ), 
.rl-email-inbox-list, .folder-listing {
  clear:both; border-bottom: 1px solid var(--clr-grey-1);
}

/*.rl-no-border{border:none;}*/

.rl-settings-content-wrapper ul li:last-child{border-bottom: 0;}

.folder-listing div:first-child h3{
  font-weight: 700;
  font-family: var(--font-primary) !important;
  font-size: 14px;
  display: inline;
  color:var(--clr-black);
}
.folder-listing .rl-list-row > div:first-child:before{
  background-image: url(/images/v2022/folder-close-2.svg);
  background-repeat: no-repeat;
  content: '';
  padding: 2px 10px;
  width: 23px;
  height: 23px;
}
.folder-listing .rl-list-row.ss-its-collaps >  div:first-child:before{
  background-image: url(/images/v2022/folder-open.svg);
  background-repeat: no-repeat;
  content: '';
  padding: 2px 10px;
  width: 23px;
  height: 23px;
}
  
.rl-collapse--table.closed > ul:first-child > li:first-child > button:before{
  background-image: url(/images/v2022/folder-close-2.svg);
  background-repeat: no-repeat;
  content: '';
  padding: 2px 10px;
  width: 23px;
  height: 23px;
}

.rl-collapse--table.opened > ul:first-child > li:first-child > button:before{
  background-image: url(/images/v2022/folder-open.svg);
  background-repeat: no-repeat;
  content: '';
  padding: 2px 10px;
  width: 23px;
  height: 23px;
}
 
.rl-start--folder li button.rl-folder-created{
    width: 54px;
    height: 40px;
    background: #7B80FF;
    border-radius: 4px;
    padding: 10px 17px;
    border: 1px solid #7B80FF;
}

.rl-button-wrapper .rl-folder-counts{
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: var(--clr-400-black);
    padding:5px 10px;
}

.rl-list-content{margin-top:5px;}
.rl-list-content table th{background-color: #FDFDFD;}
.rl-list-content table{
  border: 1px solid #EAEEF5;
  border-radius: 6px;
}

table.ss-table.ss-table--drip-campaigns tr td:nth-child(1), table.ss-table.ss-table--drip-campaigns tr th:nth-child(1){
  width:14%;
}
table.ss-table.ss-table--drip-campaigns tr th:nth-child(3), table.ss-table.ss-table--drip-campaigns tr td:nth-child(3){
  width:20%;
}
table.ss-table.ss-table--drip-campaigns tr th:last-child, table.ss-table.ss-table--drip-campaigns tr td:last-child{
  width:10%;
}
table.ss-table.ss-table--drip-campaigns tr th:nth-last-child(2), table.ss-table.ss-table--drip-campaigns tr td:nth-last-child(2){
  width:10%;
}
input[type="text"].user-setting-input{
  border: 1px solid var(--clr-grey-1);
  background-color: var(--white) !important;
  border-radius: 6px;
  height: 46px;
  padding:8px 16px 8px 35px !important;
  color: var(--clr-dark-grey);
  min-width:353px;
}

input[type="text"].user-setting-input-100{
    border: 1px solid var(--clr-grey-1);
    background-color: var(--white) !important;
    border-radius: 6px;
    height: 46px;
    padding:8px 16px 8px 35px !important;
    color: var(--clr-dark-grey);
}

input[type="text"].user-setting-input::placeholder{
   font-weight: 400;
  font-size: 14px;
  color:var(--clr-dark-grey);
  line-height: 21px;
  opacity: 1;
}
.rl-settings--searchbar input[type="text"]{
  font-weight: 400;
  font-size: 14px;
  color:var(--clr-dark-grey);
  line-height: 21px;
}

.rl-align--start{
  align-items:flex-start;
}

.rl-align--end{
  align-items:flex-end;
}

.table-responsive .rl-orange--tablist{
  border-bottom: 1px solid var(--clr-grey-1);
  padding: 0px 30px;
}

ul.ss-shape-buttons>li>button.ss-orange--bg.rl-orange--600,
ul.ss-shape-buttons>li>a.ss-orange--bg.rl-orange--600,
ul.ss-shape-buttons>li>input.ss-orange--bg.rl-orange--600,
.ss-leades-header-top__menu-list.rl-listing-button--menu > li:last-child >a:visited{
  background-color: var(--bg-600-orange);
  border:1px solid var(--bg-600-orange);
  font-weight: 700 !important;
  font-size: 14px !important;
  font-family: var(--font-primary) !important;
  padding:11px 18px !important;
  border-radius:6px;
  line-height: 17px;
}

.ss-listing-page.rl-listing-button--menu li button.ss-border-black{
  font-weight: 500;
  font-size: 14px;
  color:var(--clr-black);
  font-family: var(--font-primary);
  border-color:var(--clr-grey-1);
  border-radius: 6px;
  -webkit-border-radius:6px;
}

.ss-listing-page.rl-listing-button--menu li button.ss-border-black::before{
    color: var(--clr-400-black) !important;
    font-weight: 600;
}
.ss-listing-page.rl-listing-button--menu li:hover button.ss-border-black::before{
  color: #fff;
}

.rl-orange--tablist .tab-manage-users .tabs li{
  color:var(--clr-400-black);
  font-weight:var(--fw-500);
  font-family: var(--font-primary);
  font-size: 14px !important;
  position: relative;
}


.ss-lead-details-wrapper__full.rl-setting--full, 
.ss-lead-details-round.rl-setting--full,
.ss-card__full.rl-setting--full,
.ss-card__left.rl-setting--full,
.ss-card__right.rl-setting--full,
.rl-setting--full-v2{
  border:1px solid var(--clr-grey-1);
  border-radius: 8px;
  box-shadow: none;
}

.rl-setting--full .ss-lead-details__header{
  padding:15px 24px !important;
}

.rl-main--title h1{
  color:var(--clr-black) !important;
  font-weight:700;
  font-family: var(--font-primary) !important;
}

.rl-setting--full h3.title-black, 
.rl-setting--full .title-black, 
.rl-setting--full .rl-integ--title h1,
.rl-setting--full .rl-integ--title h2{
  font-weight: 500;
  font-size: 18px !important;
  color:var(--clr-black);
  font-family: var(--font-primary);
  line-height: 21.6px;
}

.rl-main--title h4.rl-p--400, .rl-p--400{
  color:var(--clr-400-black) !important;
  font-family:var(--font-primary) !important;
  font-weight:400;
  line-height:22px;
}

.rl-lh-22{
  line-height:22px !important;
}

/*new setting pages design style end*/


/*setting pages table css*/

/*table classes only*/
.ss-table.rl-border--right th{
  border: 1px solid var(--clr-grey-1);
  padding:7px 16px !important;
  /*padding:12px 16px !important;*/
  /*border-top: 1px solid var(--clr-grey-1);*/
  /*border-bottom: 1px solid var(--clr-grey-1);*/
  color:var(--clr-400-black);
  white-space: nowrap;
  font-family: var(--font-primary) !important;
  background-color: var(--bg-200-grey);
  font-size:12px;
  font-weight:500;
  position: relative;
  cursor: pointer;
  height: 24px;
}

.ss-table.rl-border--right th:first-child,
.ss-table.rl-border--right td:first-child{
padding-left:24px !important;  
border-left:none !important;
}


.ss-table.rl-border--right th > h3{
  padding-left:0px !important;
}

.ss-b-padding--custom.rl-rounded--table{
    border: 1px solid var(--clr-grey-1);
    border-radius: 8px;
    /*padding: 0px 1px;*/
    margin-bottom: 16px;
}

.rl-setting--full .ss-b-padding--custom.rl-rounded--table .ss-table.rl-border--right{
  border:none;
}

 .rl-border--right .rl-folder--title .rl-unread,
 .rl-unread-title{
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    background: none;
    color: var(--clr-black);
    }
  
  .shared-subtitle{
    font-weight:700;
    font-size:14px;
    line-height:17px;
    font-family: var(--font-primary);
    color:var(--clr-black);
  }  
  
  .rl-subtitle-data{
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    font-family: var(--font-primary);
    color:var(--clr-400-black);
  }
    
.rl-setting--full .rl-border--right.rl-outline--tbl th {
    border-right: none !important;
    border-left: none;
    background-color:#fff;
}

.rl-setting--full .ss-table.rl-border--right.rl-outline--tbl{
  border-top: none;
  border-bottom: none;
}
  .rl-shared--button span.rl-record--data,
  .rl-data-tiles{
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: var(--clr-400-black);
    font-family: var(--font-primary);
    }
    
.rl-border-bottom{
  border-bottom: 1px solid var(--clr-grey-1);
}

.rl-border-right{
  border-right: 1px solid var(--clr-grey-1);
}
.rl-border-top{
  border-top: 1px solid var(--clr-grey-1);
}

.rl-setting--full .nestedhead > h3 {
    font-family: var(--font-primary) !important;
    font-weight: 500;
    font-size: 16px;
    color: var(--clr-black);
}

.rl-setting--full .table-responsive--hide-grey .rl-table--header,
.rl-setting--full .rl-table--header{
  border:1px solid var(--clr-grey-1) !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  box-shadow: none;
  padding:10px 0px;
  border-bottom:none;
}
.rl-border-bottom-none{
    border-bottom: none !important;
    border-top: 1px solid var(--clr-grey-1) !important;
    border-left: 1px solid var(--clr-grey-1) !important;
    border-right: 1px solid var(--clr-grey-1) !important;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    box-shadow: none;
    padding: 10px 0px;
    }

.rl-setting--full .ss-table.rl-border--right.ss-table--border thead:first-child tr th{
  border-top:1px solid var(--clr-grey-1);
}

.rl-setting--full .ss-b-padding--custom.rl-rounded--table .ss-table.rl-border--right.ss-table--border thead:first-child tr th{
  border-top:none;
  border-bottom:none;
}

.rl-setting--full .ss-table.rl-border--right.ss-table--border tbody:nth-last-child(1) tr:first-child td{
  border-top:1px solid var(--clr-grey-1);
}

.rl-setting--full .ss-table.rl-border--right{
  border:1px solid var(--clr-grey-1);
  border-radius: 8px;
  -webkit-border-radius:8px;
  border-left: none;
  border-right: none;
}

.ss-table.rl-border--right td{
  padding:10px 16px;
  border-bottom:1px solid var(--clr-grey-1);
  font-size:16px;
  font-family: var(--font-primary) !important;
  background-color: #fff;
  white-space: nowrap;
}

.ss-table.rl-border--right tr:last-of-type:not(:only-of-type) td{
  border-bottom-color: var(--clr-grey-1) !important;
}

.ss-table.rl-border--right tbody tr td .ss-text__container h3{
  font-family: var(--font-primary);
  color: var(--clr-black);
  font-size: 16px;
  text-transform: capitalize;
}
.ss-table.rl-border--right tbody tr td .ss-text__container h5{
  font-family: var(--font-primary) !important;
  color: var(--clr-400-black);
  font-size: 12px !important;
}

/*checkbox rounded css*/
.ss-table.rl-border--right thead tr th.ss-pa-table label::before {
    border-radius: 4px;
}

.rl-border--right thead tr th label.ss-wh-15::before,
label.ss-wh-15::before{
  border-radius:4px;
  -webkit-border-radius:4px;
}

.rl-setting--full .rl-content--checkmark .ss-global-group 
.ss-global-group-divider-left-1of5 > label::before,
.rl-content--checkmark .ss-global-group 
.ss-global-group-divider-1of1 > label::before,
.rl-content--checkmark .ss-global-group 
.ss-global-group-divider-left-1of3 > label::before {
      border-radius: 4px;
      -webkit-border-radius:4px;
}

.rl-setting--full label.fonts-lb::before{
      border-radius: 4px !important;
      -webkit-border-radius:4px !important;
}

.rl-setting--full label.fonts-lb{
   font-family: var(--font-primary);
   color:var(--clr-black);
   font-weight: 400;
}

.ss-theme-gray--border{border: 1px solid #EAEEF5;}
.ss-radius--8{border-radius:8px;}

.rl-setting--full .rl-content--checkmark .ss-global-group 
.ss-global-group-divider-left-1of5 > label,
.rl-content--checkmark .ss-global-group 
.ss-global-group-divider-1of1 > label{
   font-family: var(--font-primary);
   color:var(--clr-black);
}

/*checkboxes rounded*/

.rl-search-btn--right{
    display: flex;
    flex-basis: 80%;
    align-items: center;
    gap: 15px;
    }

.rl-border--right thead tr th label.ss-wh--15b::before{
  border-radius:4px;
  -webkit-border-radius:4px;
  /*border: 2px solid #909090;*/
  /*margin: 5px;*/
}
.rl-border--right thead tr th label.ss-wh--15b.rl-drip-ma5::before{
  border-radius:4px;
  -webkit-border-radius:4px;
  margin: 5px;
}

/*.rl-border--right tbody.ss-table-tr--group{*/
/*  border-top:1px solid var(--clr-grey-1);*/
/*}*/
		
.user-search-icon.rl-new--searchfield{
      position: absolute;
      color: var(--black-2);
      font-size: 14px;
      top: 15px;
      left: 10px;
      width: auto;
      font-weight: var(--font-weight-400);
    }
    
  .rl-search-btn--right .form-element-field.rl-white--searchfield{
    background: #fff !important;
    font-family: var(--font-primary) !important;
    border: 1px solid var(--clr-grey-1) !important;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    }
    
.ss-table.rl-border--right thead tr th.ss-pa-table,
.ss-table.rl-border--right tbody tr td.ss-pa-table{
padding:0 20px 20px 24px !important;
}

.rl-setting--full .ss-table.rl-border--right.rl-setting-b-1 th {
    border-bottom: 1px solid var(--clr-grey-1) !important;
}

/*only for tables pagination style*/

  .rl-setting--full .dataTables_wrapper .dataTables_paginate.paging_simple_numbers{
    margin-inline: 25px;
    width: Calc(100% - 50px);
    margin-top:10px;
  }
  
  .rl-setting--full .dataTables_paginate > .paginate_button.previous::before {
    content: " ";
    background-image: url(/images/v2022/prev.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -6px;
    top: 5px;
  }
  
  .rl-setting--full .dataTables_paginate > .paginate_button.next::after {
    content: " ";
    background-image: url(/images/v2022/next.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: -6px;
    top: 5px;
    /*transform: rotate(177deg);*/
  }
  
  
  .rl-setting--full .dataTables_wrapper .dataTables_paginate .paginate_button.current{
    background: var(--bg-600-orange);
    color: #fff;
    border: 1px solid var(--orange-border);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 14px;
    outline:none;
    border:none;
  }
  .rl-setting--full .dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 5px 10px;
    color:var(--clr-grey-600);
    font-family: var(--font-primary);
    font-weight: 500;
    transition: all .4s ease-out;
  }
  
   .rl-setting--full .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled,
  .rl-setting--full .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled{
    cursor: not-allowed;
    opacity: 0.33;
  }
  .rl-setting--full .dataTables_wrapper .dataTables_paginate .paginate_button.next,
  .rl-setting--full .dataTables_wrapper .dataTables_paginate .paginate_button.next:focus,
  .rl-setting--full .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  .rl-setting--full .dataTables_wrapper .dataTables_paginate .paginate_button.previous:focus{
    font-weight: var(--fw-500);
    font-size: 14px;
    color:var(--clr-black);
    outline:none;
    border: none;
    position: relative;
    transition: all .4s ease-out;
  }
  
  
  /*.rl-setting--full .table-responsive-mmr .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,*/
  /*.rl-setting--full .table-responsive-mmr .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover{*/
  /*  color:#fff;*/
  /*}*/
  
  .rl-setting--full .table-responsive-mmr .dataTables_length,
  .rl-setting--full .dataTables_length{
    left: 20px;
    bottom:0px;
  }
  .rl-setting--full .table-responsive-mmr .dataTables_length >label,
  .rl-setting--full .dataTables_length >label{
    color:var(--clr-black);
    font-weight:var(--font-weight-400);
    font-family: var(--font-primary);
    font-size:14px;
  }
  
  .rl-setting--full .table-responsive-mmr .dataTables_length >label > select,
  .rl-setting--full .dataTables_length >label > select{
    background-color: var(--bg-400-grey);
    border-color: var(--clr-grey-1);
  }
/*setting pages table css*/



/*new setting input field css*/

.rl-new--inputfield .form-input input.form-element-field, 
.rl-new--inputfield .form-select select.form-element-field, 
.rl-new--inputfield .form-input select.form-element-field, 
.rl-new--inputfield .form-select.form-multidrip--selected .select2-container,
.rl-new--inputfield .form-input.form-multidrip--selected.multi-select-input .select2-container {
    background: var(--clr-input-bg) !important;
    border: 1px solid var(--clr-input-border) !important;
    border-radius: 6px !important;
    font-size: 16px;
    line-height: 22px;
    padding-left: 14px !important;
    height: 46px;
}


/*.rl-new--inputfield .form-input,*/
/*.rl-new--inputfield .form-select,*/
/*.rl-new--inputfield .form-input.form-multidrip--selected.multi-select-input{*/
/*  margin-bottom:58px;*/
/*}*/


/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-1of1, */
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-left-1of2,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-right-1of2,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-left-1of3,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-left-1of3--full,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-right-1of3,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-left-2of3,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-right-2of3,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-left-1of4,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-left-3of4,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-right-3of4,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-right-1of4,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-left-1of5,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-left-2of5,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-right-2of5,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-left-10p,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-left-45p,*/
/*.rl-setting--full .rl-new--inputfield > .ss-global-group:last-child .ss-global-group-divider-right-45p {*/
/*  margin-bottom:0px !important;*/
/*}*/


.rl-new--inputfield .form-element.form-select .form-element-bar::before,
.rl-new--inputfield .form-element.form-select .form-element-bar::after{
  display: none;
}

.rl-new--inputfield .rl-multi--pa-0 > .tagswidth{
  background-color: var(--clr-input-bg) !important;
}

.rl-new--inputfield .form-select.form-multidrip--selected > .tagswidth .select2-container{
  border:none !important;
}


.rl-new--inputfield .ss-froala-mr .fr-toolbar{
  border: 1px solid var(--clr-grey-1);
}


.rl-new--inputfield .ss-froala-mr .fr-box .fr-wrapper{
border: 1px solid var(--clr-grey-1);
border-bottom-color: var(--clr-grey-1) !important;
margin-top: -2px;  
background-color: var(--clr-input-bg);
}


.rl-setting--full .rl-new--inputfield .form-select.form-multidrip--selected #intakeleadtags.tagswidth{
  /*padding-left:0px;*/
  background-color: var(--clr-input-bg) !important;
}

.rl-new--inputfield .form-select.form-active--blue > select.form-element-field--blue,
.rl-new--inputfield .form-input.form-active--blue > select.form-element-field--blue,
.rl-new--inputfield .form-input > select.form-element-field--blue{
  background-color: #E9F1FF !important;
  border:1px solid var(--clr-border-blue) !important;
}


.rl-new--inputfield .select2-container--default .select2-selection--multiple .select2-selection__choice{
    font-weight: 400;
    font-size: 16px;
    font-family: var(--font-primary);
    color: var(--clr-black);
    background: var(--clr-grey-1) !important;
    border-radius: 30px;
    padding: 8px 12px;
    border:none !important;
    margin: 3px 5px 3px 0px !important;
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
}

.rl-new--inputfield .form-input label.form-element-label, 
.rl-new--inputfield .form-select label.form-element-label {
    font-family: var(--font-primary);
    font-weight: 500;
    color: var(--clr-black);
    line-height: 14.4px;
    top: 0px !important;
}

/*all white button css*/

 .rl-new__whitebtn li button.rl-button__white,
 .rl-new__whitebtn > li > .custom-select-wrapper,
 .rl-new__whitebtn .custom-select-wrapper{
  padding: 11px 18px;
  font-weight: 500;
  font-size: 14px;
  color:var(--clr-black) !important;
  font-family: var(--font-primary) !important;
  border: 1px solid var(--clr-grey-1);
  box-shadow: none;
  display:flex;
  justify-content: center;
  align-items: center;
  line-height: 21px;
  cursor: pointer;
  border-radius: 6px;
  gap:8px;
  }

  
   .rl-button__white .custom-select-trigger{
     font-weight: 500 !important;
     color:var(--clr-black) !important;
    font-family: var(--font-primary) !important;
   }
  
  .rl-button__white .custom-select-trigger::after{
    font-weight: 700;
    top: -2px;
  }
  
 .rl-new__whitebtn li button.rl-button__white:hover{
   background-color: transparent;
   color:var(--clr-black);
   border:1px solid var(--clr-grey-1);
 }
 
 
 /*all grey button css*/
 
 .rl-grey__wrapper .btn-group button.rl-grey__button,
 .rl-grey__wrapper li button.rl-grey__button{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 16px;
  gap: 10px;
  background: #F1F2F5;
  border: 1px solid #78889B;
  border-radius: 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color:var(--clr-black);
 }
 
 .rl-grey__wrapper .btn-group button.rl-grey__button::before,
 .rl-grey__wrapper li button.rl-grey__button{
   font-weight: 700;
    right: -18px;
 }
 
 /*all grey button css*/
 
 
 /*all green button */
 
 .rl-outline__green li button.rl-green__button,
 .rl-green--text{
    border-radius:30px;
    padding:7px 16px 7px 16px;
    gap:10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color:var(--clr-green-text);
    background-color:var(--clr-green-bg);
    border:1px solid var(--clr-green-text);
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
  }
 
 .rl-green--text::before{
   position: absolute;
    width: 5px;
    height: 5px;
    content: "";
    background: var(--clr-green-text);
    border-radius: 6px;
 }
 /*all green button */
 
 .rl-input--search > svg{
    position: absolute;
    top: 12px;
    left: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 
  .rl-content--body > .rl-favourites-cols:hover,
  .rl-content--body > li > button.rl-favourites-cols:hover,
  .rl-active{
    background-color:var(--clr-sidebar-active);
    cursor: pointer;
    transform: scale(1.02);
    border-radius: 6px;
  }

  
  .rl-border--right tbody tr td button.rl-no-arrow::before,
  .folder-listing button.rl-no-arrow::before,
  .rl-border--right tbody tr td button.rl-no-arrow{
    content: "";
    padding: 0;
  }
  
  .rl-setting--full .campaign--title > h3{
    font-family: var(--font-primary);
    font-weight: 500 !important;
    font-size: 12px;
    color: var(--clr-400-black);
  }
  
  .ss-table.rl-border--right th span.rl-th{
    position: relative;
    font-weight: 500;
    font-size: 12px;
    color: var(--clr-400-black);
    font-family: var(--font-primary);
  }
  .ss-table.rl-border--right th span.rl-th::after {
    content: " ";
    background-image: url(/images/sorting-arrow.svg);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    background-position: center;
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% - 5px);
    right: -14px;
    z-index: 1;
    cursor: pointer;
}

/*all button css*/


/*local-presence input css*/
.rl-new--inputfield .form-element.form-select.rl-local-presence--multiple,
.rl-new--inputfield .form-element.form-select > .tagswidth{
    border: 1px solid var(--clr-input-border);
    border-radius: 6px;
    padding: 1px 0px 0px 0px;
}
.rl-new--inputfield .form-select.form-active--blue .select2-container--default .select2-selection--multiple,
.rl-new--inputfield .form-element.form-active--blue .select2-container--default .select2-selection--multiple{
   background: #E9F1FF !important;
}
    

.rl-new--inputfield .form-element.form-active--blue .select2-container--default{
    background-color: #EBF0FF !important;
    border: 1px solid var(--blue);
    border-radius: 6px;
}
    
/*new setting input field css*/


/*listing page css added below*/
/*body.rl-body--white{*/
/*  background-color: #FFFFFF !important;*/
/*}*/

.rl-setting-body{
  background: var(--clr-setting-bg);
}

.ss-mmr.ss-bg-white.rl-new-listing{
  border: 1px solid var(--clr-grey-1);
}


.rl-setting--full .ss-mmr .table-responsive-mmr .dataTables_filter{
  border-top: 1px solid var(--clr-grey-1);
}

.ss-table.rl-border--right td > .ss-inner-dd-button-container > button,
.ss-table.rl-border--right td > .ss-inner-dd-button-container > .ss-dropdown-menu ul.ss-dropdown-menu__inner-list li button,
.ss-table.rl-border--right td > .ss-inner-dd-button-container > .ss-dropdown-menu ul.ss-dropdown-menu__inner-list li a{
  font-family: var(--font-primary);
  font-size: 16px;
}

.ss-table .ss-inner-dd-button-container button.rl-role--gray_btn.rl-new-lead{
    background: var(--clr-100-blue);
    color: var(--blue);
    border: 1px solid var(--clr-blue);
}


.ss-table.rl-border--right tbody tr td > label::before,
.ss-table.rl-border--right thead tr th > span > label::before{
      border-radius: 4px;
      /*border-color:var(--clr-100-grey);*/
}


.ss-table.rl-border--right th:last-child{
 border-right:none !important; 
}

.ss-inner-dd-button-container button.ss-border-black.rl-top--8::before{
    top: 8px;
    font-weight: 600;
    color: var(--clr-400-black);
}

.ss-lead-list-search.rl-listing--search{   
    padding: 5px;
    border: 1px solid var(--clr-grey-1);
    border-radius: 6px;
  }
  
  .ss-lead-list-search-container .ss-lead-list-search.rl-listing--search:before{
    left: 10px;
    top: 12px !important;
  }
  
  .rl-setting--full .ss-data-table__footer p.ss-data-table-filter{
    font-weight: 400;
    font-size: 14px;
    font-family: var(--font-primary);
  } 
  
  .rl-setting--full .ss-data-table__footer p.ss-data-table-filter > select{
    background: #F8F9FB;
    border: 1px solid var(--clr-grey-1);
    border-radius: 8px;
    font-family: var(--font-primary);
  }
  
  .rl-setting--full .ss-data-table__footer .dataTables_paginate .ss-shape-buttons li
  button.rl-orange-page{
    background-color: var(--bg-600-orange);
    border: 1px solid var(--border-orange);
    color:white;
    font-family: var(--font-primary);
    
  }
  
  .rl-setting--full .ss-global-group-divider-left-1of5 label{
   font-family: var(--font-primary);
  }
  
  .rl-setting--full .ss-global-group-divider-left-1of5 label::before{
   border-radius: 4px;
   }
   
  .rl-setting--full .ss-data-table__footer .dataTables_paginate .ss-shape-buttons li.next > button{
    color:#626262;
    font-weight:700;
    font-family:var(--font-primary);
  }
  
  .rl-setting--full .ss-data-table__footer .dataTables_paginate .ss-shape-buttons li.prev > button{
   color:var(--clr-100-grey);
   font-family: var(--font-primary);
   font-weight:700;
  }

  

/*listing page css added below*/

/*shared email page css*/
  .rl-shared--tabs .rl-global--emailtabs,
  .rl-global--alltabs{
    background-color: var(--clr-shared-bg);
    border: 1px solid var(--clr-grey-1);
    border-radius: 6px;
    padding: 3px 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 5px;
    gap: 1px;
    flex-wrap: wrap;
    font-family: var(--font-primary);
  }
  
  .rl-global--emailtabs li button{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 14px;
    gap: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    background-color:var(--clr-shared-bg);
    border: 1px solid var(--clr-grey-1);
    border-radius: 6px;
    box-shadow: none;
    color: var(--clr-400-black);
    font-family: var(--font-primary);
  }
  
 
  .rl-global--emailtabs li{
  vertical-align: middle; 
  }
  
  .rl-global--emailtabs li button.rl-white-tabs{
    background: #FFFFFF;
    box-shadow: 0px 4px 7px rgba(7, 14, 30, 0.06);
    border-radius: 6px;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 6px 14px;
    gap: 5px;
    font-weight:700;
    font-size:14px;
    Line-height:16.8px;
    color:var(--clr-black);
    border-color: #fff;
    font-family: var(--font-primary);
  }
  
  /*media queries*/
   @media only screen and (min-width:1266px){
    .rl-global--emailtabs li button,
      .rl-global--emailtabs li button.rl-white-tabs{
      padding: 6px 6px;
      font-size:14px;
    }
    
  }
  @media only screen and (min-width:1550px){
    .rl-global--emailtabs li button,
    .rl-global--emailtabs li button.rl-white-tabs{
      padding: 6px 14px;
    }
  }
  
  .rl-notes--bar li button.rl-recent-titles{
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    font-family: var(--font-primary);
    color:var(--clr-black);
    width:100%;
}
/*shared email page css*/

/*useful classes*/
.rl-gap-10{
  gap: 10px;
}
.rl-gap-5{
  gap: 5px;
}
.rl-gap-15{
  gap: 15px;
}
.rl-fw-400{
font-weight: 400 !important;
}
.rl-fs-16{
font-size: 16px !important;
}
.rl-lh-22{
line-height: 22px !important;
}
.rl-lh-21{
line-height: 21px !important;
}
.rl-lh-34{
  line-height: 34px !important;
}

.rl-lh-18{
  line-height:18px !important;
}

.rl-pt-11{
 padding-top:11px !important; 
}

.rl-ptb-11{
 padding-top:11px !important; 
 padding-bottom:11px !important; 
}

/*radius all classes*/
.rl-radius-8{
 border-radius:8px !important; 
}

.rl-radius-6{
 border-radius:6px !important; 
}
.rl-radius-4{
 border-radius:4px !important; 
}

body .form-select span.select2-container, body .form-input span.select2-container{height:auto !important;min-height:46px;}

.ss-shape-buttons1 li{
  list-style: none;
}
.ss-shape-buttons1 .ss-select-trigger{
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #263238;
  line-height: 22px;
  margin: 0px;
}
.ss-shape-font{
  font-family: 'Albert Sans';
  font-style: normal;
}
.ss-trigger-status svg{
  padding: 0 6px;
}
.ss-s-clrgrey{
  color:#78889B;
}
.ss-s-clrblack{
  color:#263238;
}
.ss-global-group-divider-right-1of8{
  width:67%;
  float:left;
}
  
/*uploader css  */
 .ss-upload-button-container li button.rl-import-uploader{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px 0px 35px 0px;
    background: var(--theme-grey-6);
    border: 1px dashed var(--theme-grey-9);
    border-radius: 8px;
    gap: 10px;
  }
  
 .new_uploader_wrapper .ss-upload-button-container .rl-import-col {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-direction: column;
    }