@font-face{font-family:'Poppins';src:url('../fonts/Poppins-Bold.eot');src:url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-Bold.woff2') format('woff2'),url('../fonts/Poppins-Bold.woff') format('woff'),url('../fonts/Poppins-Bold.ttf') format('truetype'),url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');font-weight:bold;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-SemiBold.eot');src:url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-SemiBold.woff2') format('woff2'),url('../fonts/Poppins-SemiBold.woff') format('woff'),url('../fonts/Poppins-SemiBold.ttf') format('truetype'),url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-Regular.eot');src:url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-Regular.woff2') format('woff2'),url('../fonts/Poppins-Regular.woff') format('woff'),url('../fonts/Poppins-Regular.ttf') format('truetype'),url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-Medium.eot');src:url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-Medium.woff2') format('woff2'),url('../fonts/Poppins-Medium.woff') format('woff'),url('../fonts/Poppins-Medium.ttf') format('truetype'),url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-ExtraBold.eot');src:url('../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),url('../fonts/Poppins-ExtraBold.woff') format('woff'),url('../fonts/Poppins-ExtraBold.ttf') format('truetype'),url('../fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');font-weight:bold;font-style:normal;font-display:swap;}

@font-face {font-family: 'Plus Jakarta Sans'; src: url('../fonts/PlusJakartaSans/PlusJakartaSans-Regular.eot');src: url('../fonts/PlusJakartaSans/PlusJakartaSans-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Regular.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Regular.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Regular.ttf') format('truetype'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Regular.svg#PlusJakartaSans-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Plus Jakarta Sans';src: url('../fonts/PlusJakartaSans/PlusJakartaSans-Medium.eot');src: url('../fonts/PlusJakartaSans/PlusJakartaSans-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Medium.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Medium.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Medium.ttf') format('truetype'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Medium.svg#PlusJakartaSans-Medium') format('svg');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Plus Jakarta Sans';src: url('../fonts/PlusJakartaSans/PlusJakartaSans-Bold.eot');src: url('../fonts/PlusJakartaSans/PlusJakartaSans-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Bold.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Bold.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Bold.ttf') format('truetype'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Bold.svg#PlusJakartaSans-Bold') format('svg');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Plus Jakarta Sans';src: url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.eot');src: url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.ttf') format('truetype'),url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.svg#PlusJakartaSans-SemiBold') format('svg');font-weight: 600;font-style: normal;font-display: swap;}



.tab-content textarea.form-control {width:100%;}
*
{
    margin: 0;
    padding: 0;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
:root
{
   --black:#000000;
   --white:#ffffff;
   --light-black:#070606;
   --light-gray:#C9C9C9;
   --orange:#F97545;
   --blue:#33CCFF;
   --header-bg:#096A92;
   --submenu-link:#8F8F8F;
   --purple-btn: #A52B7C;
   --light-purple-btn: rgba(165, 43, 124, 0.1);
   --main-font: "Plus Jakarta Sans", sans-serif;
}
body{overflow-x:hidden;font-family: var(--main-font);font-weight:400;display:flex;flex-direction:column;min-height:100vh;background-color: #DEDCF0;}
h3,.titleh3{font-family:'Poppins',sans-serif;font-weight:400;font-size:30px;line-height:45px;color:var(--light-black);text-transform:capitalize;}
a{text-decoration:none;}
img{display:block;max-width:100%;}
menu,ol,ul{padding-left:0;list-style:none;}
textarea{resize:none;}
button{border:0;outline:0;}
.width_100{width:100%;}
.width_70{width:70% !important;}
.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}
.input_field,input,textarea{border:none;outline:none;font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:27px;color:var(--black);}
.input_field::placeholder,input::placeholder,textarea::placeholder{color:var(--light-gray);}

.container{max-width:1370px;width:100%;margin:0 auto;padding:0 15px;}
/* .px_15{padding: 0 15px;} */
button{
    background: transparent;
    outline: none;
    box-shadow: none;
    border: 0;
}
.btn
{
    padding: 10px 20px;
    border-radius: 5px;
    opacity: 0.7;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: var(--white);
    text-transform: capitalize;
    border: 1px solid #676A6C;
    background: #676A6C;
    outline: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    display: inline-block;
}
.btn:hover
{
    opacity: 1;
}
.btn_orange
{
    background-color: var(--orange);
    border: 1px solid var(--orange);
}
.btn_blue
{
    background-color: var(--blue);
    border: 1px solid var(--blue);
}
.btn-tras-blue{
    background: transparent;
    color: var(--blue);
    border: 1px solid var(--blue);
}
.btn-tras-blue:hover{
    background-color: var(--blue);
    color: #ffffff;
    border: 1px solid var(--blue);
}
.btn_with_icon
{
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: space-between;
}
.bg_orange{
    background: var(--orange);
}
.btn-tras-orange{
    background: transparent;
    color: var(--orange);
    border: 1px solid var(--orange);
}
.btn-tras-orange:hover{
    background: var(--orange);
    color: #ffffff !important;
    border: 1px solid var(--orange);
}
.btn-tras-orange:hover svg path{
    fill: #ffffff;
}
.btn_with_icon:hover svg path{
    color: #ffffff !important;
}
.btn-sm{
    min-width: 120px;
    height: 40px;
    font-size: 14px;
    line-height: 21px;
    padding: 10px 15px;
}
.btn-sm-width{
    min-width: 75px;
    height: 44px;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 15px;
}
.btn-thin{
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 15px;
    min-width: 110px;
    height: 40px;
    border-radius: 10px !important;
}
.btn-radious-10{
    border-radius: 10px !important;
}
.section{
    padding: 50px 0;
}
.btn:disabled{
    opacity: 0.4;
}
.btn-small{
    font-size: 14px;
    line-height: 21px;
    min-height: 44px;
    min-width: 162px;
    padding: 10px 15px;
    font-weight: 500;
}
.btn-medium{
    font-size: 16px;
    line-height: 24px;
    min-width: 139px;
    padding: 5px 15px;
    min-height: 44px;
}
.export-btn{
    min-width: 124px;
    min-height: 45px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    padding: 2px 20px;
}
.btn-merge{
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
}

.red{
    color: var(--orange);
}
.color_orange{
    color: var(--orange) !important;
}
.color-white{
    color: var(--white);
}
.width_220{
    min-width: 220px;
}
.fw-semibold{
    font-weight: 600;
}
.width_300{
    min-width: 300px;
}
.width_160{
    min-width: 160px;
}
.width_100_per{
    width: 100% !important;
}
.width-100{
    width: 100%;
}
.w-45{
    flex: 0 0 auto;
    width: 42%;
}
.m-t-10{
    margin-top: 10px;
}
.p-t-0{
    padding-top: 0;
}
.p-b-0{
    padding-bottom: 0;
}
.m-b-0{
    margin-bottom: 0 !important;
}
.align-right{
    float: right;
}
.center{
    text-align: center;
}
hr{
    margin: 20px 0;
    border: 1px solid #D9D9D9;
}
.color-blue{
    color: var(--blue) !important;
}
.opacity-1{
    opacity: 1;
}
.left-5{
    left: -5px;
}




/*---- Heading -----*/
.h2{
    font-weight: 600;
    font-size: 25px;
    line-height: 38px;
}
.h5{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.h6{
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #676A6C;
}

/*-------- Para content --------*/
.para-content .title{
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #676A6C;
    margin-bottom: 3px;
}
.para-content a{
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #676A6C;
    margin-bottom: 3px;
}
.para-content .desc{
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #676A6C;
}

/*----------- Person Detail -----------*/
.person-dtl-list ul li{
    margin-bottom: 20px;
}
.person-dtl-list ul li:last-child{
    margin-bottom: 0;
}
.single-detail .person-name{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 3px;
}
.single-detail .person-name{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 3px;
}
.email-detail .form-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 10px;
}
.email-detail .form-content label{
    color: #676A6C;
}
.email-detail .form-content .lbl-location{
    font-size: 16px;
    line-height: 24px;
}
.email-detail .form-content .lbl-date{
    font-size: 14px;
    line-height: 21px;
}
.email-detail .person-dtl .person-name{
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 5px;
}
.email-detail .person-dtl .h6{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 5px;
}
.email-detail .para-content .desc{
    font-size: 16px;
    line-height: 24px;
}


/*------- backround color ---------*/
.bg-dark-red{
    background-color: rgba(255,56,33,1) !important;
}
.bg-light-red{
    background-color: rgba(255,56,33,.1) !important;
    /* border-right: 5px solid rgba(255,56,33,1) !important; */
    position: relative;
}
.bg-light-red:after{
    position: absolute;
    content: " ";
    width: 5px;
    height: 100%;
    right: 0;
    top: 0;
    background: rgba(255,56,33,1);
}
.bg-dark-green{
    background-color: rgba(21,173,90,1) !important;
}
.bg-light-green{
    background-color: rgba(21,173,90,.1) !important;
    position: relative;
}
.bg-light-green:after{
    position: absolute;
    content: " ";
    width: 5px;
    height: 100%;
    right: 0;
    top: 0;
    background: rgba(21,173,90,1);
}
.bg-dark-yellow{
    background-color: rgba(255,165,32,1) !important;
}
.bg-light-yellow{
    background-color: rgba(255,165,32,.1) !important;
    position: relative;
}
.bg-light-yellow::after{
    position: absolute;
    content: " ";
    width: 5px;
    height: 100%;
    right: 0;
    top: 0;
    background: rgba(255,162,32,1);
}
.bg-dark-purple{
    background-color: rgba(98,83,184,1) !important;
}
.bg-light-purple{
    background-color: rgba(98,83,184,.1) !important;
    position: relative;
}
.bg-light-purple::after{
    position: absolute;
    content: " ";
    width: 5px;
    height: 100%;
    right: 0;
    top: 0;
    background: rgba(98,83,184,1);
}
.bg-dark-pink{
    background-color: rgba(240,72,159,1) !important;
}
.bg-light-pink{
    background-color: rgba(240,72,159,.1) !important;
    position: relative;
}
.bg-light-pink::after{
    position: absolute;
    content: " ";
    width: 5px;
    height: 100%;
    right: 0;
    top: 0;
    background: rgba(240,72,159,1) ;
}

/*---- Loader -----*/
.loader-overlay{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: 300ms all;
    -webkit-transition: 300ms all;
    z-index: 100;
}
.loader-overlay.loading {
    opacity: 1;
    visibility: visible;
}
.loader-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px       rgba(255,255,255,0.1);
    margin-left: -60px;
    margin-top: -60px;
  }
  .loader-content{
    position: absolute;
    left: 50%;
    top: 56%;
    transform: translate(-50%, -100%);
    color: rgba(255, 255, 255, 0.8);
    font-family: Arial, sans-serif;
  }
  .loader-line-mask {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 120px;
    margin-left: -60px;
    margin-top: -60px;
    overflow: hidden;
    transform-origin: 60px 60px;
    -webkit-mask-image: -webkit-linear-gradient(top,#000000,rgba(0,0,0,0));
    mask-image: -webkit-linear-gradient(top,#000000,rgba(0,0,0,0));
    animation: rotate 1.2s infinite linear;
  }
  .loader-line-mask .loader-line {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
  }
  @keyframes rotate { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}}



/* ===============================================
                    Login Css
   ===============================================
*/
/* .credential_screen{display:grid;grid-template-columns:repeat(2,1fr);} */
/* .credential_info{padding:140px 0 0 0; background: var(--white);}
 */
.credential_screen.login-reg-screen{
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
}
.credential_screen.login-reg-screen .credential_info{
    flex: 0 0 auto;
    width: 50%;
}
.credential_screen.login-reg-screen .screen_image{
    flex: 0 0 auto;
    width: 50%;
}
.credential_info_content{max-width:454px;width:100%;margin:0 auto;}
.logo_credential_screen{max-width:270px;width:100%;margin:0 auto;}
.screen_image img{height:100vh;object-fit:cover;}
.Credential_detail_wrapper{margin-top:121px;}
.credenial_input_wrapper{margin-top:34px;}
.input_group{color:var(--light-gray);border-bottom:1px solid #EAEAEA;display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;position:relative;}
.credenial_input_wrapper .input_group{margin-bottom:29px;}
.required{color:var(--blue);}
.input_holder{display:flex;align-items:center;width:98%;}
.input_holder svg{margin-right:12px;}
.credenial_input_wrapper .input_field{width:calc(100% - 78px);}
.credential_action_btn{font-weight:700;font-size:18px;line-height:27px;color:var(--white);background-color:var(--blue);opacity:0.6;padding:11.5px 10px;max-width:454px;width:100%;display:block;text-align:center;margin-top:40px;transition:opacity 0.3s ease;text-transform:capitalize;}
.credential_action_btn:hover{opacity:1;}
.forgot_pass_msg{display:block;color:var(--orange);text-align:center;font-size:14px;line-height:21px;opacity:0.7;transition:opacity 0.1s ease-in-out;margin-top:15px;}
.forgot_pass_msg:hover{opacity:1;}
.credential_info_content .top-bar{
    position: relative;
}
.credential_info_content .top-bar .lnk-btn{
    position: absolute;
    left: 0;
}
.credential_info_content .sub-title{
    text-align: center;
    font-size:18px;
    line-height:27px;
    color: #8F8F8F;
    margin-bottom: 30px;
    margin-top: 5px;
}

.field_icon{color: #4f4f4f;}

.toggle-password,.toggle-confirm-password
{
    position: absolute;
    right: 15px;
    color: var(--light-gray);
}
.form-content.w-45 .toggle-password,
.form-content.w-45 .toggle-confirm-password
{
    top: 14px;
}

.Credential_detail_wrapper .input_group .required{
    margin-top: 5px;
}

.credential_screen.login-reg-screen{height: 100vh;}
.credential_screen.login-reg-screen .credential_info{flex:unset;width:100%;padding: 30px 0;}
.logo_credential_screen{max-width: 140px;}


/* ===============================================
                    Dashboard Css
   ===============================================
*/

/* --------------- Header css --------------- */
header{background-color:var(--header-bg);color:var(--white);padding:20px 0;position:sticky;top:0;left:0;right:0;z-index:11;}
.header_wrapper{display:flex;align-items:center;justify-content:space-between;}
.brand_logo{max-width:150px;}
nav{max-width:638px;width:100%;}
nav > ul{display:flex;align-items:center;justify-content:space-between;}
nav > ul > li{position:relative;padding-bottom:35px;margin-bottom:-35px;right: 100px;margin-right: 13px;}
nav > ul > li > .nav_link{color:var(--white);display:flex;align-items:center;text-transform:capitalize;font-weight:500;font-size:16px;line-height:24px;position:relative;transition:0.3s ease;white-space: nowrap;}
nav > ul > li > .nav_link svg{margin-left:5px;transition:0.3s ease;}
nav > ul > li:hover > .nav_link,nav > ul > li.active > .nav_link{color:var(--blue);}
nav > ul > li:hover > .nav_link::after,nav > ul > li.active > .nav_link::after{content:'';display:block;width:auto;height:2px;background-color:var(--blue);position:absolute;bottom:-33px;left:0;right:0;}
nav > ul > li:hover > .nav_link svg{transform:scale(-1);}
.submenu{background:white;box-shadow:4px 9px 4px rgb(0 0 0 / 1%),2px 5px 3px rgb(0 0 0 / 5%),1px 2px 2px rgb(0 0 0 / 9%),0px 1px 1px rgb(0 0 0 / 10%),0px 0px 0px rgb(0 0 0 / 10%);padding:15px;border-radius:10px;display:flex;flex-direction:column;gap:10px;position:absolute;top:35px;min-width:192px;display:none;transition:0.3s ease; z-index: 1;}
.submenu li .nav_link{color:#000;font-weight:300;font-size:14px;line-height:17px;}
.submenu li .nav_link:hover,.submenu li.active .nav_link{color:var(--blue);}
nav > ul > li:hover .submenu{display:flex;}
.nav_email_accounts_wrapper{padding:0;min-width:306px;color:#676A6C;overflow:hidden;}
.nav_email_accounts_head{display:flex;align-items:center;height:39px;padding-left:30px;border-radius:10px 0 0 0;border-bottom:1px solid #DDDDDD; z-index: 10; position: relative;}
.email_accounts_searcharea{color:#BEBEBE;width:calc(100% - 39px);display:flex;align-items:center;justify-content:space-between;margin-right:10px;height:100%;}
.email_accounts_searcharea input{font-size:14px;line-height:21px;}
.email_accounts_searcharea svg{cursor:pointer;}
.email_accounts_searcharea:hover svg{color:var(--blue);}
.add{display:flex;align-items:center;justify-content:center;width:39px;height:inherit;background:rgba(51,204,255,0.1);border-radius:0 10px 0px 0;transition:0.3s ease;color:var(--blue);border-left:1px solid #DDDDDD;}
.add:hover{background-color:var(--blue);color:var(--white);}
.email_list_wrapper{font-size:12px;line-height:18px;max-height:420px;overflow-y:auto;}
.email_list_wrapper li{display:flex;align-items:center;justify-content:space-between;padding:13px 27px 13px 30px;border-bottom:1px solid #DDDDDD;}
.email_list_wrapper li:last-child{border:0;}
.email_list_wrapper::-webkit-scrollbar{width:2px;}
.email_list_wrapper::-webkit-scrollbar-thumb{background-color:#33CCFF;}
.email_list_utilities{display:flex;align-items:center;column-gap:15px;}
.radio_switch input[type="checkbox"]{display:none;}
.radio_switch input[type="checkbox"] + label{position:relative;display:inline-block;width:49px;height:28px;background-color:var(--orange);border-radius:30px;cursor:pointer;transition:all 0.3s ease-out;}
.radio_switch input[type="checkbox"] + label::before{content:'';display:inline-block;width:24px;height:24px;border-radius:100%;background-color:white;position:absolute;top:2px;right:22px;transition:all 0.3s ease-out;}
.radio_switch input[type="checkbox"]:checked + label{background-color:var(--blue);}
.radio_switch input[type="checkbox"]:checked + label::before{right:4px;}
.radio_switch.radio_switch_sm{height:15px;}
.radio_switch.radio_switch_sm input[type="checkbox"] + label{width:26px;height:15px;}
.radio_switch.radio_switch_sm input[type="checkbox"] + label::before{width:13px;height:13px;right:12px;top:1px;}
.radio_switch input[type="checkbox"]:checked + label::before{right:1px;}
.header_email_setting{color:#BEBEBE;cursor:pointer;}
.header_email_setting:hover{color:var(--blue);}
.header_right{cursor:pointer;position:relative;}
.header_profile_wrapper{display:flex;padding-bottom:35px;margin-bottom:-35px;}
.header_admin_details{display:flex;align-items:center;}
.header_admin_details img{width:25px;height:25px;object-fit:cover;border-radius:50%;margin:0 10px;}
.admin_name{color:var(--blue);display:inline-block;margin-left:2px;max-width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-transform:capitalize;}
.header_right:hover .submenu{display:flex;}
.resetNote{font-size: 14px;margin-top: 30px;}
.readonly{
    border: 1px solid #C2C2C2;
    background: #fdfdfd;
}

/*------ Overflow Verticle --------*/
.overflow-y{
    max-height:420px;
    overflow-y:auto;
    direction:ltr;
}
.overflow-y.rtl{
    direction: rtl;
}
.overflow-y.rtl > div{
    direction: ltr;
}
.overflow-y::-webkit-scrollbar-track
{
    background: #D9D9D9;
}
.overflow-y::-webkit-scrollbar{
    width: 3px;
	background-color: #F5F5F5;
}
.overflow-y::-webkit-scrollbar-thumb{
    background-color:#33CCFF;
}

/* Firefox */
/* * {
    scrollbar-width: 1px;
    scrollbar-color: #33CCFF #F5F5F5;
} */




/* --------------- Footer css --------------- */
footer{background-color:var(--orange);color:var(--white);padding:8px 0;font-size:10px;line-height:15px;margin-top:auto;}


/* --------------- User uitlity css --------------- */
.user_utility_section
{
    background-color: var(--white);
    padding: 18px 0px;
}
.utility_flex
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.user_name
{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: var(--blue);
}
.breadcrumb
{
    display: flex;
    align-items: center;
}
.breadcrumb li
{
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #4F4F4F;
}
.breadcrumb li a{
    color: var(--submenu-link);
    font-weight: 400;
}
.breadcrumb li+li::before
{
    content: "/\00a0";
    padding: 0px 7px;
    color: var(--submenu-link);
    font-weight: 400;
}
.user_utility_btns
{
    display: flex;
    align-items: center;
    column-gap: 30px;
}
.user_utility_section .user_utility_btns{
    align-items: flex-start;
    column-gap: 20px;
}

/*------ Tab Content -------*/
.nav-tab{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.nav-tab li.nav-option{
    width: 200px;
    height: 50px;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    overflow: hidden;
}
.nav-tab li.nav-option a{
    font-weight: 600;
    font-size: 16px;
    color: #4F4F4F;
    background: #EDEFF0;
    display: block;
    height: 50px;
    padding: 13px 0;
}
.nav-tab li.nav-option a.activelink{
    background: #FFFFFF;
    color: #4F4F4F;
}
.tab-panel{
    padding: 50px;
    background: #fff;
}
.tab-panel-list.active{
    display: block;
}
.tab-panel-list.hide{
    display: none;
}


/*------ Filter Content ------*/
.filter-section{
    display: none;
}
.filter_area {
    background: #FDFDFD;
    border: 1px solid #E7EAEC;
    padding: 20px 77px 20px 30px;
    position: relative;
}
.filter-flex{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    column-gap: 50px;
    position: relative;
}
.filter_area  .filter_input_search{
    min-width: 650px;
}
.filter_area  .filter_input_search  label{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #4F4F4F;
}
.filter_area  .filter_input_search .input-field{
    background: transparent;
    text-indent: 0;
    color: #4F4F4F;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}
.filter_area .filter_input_search .input-with-icone .icone{
    right: 0;
}
.filter_area  .filter_input_search .input-field::-webkit-input-placeholder {
    color: #BEBEBE;
}
.filter_area  .filter_input_search .input-field:-ms-input-placeholder {
    color: #BEBEBE;
}
.filter_area  .filter_input_search .input-field::placeholder {
    color: #BEBEBE;
}
.filter_area .search-content .input-with-icone .icone {
    right: 0;
}


.filter_area  .filter_input_search .input-with-icone{
    margin-top: 20px;
    flex-direction: row-reverse;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 19px;
}
.filter_area .filter_search_btn .btn{
    min-width: 144px;
}

.filter_area .filter_dropdown{
    min-width: 165px;
}
.filter_area .nice-select{
    border:1px solid #D9D9D9;
}
.filter_area .nice-select .list{
    margin-top: 0;
}
.filter_area .nice-select.open{
    border-radius: 5px 5px 0 0;
}
.filter_area .nice-select.open .list{
    border-radius: 0 0 5px 5px;
    border:1px solid #D9D9D9;
    box-shadow: none;
}
.filter_area .nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
    margin-left: -1px;
    margin-right: -1px;
}
.filter_area .nice-select .option:hover,
.nice-select .option.focus,
.filter_area .nice-select .option.selected.focus {
    background-color:  #D9D9D9;
}
.filter_area .nice-select .option:hover,
.filter_area .nice-select .option.focus,
.filter_area .nice-select .option.selected.focus {
    font-weight: 400;
    color: #4F4F4F;
}


/*-------- Filter Section Location -----------*/
.filter-section-location .filter_dropdown{
    position: absolute;
    bottom: 0;
    right: 17%;
    top: 50%;
}
.filter-section-location .filter_search_btn{
    position: absolute;
    bottom: 0;
    right: 0;
}



/*--------- Search Content ----------*/
.search-content label{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #4F4F4F;
}
.search-content .input-field{
    background: transparent;
    text-indent: 0;
    color: #4F4F4F;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}
.search-content .input-with-icone{
    margin-top: 20px;
    flex-direction: row;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 20px;
}
.search-content .label-list{
    padding: 0;
}

.label-list.selected-item{
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #D9D9D9;
}
.label-list.selected-item.lbl-md{
    border-bottom: 0;
    padding: 0;
}



/*------- Input With Icone -------*/
.input-with-icone{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100%;
    align-items: center;
}
.input-with-icone .icone{
    display: flex;
    position: absolute;
    right: 15px;
}
.input-with-icone .input-field{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    text-indent: 10px;
}

/*------ With Radious --------*/
.input-with-icone.radious{
    padding: 10px 25px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 200px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    min-height: 50px;
}
.input-with-icone.radious .input-field{
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    text-indent: 0;
    color: #676A6C;
}
.input-with-icone .icone {
    display: flex;
    position: absolute;
    right: 25px;
    cursor: pointer;
    background: #fff;
    height: 30px;
    width: 30px;
    padding: 5px;
    z-index: 1;
}
.search-default .input-with-icone .icone {
    right: -3px;
}

/*------- Placeholder -----*/
.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color:   #676A6C !important;
    opacity: 1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #676A6C !important;
    opacity: 1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:   #676A6C !important;
    opacity: 1;
}
.form-control::-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #676A6C !important;
    opacity: 1;
}

.input-with-icone.radious input::placeholder {
    color: #D6D7D8;
}
.input-with-icone.radious ::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
    color: #D6D7D8;
}
.input-with-icone.radious ::-moz-placeholder {  /* Firefox 19+ */
    color: #D6D7D8;
}
.input-with-icone.radious :-moz-placeholder { /* Firefox 18- */
    color: #D6D7D8;
}
.input-with-icone.radious :-ms-input-placeholder {  /* Edge/IE 10+ */
    color: #D6D7D8;
}







/*------ selected item list -------*/
.label-list{
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
}
.label-list label{
    opacity: 0.8;
    color: #ffffff;
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    padding: 6px 10px;
    margin: 5px;
    min-width: auto !important;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.label-list .bg_default{
    background: #F3F3F4;
    color: #676A6C;
}
.label-list label .strong{
    font-weight: 500;
}
.label-list label .normal{
    font-weight: 400;
}
.label-list label svg{
    vertical-align: middle;
    width: 10px;
    cursor: pointer;
    position: relative;
    top: 0;
}
.label-list label:hover{
    opacity: 1;
}
.label-list.lbl-md label{
    padding: 4px 14px;
    min-height: 31px;
    min-width: 190px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #676A6C;
    transition: all 0.3s ease-in-out;
    align-items: flex-start;
}
.label-list.lbl-md label .selectFromName{
    word-break: break-word;
    text-align: left;
    width: 100px;
}
.label-list.lbl-md label .selectEmail{
    word-break: break-all;
    text-align: left;
    width: 150px;
}
/* .label-list label:hover{
    background: var(--blue);
    color: #ffffff;
} */
.label-list label svg path{
    transition: all 0.3s ease-in-out;
}
.label-list label:hover svg path{
    fill: #ffffff;
}
.label-list label.bg_orange{
    background: var(--orange);
    line-height: 16px;
}
.label-list label.bg_orange svg {
    top: -1px;
}
.label-list label{
    display: flex;
    align-items: center;
    line-height: 12px;
}
.label-list label .checkbox{
    margin-right: 5px;
}
.label-list label .btn-trash{
    margin-left: 7px;
}



/*---------- Form ---------------*/
.form-group{
    display: flex;
    flex-direction: row;
    column-gap: 50px;
    flex-flow: wrap;
    align-items: center;
}
.form-content .form-label{
    width: 60px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #4F4F4F;
    vertical-align: middle;
}
.form-content{
    margin-bottom: 30px;
}
.form-control{
    background: #EEEEEE;
    border: 1px solid #E5E6E7;
    min-width: 300px;
    min-height: 45px;
    padding: 8px 20px;
    color: #4F4F4F;
}
.form-content.check-list .check-inline input[type="checkbox"]{
    margin-right: 10px;
}
.form-content.check-list .check-inline label{
    word-break: break-all;
    width: auto;
    min-width: 150px;
}
.form-content .form-control,
.form-content .dropdown{
    font-size: 16px;
    line-height: 24px;
}
.btn-trash{
    color: #939393;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}
.hidden{
    display: none;
}
.tab-two .width_300 {
    min-width: 25%;
    margin-bottom: 20px;
    width: calc((100% / 4) - 4px);
    padding-right: 15px;
}
.tab-two .check-list {
    flex-flow: wrap;
    width: 100%;
}
.tab-two .input-with-icone .icone {
    right: 18px;
    top: 15px;
}
.form-content{
    position: relative;
    align-items: center;
    display: flex;
}


/* #add_check_email-error{
    position: absolute;
    top: 50px;
    left: 15px;
    color: red;
} */
select.form-control.dropdown{
    background: url(../images/icn-select-caret.svg) #EEEEEE;
    background-repeat: no-repeat;
    border: 1px solid #E5E6E7;
    background-repeat: no-repeat;
    background-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    background-position-x: 95%;
    background-position-y: 50%;
    border-radius: 0;
    color: #676A6C !important;
}
select.form-control.dropdown.in {
    background: url(../images/icn-select-caret-up.svg) #EEEEEE;
    background-repeat: no-repeat;
    border: 1px solid #E5E6E7;
    background-repeat: no-repeat;
    background-size: 17px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    background-position-x: 95%;
    background-position-y: 50%;
}
select.form-control.dropdown > option {
    color: initial !important;
}
.form-control:disabled{
    color: #676A6C !important;
}
.form-content select.form-control > option {
    color: initial !important;
}
.form-control-sm{
    padding: 5px 16px;
    min-height: 30px;
    min-width: 240px;
    font-size: 14px;
    line-height: 21px;
}
.box-radioud-100{
    border-radius: 100px;
}
.form-content.search-default{
    background: #EEEEEE;
    border: 1px solid #E5E6E7;
    padding: 10px 20px;
}
.form-content.search-default .input-field{
    background: transparent;
    text-indent: 0;
    color: #676A6C;
}


/*--------- Color Picker ---------*/
.colorpick-eyedropper-input-trigger{
    display: none;
}
.color-picker {
    position: relative;
    min-width: 200px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
}
.color-code {
    position: absolute;
    top: 10px;
    left: 45px;
    background: transparent;
    min-width: 150px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #676A6C;
}
.color {
    top: 5px;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    z-index: 1;
    background: url(../images/icn-color-picker.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}
.color-picker input[type="color"]{
    opacity: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
}


/*------- Form General Detail -----*/
.form-general-dtl .form-label{
    min-width: 150px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin: 0 0 14px;
    color: #000;
}

/*------- Email Account Field -----*/
.form-email-account .form-content .input-with-icone{
    width: 80%;
    margin-bottom: 40px;
}
.form-email-account .form-content.check-list{
    margin-bottom: 20px;
}


/*------- Placeholder -----*/
input::placeholder {
    color: #676A6C;
}
::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
    color: #676A6C;
}
::-moz-placeholder {  /* Firefox 19+ */
    color: #676A6C;
}
:-moz-placeholder { /* Firefox 18- */
    color: #676A6C;
}
:-ms-input-placeholder {  /* Edge/IE 10+ */
    color: #676A6C;
}



/*---------- Link List ---------*/
.lnk-list ul{
    display: flex;
}
.lnk-list.inline ul{
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
}
.lnk-list.inline ul li{
    position: relative;
}
.lnk-list.inline ul li:after{
    content: "|";
    padding: 0px 7px;
    color: #D9D9D9;
    font-weight: 400;
    padding: 0px 12px 0 9px;
}
.lnk-list.inline ul li:last-child::after{
    display: none;
}
.lnk-list.inline ul li{
    margin-left: 0;
    position: relative;
}
.lnk-btn{
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #676A6C;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: transparent;
}
.lnk-btn:hover{
    color: var(--blue);
}
.lnk-btn.delete:hover{
    color: #FF0000;
}


/*------ Location Popup -----*/
.loc-info-list{
    left: 0;
    width: 220px;
    height: auto;
    min-height: 60px;
    position: absolute;
    background: #ffffff;
    top: 0;
    z-index: 1;
    padding: 10px;
    transform: translate(-10%, -50%);
    border-radius: 5px;
    border: 1px solid var(--orange);
    color: #fff;
    border:1px solid var(--orange) !important;
}
.loc-info-list::after{
    border-color: var(--orange) transparent transparent;
    border-image: none;
    border-right: 10px solid transparent;
    border-right-style: solid;
    border-right-width: 10px;
    border-right-style: solid;
    border-right-width: 10px;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 10;
}
.loc-info-list::before{
    border-color: #fff transparent transparent;
    border-image: none;
    border-right: 8px solid transparent;
    border-right-style: solid;
    border-right-width: 10px;
    border-right-style: solid;
    border-right-width: 10px;
    border-style: solid;
    border-width: 8px;
    content: " ";
    height: 0;
    left: 51%;
    margin-left: -15px;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 1000;
}
.loc-info-list .close{
    position: absolute;
    right: 8px;
    width: 20px;
    height: 20px;
    color: #000;
    padding: 3px;
    text-align: center;
    line-height: 14px;
    top: 10px;
    cursor: pointer;
    z-index: 100;
}
.loc-info .address .title .h5 {
    font-size: 12px;
    line-height: 16px;
    width: 90%;
}
.loc-info .address a,
.loc-info .address .phone-num {
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    color: #676A6C;
    text-decoration: none;
}
.loc-info .address p,
.loc-info .address .add1,
.loc-info .address .add2 {
    font-size: 10px;
    line-height: 14px;
    color: #676A6C;
    width: 100%;
}


.lnk-list.inline ul li .loc-info-list{
    visibility: hidden;
    opacity: 0;
    top: -25px;
    transition: all 0.3s ease-in-out;
    border: 1px solid #DDDDDD;
    transition: all 0.6s ease-in-out;
    box-shadow: 0px 2px 2px rgba(0,0,0, 0.3);
}
.lnk-list.inline ul li .loc-info-list .address .title {
    margin-bottom: 3px;
}
.lnk-list.inline ul li .loc-info-list.in{
    visibility: visible;
    opacity: 1;
    top: -60px;
}





/*------------- Close popup ----------*/
.closePopup {
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}
.closePopup:hover{
    opacity: 1;
}


/*-------- Dropdown --------*/
.dropdown{
    padding: 10px 20px;
    width: 164px;
    height: 47px;
    border: 0.5px solid #D9D9D9;
    border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #4F4F4F;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    font-family: 'Poppins',sans-serif;
}
.dropdown.in{
    background: url(../images/icn-select-caret-up.svg) #ffffff;
    background-repeat: no-repeat;
    background-size: 17px;
    background-position-x: 90%;
    background-position-y: 55%;
}
.nice-select:after {
    border: 0 !important;
    content: '';
    display: block;
    height: 20px;
    margin-top: -10px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 20px;
}
.nice-select:after{
    background: url(../images/icn-select-caret.svg) #ffffff;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-x: 90%;
    background-position-y: 50%;
}
.nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    right: 18px;
    top: 35%;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #D9D9D9 !important;
}
.nice-select .option.selected.focus {
    font-weight: 600;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    font-weight: 600;
}
.nice-select .option:hover{
    background: #D9D9D9;
}




/*---------- Box Content ---------*/
.box-content{
    background: #ffffff;
    width: 100%;
    padding: 50px;
}


/*------------- Inline List ----------*/
.flex-row{
    display: flex;
}
.flex-dir-row{
    flex-direction: row;
}
.flex-dir-col{
    flex-direction: column;
}
.flex-justify-center{
    justify-content: center;
}
.flex-align-center{
    align-items: center;
}
.flex-align-start{
    align-items:flex-start;
}
.flex-align-bottom{
    align-items: flex-end;
}
.flex-justify-spacebetween{
    justify-content: space-between;
}
.flex-justify-end{
    justify-content:flex-end;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-col{
    width: 50%;
    flex: 0 0 50%;
    padding: 0 15px;
}
.flex-col-55{
    width: 55%;
    flex: 0 0 55%;
}
.flex-col-53{
    width: 53%;
    flex: 0 0 53%;
}
.flex-col-56{
    width: 56%;
    flex: 0 0 56%;
}
.flex-col-45{
    width: 45%;
    flex: 0 0 45%;
}
.flex-col-50 {
    width: 50%;
    flex: 0 0 50%;
}
.flex-col-47 {
    width: 47%;
    flex: 0 0 47%;
}
.flex-col-44{
    width: 44%;
    flex: 0 0 44%;
}
.flex-col-40{
    width: 40%;
    flex: 0 0 40%;
}
.flex-col-60{
    width: 60%;
    flex: 0 0 60%;
}
.flex-col-100{
    width: 100%;
    flex: 0 0 100%;
}


/*-----  Pagination ------*/
.paginationDiv .pagination{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.page_numbers{
    width: auto;
    height: auto;
    text-align: center;
    padding: 5px;
    color: #000;
    background: #ffff;
    border: 1px solid #DDDDDD;
    min-width: 34px;
    display: flex;
    max-height: 34px;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    justify-content: center;
}
.pageShow .page_numbers{
    color:  #ffff;
    background: #096a92;
    border: 1px solid #676A6C;
}
.page_btn{
    padding: 5px 10px;
    color:  #676A6C;
}


/*----------- Checkbox -------------*/
.check-list{
    display: flex;
    align-items: center;
    flex-direction: row;
}
.check-inline{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.check-inline input[type=checkbox] {
    width: 25px;
    height: 25px;
    color: var(--blue);
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    outline: 0;
    flex-grow: 0;
    border-radius: 0;
    background-color: #FFFFFF;
    border: 1px solid #676A6C;
    transition: 300ms;
    cursor: pointer;
}
.check-inline input[type=checkbox]::before {
    content: "";
    color: transparent;
    display: block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    border: 0;
    background-color: transparent;
    background-size: contain;
}
.check-inline input[type=checkbox]:checked {
    background-color: currentcolor;
}
.check-inline input[type=checkbox]:checked::before {
    box-shadow: none;
    background-image: url("../images/check-white.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    top: -1px;
    position: relative;
    left: -1px;
}
.check-inline input[type=checkbox]:disabled {
    background-color: #CCD3D8;
    opacity: 0.84;
    cursor: not-allowed;
}
.check-inline input[type=checkbox]::-ms-check {
    content: "";
    color: transparent;
    display: block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    border: 0;
    background-color: transparent;
    background-size: contain;
    box-shadow: inset 0 0 0 1px #CCD3D8;
}
.check-inline input[type=checkbox]:checked::-ms-check {
    box-shadow: none;
    background-image: url("../images/check-white.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    top: -1px;
    position: relative;
    left: 0;
}
.check-inline .chk-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #676A6C;
    line-break: anywhere;
    width: 100%;
}

/*-------- Process Counter Top ------------*/
.process-counter{
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9;
}
.contact-status label{
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}
.contact-status label strong{
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
}


/*----------- Data Counter ------------*/
.data-counter-lbl label{
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #8F8F8F;
}
.data-counter-lbl label strong{
    color: #676A6C;
    font-weight: 600;
}
.data-counter-lbl.block label{
    max-width: 100%;
    display: block;
}

/*------------ Table -------------*/
.table{
    width: 100%;
    border-collapse: collapse;
}
.table-body-area{
    background: #ffffff;
    width: 100%;
    padding: 30px;
    position: relative;
    overflow-y: hidden;
    margin-bottom: 20px;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-header-area{
    padding: 0;
}
.table tr{
    display: table-row;
    text-align: left;
    vertical-align: middle;
}
.table th,
.table td{
    padding: 15px;
    color: #676A6C;
    border-bottom: 1px solid #DDDDDD;
}

.table td a{
    color: #676A6C;
}
.table td a.btn.btn_orange 
{
    color: #ffffff;
}
.table td a.lnk-btn{
    /* font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #676A6C !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}
.table td a.lnk-btn:hover{
    color: var(--blue) !important;
}
.table th label{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.table th label .icone{
    margin-left: 8px;
    cursor: pointer;
}
/* .table th label:after{
    position: absolute;
    content: "";
    background: url(../images/icn-asnd-dcnd.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    height: 20px;
    width: 15px;
    right: -30px;
    cursor: pointer;
} */
.table td{
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    max-width: 160px;
    position: relative;
    z-index: 0;
}
.table td label{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 150px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #676A6C;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #F9F9F9;
}
.table .check-inline {
    justify-content: center;
}
.table .lnk-list{
    position: relative;
    top: 0;
}
.table-footer-area{
    padding: 20px 30px 30px 30px;
}
.table-footer-area .pagination{
    height: 40px;
    line-height: 40px;
}
.table .label-list{
    border-bottom: 0;
}
.table .label-list label{
    margin: 2px;
    width: auto !important;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 3px 6px;
    height: 25px;
}
.table .label-list{
    padding: 0;
}

.table .para-content .title,
.table .para-content .title a{
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}
.table .para-content .desc{
    font-weight: 300;
    font-size: 13px;
    line-height: 20px;
}
.table td .lnk-list ul li{
    display: flex;
    flex-wrap: wrap;
}


/*---------- Table Under Process --------*/
#table-under-proces thead th:first-child{
    width: 5%;
}
#table-under-proces thead th:nth-child(2){
    width: 20%;
}
#table-under-proces thead th:nth-child(3){
    width: 45%;
}
#table-under-proces .h6{
    margin-bottom: 5px;
}
#table-under-proces .btn.btn-sm {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: var(--orange);
    padding: 10px 15px;
}
#table-under-proces .btn.btn-sm:hover svg path{
    fill: #fff;
}

/*----------- Tabler Processed -----------*/
#table-proces thead th:first-child{
    width: 25%;
}
#table-proces thead th:nth-child(2){
    width: 25%;
}
#table-proces thead th:nth-child(3){
    width: 25%;
}
#table-proces thead th:last-child{
    width: 25%;
}
#table-proces tr {
    display: table-row;
    text-align: left;
    vertical-align: top;
}


/*----------- Delete Popup ----------*/
.popup-bottom{
    position: fixed;
    bottom: -140px;
    left: 50%;
    max-width: 1224px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    transform: translate(-50%,-50%);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.popup-black{
    /* width: 100%; */
    padding: 20px;
    background: #000;
    /* position: absolute;
    left: 0;
    bottom: -140px; */
    text-align: right;
}
.popup-bottom.show{
    bottom: -37px;
    opacity: 1;
    visibility: visible;
}


.popup-black .text-content h4{
    font-weight: 400;
}
.popup-black .btn{
    background: #FFFFFF;
    border-radius: 5px;
    padding: 7px 10px;
    opacity: 1;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #28a745;
    transition: all 0.3s ease-in-out;
}
.popup-black .btn svg{
    display: inline-block;
    vertical-align: middle;
}
.btn-delete:hover{
    background: #28a745;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}
.btn-delete:hover svg path{
    fill: #ffffff;
    transition: all 0.3s ease-in-out;
}
.popup-black .text-content{
    margin-right: 15px;
}
.popup-black .btn-No{
    color: #f00;
}
.popup-black .btn-No:hover{
    background: #f00;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}
.popup-black .btn.btn-tras-orange{
    color: var(--orange);
    border: 1px solid var(--orange);
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    padding: 10px 15px;
}
.popup-black .btn.btn-tras-orange:hover {
    background: var(--orange);
    color: #ffffff !important;
    border: 1px solid var(--orange);
}
.popup-black .btn.btn-tras-orange:hover svg path {
    fill: #fff;
}

/*---------- Data Counter ----------*/
.data-counter-lbl label{
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #8F8F8F;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 5px;
}
.data-counter-lbl label span{
    color: #676A6C;
    font-weight: 600;
}
.data-counter-lbl label span.show-data{
    color: var(--blue);
}
.data-counter-lbl label span.item-number {
    color: var(--blue);
}
.data-counter-lbl label .hide-data{
    color: #676A6C;
    font-weight: 600;
}


/*--------- Select Show Data ---------*/
.show-data-counter{
    padding: 30px 0;
}
.show-data-select{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 10%;
    justify-content: flex-end;
}
.show-data-select label{
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #8F8F8F;
    margin-right: 10px;
}
.show-data-select .select-number{
    display: inline-block;
}
.show-data-select .select-number select{
    border: 1px solid #DDDDDD;
    height: 31px;
    border-radius: 0;
    padding: 5px 10px;
    min-width: 55px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 16px;
    color: #676A6C;
    font-family: 'Poppins',sans-serif;
}
select:focus-visible{
    border: 1px solid #DDDDDD;
    box-shadow: none;
    outline: none;
}


.show-data-select .select-number .nice-select:after {
    background: url(../images/icn-caret-down.svg) no-repeat 100%;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-x: 80%;
    right: 5px;
}

.show-data-select .select-number select {
    background: url(../images/icn-caret-down.svg) no-repeat 100% #ffffff;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-x: 80%;
    background-position-y: 57%;
    right: 0;
    transform: scale(1);
    color: var(--blue);
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}
.show-data-select .select-number select option:not(:checked) {
    color: #676A6C;
}
.show-data-select .select-number .nice-select.open:after{
    right: 6px;
    top: 30%;
}

.show-data-select .select-number .nice-select{
    min-width: 50px;
    height: 31px;
    border-radius: 0;
    border: 1px solid #DDDDDD;
    padding: 0px 7px;
    line-height: 31px;
    font-size: 14px;
    font-weight: 600;
    color: #676A6C;
}

.show-data-select .nice-select.wide .list {
    margin-top: 0;
    border-radius: 0;
}

/* .dropdown.in{
    background: url(../images/icn-select-caret-up.svg) #ffffff;
    background-repeat: no-repeat;
    background-size: 17px;
    background-position-x: 90%;
    background-position-y: 55%;
}
.nice-select:after {
    border: 0 !important;
    content: '';
    display: block;
    height: 20px;
    margin-top: -10px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 20px;
}
.nice-select:after{
    background: url(../images/icn-select-caret.svg) #ffffff;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-x: 90%;
    background-position-y: 50%;
}
.nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    right: 18px;
    top: 35%;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #D9D9D9 !important;
}
.nice-select .option.selected.focus {
    font-weight: 600;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    font-weight: 600;
}
.nice-select .option:hover{
    background: #D9D9D9;
} */


.show-data-select .select-number{
    position: relative;
}
.show-data-counter .input-with-icone.radious{
    width: 50%;
}


/*---------- Filter Button ----------------*/
.btn-filter{
    position: relative;
    min-width: 120px;
}
.btn-filter:after{
    position: absolute;
    content: "";
    background: url(../images/icn-filter.svg);
    background-repeat: no-repeat;
    background-position: center right;
    width: 16px;
    height: 16px;
    background-size: 100%;
    right: 20px;
    transition: all 0.2s ease-in-out;
}
.btn-filter.in{
    opacity: 1;
}
.btn-filter.in:after{
    background: url(../images/icn-close-round.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 100%;
}



/*-------------- Modal Popup Content ---------*/
.popup-area{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    z-index: 100;
}
.popup-content{
    width: 920px;
    background: #FFFFFF;
    /* Popup Shadow */
    box-shadow: 4px 9px 4px rgba(0, 0, 0, 0.01),
                2px 5px 3px rgba(0, 0, 0, 0.05),
                1px 2px 2px rgba(0, 0, 0, 0.09),
                0px 1px 1px rgba(0, 0, 0, 0.1),
                0px 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 23px;
}
/*-----------------------------------
Popup
-----------------------------------*/
.popupMain {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999999;text-align: center;overflow: auto;opacity: 0;visibility: hidden;transition: 300ms all;-webkit-transition: 300ms all;padding: 15px; z-index: -1;}
.popupMain:before{content:'';display: inline-block;vertical-align: middle;margin-left: -5px;height: 100%;}
.popVisible {opacity: 1;visibility: visible; z-index: 10000;}
.overlayer{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(7, 6, 6, 0.7);opacity: 0;visibility: hidden;transition: 300ms all;-webkit-transition: 300ms all;}
.popVisible .overlayer{opacity: 1;visibility: visible;}
.popBody{display: inline-block;vertical-align: middle;text-align: left;position: relative;z-index: 99;transition: 600ms all;-webkit-transition: 600ms all;background: #fff; max-width: 930px;width: 100%;height: auto;overflow: hidden;border-radius: 23px;/* -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%); */}
.popBody:before{position: absolute;left: 0;right: 0;top: 50px;bottom: 50px;background-color: #fff;content: '';z-index: -1;}
.popVisible .popBody{
    -moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);
    box-shadow: 4px 9px 4px rgba(0, 0, 0, 0.01), 2px 5px 3px rgba(0, 0, 0, 0.05), 1px 2px 2px rgba(0, 0, 0, 0.09), 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
}
/* .poptitle{display: block; padding: 7px 19px;position: relative;background:#ff7130;} */
.poptitleTxt{display:inline-block;font-weight: 700;font-size: 18px;color: #fff;line-height: 24px;padding: 6px;}
.popDetails{padding:50px;float: left;width: 100%;    max-height: calc(100vh - 80px); overflow-y: auto;}
.bodyFixed{ /*position: fixed;*/left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.closePopup{position: absolute; right: 15px; top: 5px;width: 30px;height: 30px;transition: all 0.4s ease-in-out;z-index: 2;}

.inner-content{
    padding: 0;
}
.popupMain .label-list.lbl-md label{
    margin-top: 0;
    width: auto;
    margin-left: 0;
}
.popupMain.multiple-popup .person-dtl-list .person-dtl .person-name,
.popupMain.multiple-popupAll .person-dtl-list .person-dtl .person-name{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 3px;
}
.popupMain .form-content.user-selector{
    width: 100%;
}
.popupMain .form-content.user-selector .selected-item{
    width: 100%;
}
.popupMain .label-list.lbl-md label .selectFromName {
    word-break: break-word;
    text-align: left;
    width: auto;
}
.popupMain .label-list.lbl-md label .selectEmail {
    word-break: break-all;
    text-align: left;
    width: auto;
    margin-left: 5px;
}

/*--------- Popup  -------*/
.popupMain .overflow-y{
    padding-right: 30px;
}
.multiple-popup .popBody,
.multiple-popupAll .popBody{
    max-width: 1000px;
    max-height: 820px;
}
.popupMain .flex-col{
    position: relative;
}
.popupMain .form-content {
    margin-bottom: 30px;
}
.popupMain .flex-col-45 .form-control{
    min-width: 100%;
}
.popupMain .form-control{
    padding: 8px 20px;
}
.popupMain .inner-content{
    margin-top: 20px;
    margin-bottom: 50px;
}
.popupMain .tab-panel{
    padding: 20px 0;
}
.popupMain .nav-tab li.nav-option,
.popupMain .nav-tab-multi li.nav-option {
    margin: 0 10px;
    border-radius: 5px;
    width: 158px;
    min-height: 50px;
}
.popupMain .nav-tab li.nav-option:last-child,
.popupMain .nav-tab-multi li.nav-option:last-child{
    margin-right: 0;
}
.popupMain .nav-tab li.nav-option .btn,
.popupMain .nav-tab-multi li.nav-option .btn{
    padding: 10px;
}
.popupMain .nav-tab li.nav-option:first-child,
.popupMain .nav-tab-multi li.nav-option:first-child{
    margin-left: 0;
    width: 212px;
    min-height: 50px;
}
.popupMain .nav-tab li.nav-option a.btn,
.popupMain .nav-tab-multi li.nav-option a.btn{
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #ffffff;
    opacity: 0.4;
    width: 100%;
}
.popupMain .nav-tab li.nav-option a.btn.activelink,
.popupMain .nav-tab-multi li.nav-option a.btn.activelink{
    opacity: 1;
}
.popupMain .nav-tab li.nav-option a.btn.btn_orange,
.popupMain .nav-tab-multi li.nav-option a.btn.btn_orange{
    background: var(--orange);
    min-height: 50px;
}
.popupMain .nav-tab li.nav-option a.btn.btn_blue,
.popupMain .nav-tab-multi li.nav-option a.btn.btn_blue{
    background: var(--blue);
    min-height: 50px;
}

.popupMain .input-with-icone.radious{
    min-height: 50px;
    border: 1px solid #D9D9D9;
    max-width: 390px;
    position: relative;
}
.popupMain .input-with-icone.radious a{
    top: 13px;
    position: absolute;
    right: 22px;
}
.popupMain .input-with-icone.radious .input-field {
    line-height: 24px;
}
.popupMain .input-with-icone.radious #submit_add_tag{
    top: 3px;
    position: relative;
    right: -5px;
}


/*------- Placeholder -----*/
.popupMain .input-with-icone.radious input::placeholder {
    color: #D6D7D8;
}
.popupMain .input-with-icone.radious ::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
    color: #D6D7D8;
}
.popupMain .input-with-icone.radious ::-moz-placeholder {  /* Firefox 19+ */
    color: #D6D7D8;
}
.popupMain .input-with-icone.radious :-moz-placeholder { /* Firefox 18- */
    color: #D6D7D8;
}
.popupMain .input-with-icone.radious :-ms-input-placeholder {  /* Edge/IE 10+ */
    color: #D6D7D8;
}
.popupMain .form-control{
    min-width: 250px;
}
.popupMain .form-general-dtl .form-label {
    min-width: 130px;
    margin-right: 15px;
}
.popupMain .w-45 label.error{
    right: -17px;
}


.multiple-popup .flex-col,
.multiple-popupAll .flex-col{
    padding: 0;
}
.multiple-popup .form-content,
.multiple-popupAll .form-content {
    margin-bottom: 15px;
}
.multiple-popup .flex-col-53 .form-content,
.multiple-popupAll .flex-col-53 .form-content {
    margin-bottom: 25px;
}
.multiple-popup .overflow-y,
.multiple-popupAll .overflow-y {
    max-height: 640px;
}
.multiple-popup .btn-group,
.multiple-popupAll .btn-group{
    position: absolute;
    bottom: 8%;
    left: 15px;
    transform: translate(0, 100%);
}
.multiple-popup .tab-panel-list{
    min-height: 280px;
}
.address-list.overflow-y,
.address-list-all.overflow-y{
    max-height: 280px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    margin-bottom: 20px;
    margin-top: 10px;
}
.address-list.overflow-y.show,
.address-list-all.overflow-y.show{
    opacity: 1;
    visibility: visible;
    padding-right: 10px
}
.multiple-popup .card-detail,
.multiple-popupAll .card-detail{
    position: relative;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}
.multiple-popup .form-content.search-default .input-field,
.multiple-popupAll .form-content.search-default .input-field{
    font-size: 16px;
    line-height: 24px;
}
.multiple-popup .card-detail .chk,
.multiple-popupAll .card-detail .chk {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}
.multiple-popup .search-default .icone,
.multiple-popupAll .search-default .icone{
    right: -8px;
    top: -3px;
    background: #eee;
}

.multiple-popup .card-detail.selected,
.multiple-popupAll .card-detail.selected{
    background: var(--orange);
}
.multiple-popup .card-detail.selected .address a,
.multiple-popup .card-detail.selected .address .phone-num,
.multiple-popup .card-detail.selected .address .city-name,
.multiple-popup .card-detail.selected .address p,
.multiple-popup .card-detail.selected .address .add1,
.multiple-popup .card-detail.selected .address .add2{
    color: #fff;
}
.multiple-popup .form-detail.overflow-y,
.multiple-popupAll .form-detail.overflow-y{
    max-height: 480px;
    margin-bottom: 10px;
    padding-top: 25px;
    padding-right: 5px;
}
.multiple-popupAll .card-detail.selected .address a,
.multiple-popupAll .card-detail.selected .address .phone-num,
.multiple-popupAll .card-detail.selected .address .city-name,
.multiple-popupAll .card-detail.selected .address p,
.multiple-popupAll .card-detail.selected .address .add1,
.multiple-popupAll .card-detail.selected .address .add2{
    color: #fff;
}
.multiple-popupAll .form-detail.overflow-y{
    max-height: 480px;
    margin-bottom: 10px;
}
.popupMain .flex-col.flex-col-56{
    padding-right: 15px;
}
.popupMain .flex-col.flex-col-44{
    padding-left: 15px;
}

.multiple-popup .flex-col.flex-col-44 .form-group .form-content.m-b-0,
.multiple-popupAll .flex-col.flex-col-44 .form-group .form-content.m-b-0{
    width: 100%;
}


.single-popup .label-list{
    border-bottom: 0;
    border-bottom: 1px solid #D9D9D9;
}
.single-popup .popup-black .btn{
    float: right;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: var(--orange);
    border-radius: 10px !important;
    padding: 10px 15px;
}
.single-popup .inner-content {
    margin-top: 30px;
    width: 100%;
}
.single-popup .form-content {
    margin-top: 30px;
    width: 100%;
 }


/*------------ Popup Small ----------*/
.popupsmall .popBody{
    max-width: 636px;
    min-height: 260px;
}
.popupsmall .search-default .input-with-icone .icone {
    background: #eee;
}

/*--------- Popup Merge Contact ------*/
.mergecontact .form-content{
    width: 56%;
    margin: 0 auto;
}
.mergecontact .popDetails{
    padding-top: 83px;
    padding-bottom: 50px;
}
.mergecontact .btn-group{
    margin-top: 30px;
}
.mergecontact .form-content.search-default{
    padding: 9px 20px;
    min-height: 45px;
}
.mergecontact .form-content.search-default .input-field{
    font-size: 16px;
    line-height: 24px;
}
.mergecontact .btn{
    min-height: 44px;
    font-size: 14px;
    line-height: 21px;
    min-width: 153px;
    padding: 10px 18px;
}


/*--------- Popup Message  --------*/
.msgpopup .popDetails{
    padding: 50px 45px;
}
.msgpopup .overlayer{
    display: none;
}
.msgpopup .popDetails .h2{
    margin-bottom: 5px;
}
.msgpopup .para-content{
    margin-bottom: 30px;
}
.msgpopup .para-content .desc{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.msgpopup .btn-group .btn{
    margin: 0 10px;
    min-width: 84px;
    min-height: 44px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 21px;
}




/*--------- Card Detail ---------*/
.card-detail{
    padding: 30px;
    border-radius: 20px;
    background: #F3F3F4;
}
.address{
    font-style: normal;
}
.address .title {
    margin-bottom: 10px;
}
.address .city-name{
    color: #676A6C;
}
.address a,
.address .phone-num{
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #676A6C;
    text-decoration: none;
}
.address a:hover,
.address .phone-num:hover{
    text-decoration: underline;
}
.address p,
.address .add1,
.address .add2{
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #676A6C;
    width: 80%;
}

/*---------- Label User Mail Id --------*/
.user-selector .form-label {
    width: 100%;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #4F4F4F;
    vertical-align: middle;
}
.user-selector .lbl-user-id{
    background: #F3F3F4;
    min-width: 240px;
    height: 30px;
    padding: 5px 15px;
    font-size: 14px;
    line-height: 18px;
    color: #676A6C;
    transition: all 0.2s ease-in-out;
}
.user-selector .lbl-user-id .unm{
    font-weight: 500;
}
.user-selector .lbl-user-id .uid{
    font-weight: 400;
}
.user-selector .lbl-user-id:hover{
   background: var(--blue);
   color: #ffffff;
}



/*---------- Section Processed Edit ------------*/
.section-proceed-edit .search-content .input-with-icone{
    margin-top: 0;
    padding-bottom: 4px;
}
.section-proceed-edit .search-content label{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    min-width: 130px;
}
.section-proceed-edit .form-area{
    padding-top: 50px;
}
.section-proceed-edit .form-area .form-content .form-label {
    width: 95px;
    min-width: 133px;
}
.section-proceed-edit .form-area .flex-col.flex-col-60 .form-content {
    margin-bottom: 20px;
    padding-left: 48px;
    padding-bottom: 8px;
}
.section-proceed-edit .form-area .flex-col.flex-col-60 .form-content .input-with-icone.radious a#submit_add_tag{
    position: absolute;
    right: 20px;
    top: 14px;
    background: #fff;
    padding-left: 5px;
}
.section-proceed-edit .form-area .flex-col.flex-col-60 .form-content .width-100{
    position: relative;
}
.section-proceed-edit .form-area .flex-col.flex-col-60 .form-content .width-100 p.error{
    top: -13px;
    z-index: 20;
}
.section-proceed-edit .form-area .form-control {
    min-width: 300px;
    min-height: 45px;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 24px;
}
.section-proceed-edit .flex-col{
    padding: 0;
}
.section-proceed-edit .flex-col .form-content{
    margin-bottom: 20px;
}
.section-proceed-edit .flex-col.flex-col-60{
    padding-left: 50px;
}
.section-proceed-edit .flex-col .overflow-y{
    max-height: 400px;
    padding: 35px 0 0 50px;
}
.section-proceed-edit .flex-col .overflow-y p.error{
    left: -6px;
    top: -32px;
    right: unset;
}
.section-proceed-edit .person-dtl {
    position: relative;
}
.section-proceed-edit .flex-col .label-list{
    padding-bottom: 10px;
}
.section-proceed-edit .flex-col .label-list .lbl-list-title{
    display: block;
    width: 100%;
    font-size: 12px;
    margin-left: 10px;
    color: #4F4F4F;
}
.section-proceed-edit .flex-col .width-100{
    padding: 10px 0 5px 0;
}
.section-proceed-edit .flex-col .inner-content{
    padding-top: 5px;
    padding-bottom: 27px;
}
.section-proceed-edit .person-dtl-list{
    padding-top: 0;
}
.section-proceed-edit .person-dtl .text{
    margin-left: 25px;
}
.section-proceed-edit .person-dtl .person-name{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.section-proceed-edit .person-dtl .check-inline{
    margin-top: 5px;
}
.section-proceed-edit .person-dtl .check-inline input[type="checkbox"]{
    width: 20px;
    height: 20px;
}
.section-proceed-edit .person-dtl .label-list{
    padding-bottom: 10px;
    padding-left: 40px;
    padding-top: 5px;
}
.section-proceed-edit .person-dtl .check-inline input[type="checkbox"]:checked::before {
    background-size: 15px;
}
.section-proceed-edit .person-dtl .text{
    position: relative;
    width: 100%;
}
.section-proceed-edit .person-dtl .text .btn{
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 500;
    font-size: 12px;
    padding: 5px 10px;
    height: 30px;
    line-height: 16px;
}

.section-proceed-edit .search-content .label-list-icone label.bg_default svg{
    top: -1px;
    width: 13px;
    height: 13px;
    opacity: 0.8;
}
.section-proceed-edit .search-content .label-list-icone label.bg_default:hover svg{
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.section-proceed-edit .search-content .label-list-icone label.bg_default:hover svg path{
    fill: #939393;
}





.dropdown-with-multiselect{
    padding: 10px 20px;
    width: 100%;
    height: 47px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    font-family: 'Poppins',sans-serif;
    position: relative;
}
.dropdown-with-multiselect button{
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #4F4F4F;
}
.dropdown-with-multiselect .dropdown-item-list{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -40px;
    padding: 5px;
    visibility: hidden;
    opacity: 0;
    background: #ffffff;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    top: 100%;
    height: auto;
    min-height: 280px;
    z-index: 1;
    overflow-y: scroll;
}
.dropdown-with-multiselect.show .dropdown-item-list{
    visibility: visible;
    opacity: 1;
}

.dropdown-item-list .nesting-item li.has-child-top{
    border-bottom: 1px solid #F1F1F1;
}
.dropdown-item-list .nesting-item li.has-child-top:last-child{
    border-bottom: 0;
}
.dropdown-item-list .nesting-item li a{
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


/*----------- Nesting -----------*/
.nested-list {
    display: none;
}
.nesting-item li{
    width: 100%;
}
.nesting-item .title {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #676A6C;
    position: relative;
    width: 100%;
    display: block;
}
.nesting-item .title .icn::before {
    display: inline-block;
    margin-right: 0px;
    background: url(../images/icn-acc-plus.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    position: unset;
    content: "";
    position: relative;
    top: 1px;
}
.nesting-item .title.title-active .icn:before{
    background: url(../images/icn-acc-minus.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    position: unset;
    content: "";
    position: relative;
    top: 1px;
}
.nesting-item li ul.nested-list{
    padding-left: 10px;
}
.nesting-item li ul.nested-list.active {
    display: block;
}
.nesting-item li .chk-inline{
    display: flex;
    flex-direction: row;
}
.nesting-item li .chk-inline .title{
    margin-left: 5px;
}
.nesting-item li .chkbox-item{
    display: inline-block;
    vertical-align: middle;
}
.nesting-item li .chk-lbl.title{
    width: 100%;
    position: relative;
}
.dropdown-item-list .nesting-item li.has-child ul.nested-list li{
    margin-bottom: 5px;
}
.dropdown-item-list .nesting-item .title.title-active .chk-lbl span{
    color: #33CCFF;
}
.dropdown-check-list {
    display: inline-block;
    position: relative;
}
.dropdown-check-list .caret-down{
    position: absolute;
    height: 47px;
    width: 45px;
    right: 0;
}
.dropdown-check-list .caret-down:before{
    content: "";
    background: url(../images/icn-select-caret.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    height: 18px;
    width: 18px;
    right: 30%;
    top: 40%;
    transform: rotate(0deg);
    transition: all 0.15s ease-in-out;
}
.dropdown-check-list.visible .caret-down:before{
    transform: rotate(-180deg);
    top: 25%;
}
.dropdown-check-list .anchor {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 5px 50px 5px 10px;
    border: 1px solid #ccc;
}
.dropdown-check-list .anchor:after {
    position: absolute;
    content: "";
    border-left: 2px solid black;
    border-top: 2px solid black;
    padding: 5px;
    right: 10px;
    top: 20%;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.dropdown-check-list .anchor:active:after {
    right: 8px;
    top: 21%;
}
.dropdown-check-list .items {
    padding: 2px;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}
.dropdown-check-list .items li {
    list-style: none;
}
.dropdown-check-list.visible .items {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}
.dropdown-item-list .nesting-item li {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.dropdown-check-list{
    padding: 0;
    width: 200px;
    height: 47px;
    border: 0.5px solid #D9D9D9;
    border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #4F4F4F;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    font-family: 'Poppins',sans-serif;
    cursor: pointer;
}
.dropdown-check-list .selected-item{
    padding: 10px 20px;
    display: block;
    width: 100%;
    min-height: 44px;
}
.dropdown-check-list.visible .dropdown-item-list {
    display: block;
    width: 200px;
    position: relative;
    min-width: 200px;
    z-index: 1;
    background: #fff;
    border-radius: 5px;
    border: 0.5px solid #D9D9D9;
    max-height: 500px;
    overflow-y: scroll;
}
.dropdown-item-list .check-inline input[type=checkbox] {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.dropdown-item-list .check-inline input[type=checkbox]:checked::before {
    background-size: 10px;
}
.dropdown-item-list .nesting-item .title {
    display: flex;
    align-items: center;
}
.dropdown-item-list .nesting-item .title span,
.dropdown-item-list .nesting-item li .chk-lbl{
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #676A6C;
}
.dropdown-item-list .nesting-item .title .icn{
    margin-left: 15px;
}
.dropdown-check-list.visible .selected-item {
    color: #4F4F4F;
    width: 180px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/*---------------- Alert Box --------------------*/
.alert{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: flex-start;
    position: fixed;
    min-width: 400px;
    left: 50%;
    min-height: 50px;
    padding: 10px;
    background: #cecece;
    top: 2%;
    transform: translate(-50%, -5%);
    border-radius: 5px;
    z-index: 100;
    text-align: center;
    /* visibility: hidden;
    opacity: 0; */
    transition: all 0.3s ease-in-out;
    margin-top: 50px !important;
}
.alert.in{
    visibility: visible;
    opacity: 1;
}
.alert .title{
    text-align: right;
}

.alert .text{
    word-break: initial;
}
.alert .close{
    width: 26px;
    height: 26px;
    cursor: pointer;
    font-size: 13px;
    position: absolute;
    right: -2%;
    top: -11%;
    background: #000;
    border-radius: 50px;
    color: #fff;
    border: 3px solid #868686;
    line-height: 22px;
    transition: all 0.3s ease-in-out;
}
.alert .content{
    margin-bottom: 0;
    padding: 10px 0;
}

.alert-success{
    color: #155724;
    background: #d4edda;
    visibility: visible;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: flex-start;
    position: fixed;
    min-width: 400px;
    left: 50%;
    min-height: 50px;
    padding: 10px;
    top: 13%;
    transform: translate(-50%, -5%);
    border-radius: 5px;
    z-index: 100;
    /* opacity: 1; */
    transition: all 0.3s ease-in-out;
}
.alert-success .close{
    background: #7ac48c;
    border: 3px solid #155724;
    color: #155724;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    visibility: visible;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: flex-start;
    position: fixed;
    min-width: 400px;
    left: 50%;
    min-height: 100px;
    padding: 10px;
    top: 13%;
    transform: translate(-50%, -5%);
    border-radius: 5px;
    z-index: 100;
    /* opacity: 0; */
    transition: all 0.3s ease-in-out;
}

.alert-danger .close{
    background: #f5c6cb;
    border: 3px solid #721c24;
    color: #721c24;
}

.alert-error {
    color: #df0b20;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    visibility: visible;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: flex-start;
    position: fixed;
    min-width: 400px;
    left: 50%;
    min-height: 50px;
    padding: 10px;
    top: 13%;
    transform: translate(-50%, -5%);
    border-radius: 5px;
    z-index: 100;
    /* opacity: 0; */
    transition: all 0.3s ease-in-out;
}

.alert-error .close{
    background: #f5c6cb;
    border: 3px solid #df0b20;
    color: #df0b20;
    opacity: 600;
}

/*
1399px
1199px
991px
767px
*/

/* written by Manoj */
.checklist {
    display: none;
}
.checklist.in {
    display: flex;
}


/*----------- Validation Css --------------*/
#login{
    position: relative;
}
label.error,
p.error,
.invalid-feedback{
    position: absolute;
    right: 0;
    top: -23px;
    width: auto;
    height: auto;
    margin: 0;
    -webkit-font-smoothing: auto;
    font-size: 11px;
    line-height: 13px;
    background: #fb0101;
    padding: 5px 6px;
    color: #fff;
    min-width: 190px;
}
label.error:after,
p.error:after{
    border-color: #fb0101 transparent transparent;
    border-right-color: transparent;
    -moz-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-right: 6px solid transparent;
    border-right-style: solid;
    border-right-width: 6px;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    left: 177px;
    margin-left: -10px;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 10;
}
.form-control.error{
    border-color: #fb0101;
}
.tab-two p.error{
    display: none;
    top: -30px;
    left: 20px;
    min-width: auto;
    z-index: 1;
    font-size: 12px;
    padding: 8px 10px;
    line-height: 12px;
    width: fit-content;
}
.tab-two p.error.show{
    display: block;
}
.invalid-feedback{
    right: unset;
    top: -37px;
    min-width: 80%;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: 14px;
    padding: 8px 0px;
}
.invalid-feedback strong{
    font-weight: 600;
}
.invalid-feedback:after{
    border-color: #fb0101 transparent transparent;
    border-image: none;
    border-right: 6px solid transparent;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 100%;
    width: 0;
}
.credential_info .form-check .form-check-label{
    margin-left: 10px;
}

.w-45 label.error, .w-45 p.error, .w-45 .invalid-feedback {
    right: 7px;
    min-width: 150px;
}


/*------------- Dropdown Cutom ---------------*/
.dropdown{
    background: url(../images/icn-select-caret.svg) #ffffff;
    background-repeat: no-repeat;
    background-size: 17px;
    background-position-x: 90%;
    background-position-y: 55%;
}
.dropdown.in{
    background: url(../images/icn-select-caret-up.svg) #ffffff;
    background-repeat: no-repeat;
    background-size: 17px;
    background-position-x: 90%;
    background-position-y: 55%;
}


/*------------- Custom Css Of Table ---------------*/

.table.table-role thead th .check-inline {
    justify-content: flex-start;
}
.table-role thead th:first-child{
    width: 7%;
}
.btn-info{
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-info-trans{
    background: transparent;
    border-color: #28a745;
    color:#28a745;
    opacity: 1;
}
.btn-info-trans:hover{
    background:#28a745;
    border-color: #28a745;
    color: #ffffff;
}
.btn-primary{
    color: #fff;
    background-color: #6fdbff;
    border-color: #6fdbff;
}
.btn-primary-trans{
    color: #6fdbff;
    background: transparent;
    border-color: #6fdbff;
    opacity: 1;
}
.btn-primary-trans:hover{
    color: #ffffff;
    background: #6fdbff;
    border-color: #6fdbff;
}
.btn-danger{
    color: #fff;
    background-color: rgba(255,56,33,1);
    border-color: rgba(255,56,33,1);
}
.btn-danger-trans{
    background: transparent;
    color: rgba(255,56,33,1);
    border-color: rgba(255,56,33,1);
    opacity: 1;
}
.btn-danger-trans:hover{
    background: rgba(255,56,33,1);
    color: #ffffff;
    border-color: rgba(255,56,33,1);
}
.border-top{
    border-top: 1px solid #f3f3f4;
}

/*-------------- Section Edit Role -------------*/
.section-role .form-group .form-content label{
    min-width: 180px;
    display: inline-block;
}
.section-role .form-group .form-content .lbl-permision{
    width: 25%;
    flex: 0 0 25%;
    margin-bottom: 10px;
}
.section-role .form-group{
    column-gap: unset;
    align-items: center;
}
.section-role .form-group.align-start{
    align-items: flex-start;
}
.section-role .form-group .check-inline input[type="checkbox"]{
    margin-right: 10px;
}
.section-role .form-group.btn-group{
    padding-top: 20px;
    text-align: center;
    justify-content: center;
}
.section-role .label.label-success{
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #868686;
    text-transform: capitalize;
    background-color: rgb(243, 243, 244);
    min-width: 130px !important;
    text-align: center;
    margin: 3px;
}

.table-content{
    position: relative;
}


/*----------- Radio Button List -------------*/
.inline-radio-btn-list{
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 55px;
    justify-content: space-between;
}
.inline-radio-btn-list .lbl-radio{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #757575;
}
.radio-btn-list input:checked,
.radio-btn-list input:not(:checked) {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}
.radio-btn-list span{
    position: relative;
    min-width: 80px;
    display: inline-block;
    vertical-align: middle;
}
.radio-btn-list input:checked + label,
.radio-btn-list input:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    color: #676A6C;
    font-size: 14px;
    line-height: 22px;
}
.radio-btn-list input:checked + label:before,
.radio-btn-list input:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #E5E6E7;
    border-radius: 100%;
    background: #fff;
}
.radio-btn-list input:checked + label:after,
.radio-btn-list input:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--blue);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.radio-btn-list input:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.radio-btn-list input:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.table-header-area .data-counter-lbl{
    width: 25%;
}
.table-header-area  form{
    width: 70%;
}
.table-header-area  form  .input-with-icone{
    min-width: 550px;
}
.table-header-area  form .input-with-icone .icone {
    display: flex;
    position: absolute;
    right: 18px;
    cursor: pointer;
    top: 9px;
}
.table-header-area form .input-with-icone .icone button{
    cursor: pointer;
}
.nav-tab-multi{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.tab-content-multi .tab-panel-list{
    display: none;
}
.tab-content-multi .tab-panel-list.active{
    display: block;
}


.multiple-popup .flex-col .form-group .input-with-icone #submit_add_tag {
    top: 3px;
    position: relative;
    right: -5px;
}
.multiple-popup .flex-col .form-group .form-content.m-b-0{
    flex-direction: column;
}
.multiple-popup .flex-col .form-group .form-content.m-b-0 .label-list.selected-item.checkbox_container{
      width: 100%;
}

.multiple-popupAll .flex-col .form-group .input-with-icone #submit_add_tag {
    top: 3px;
    position: relative;
    right: -5px;
}
.multiple-popupAll .flex-col .form-group .form-content.m-b-0{
    flex-direction: column;
    align-items: flex-start;
}
.multiple-popupAll .flex-col .form-group .form-content.m-b-0 .label-list.selected-item.checkbox_container{
      width: 100%;
}
.multiple-popup .form-control,
.multiple-popupAll .form-control{
    width: 100%;
}
.typeahead.dropdown-menu{
    top: 40px !important;
    left: 0px;
    position: absolute;
    z-index: 1;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 5px;
    min-height: 120px;
    max-height: 130px;
    overflow-y: scroll;
    display: none;
}
.typeahead.dropdown-menu.show{
    display: block;
}
.typeahead.dropdown-menu li{
    margin-bottom: 5px;
    text-align: left;
}
.typeahead.dropdown-menu li a{
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #676A6C;
}
.typeahead.dropdown-menu li a strong{
    color: var(--blue);
    font-weight: 400;
}

.maildetail{
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 3px;
    margin-left: 5px;
    color: #676A6C;
}
#table-companies thead tr th:first-child{
    width: 5%;
}
#table-contactlist thead tr th:first-child{
    width: 5%;
}
#user-list thead tr th:first-child{
    width: 5%;
}
.company-label {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: #4F4F4F !important;
}

.company-details label.error, .company-details p.error, .company-details .invalid-feedback {
    right: 175px;
    top: -20px;
}

.mergecontact .form-group .typeahead.dropdown-menu{
    display: block;
    min-height: 100px;
    min-width: 300px;
    left: -22px !important;
    top: 37px !important;
}
label.lbl-view-more{
    margin: 2px 0px !important;
    font-size: unset !important;
    height: auto !important;
    line-height: unset !important;
    padding-left: 3px !important;
}
label.lbl-view-more a.lnk-btn.lnk-view-more{
    color: var(--blue) !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    width: auto !important;
    padding: 3px 6px;
    height: 25px;
    min-width: auto !important;
    text-align: center;
    transition: all 0.3s ease-in-out;
    opacity: 0.8;
    background: transparent;
    border: 1px solid var(--blue) !important;
    border-radius: 100px;
}
label.lbl-view-more a.lnk-btn.lnk-view-more:hover{
    color: #fff !important;
    background: var(--blue) !important;
    border: 1px solid var(--blue) !important;
}


/* .popupMain.single-popup.single-popup-test-ai .form-group.btn-group
{
    margin-top: 20px;
} */
.popupMain.single-popup.single-popup-test-ai .popDetails .flex-col 
{
    display: flex;
    align-items: center;
    padding: 0px;
}
.popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-content{margin-top: 0;min-width: 400px;}
.popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-group.btn-group{margin-left: 30px;column-gap: 0;}
.popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-group.btn-group .btn-clear-test-ai{margin-left: 0;}
.popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-content .form-label{font-size: 20px;margin-right: 10px;width: calc(100% - 320px);}
.popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-content .form-control.search{min-width: 320px;}
.popupMain.single-popup.single-popup-test-ai .popDetails .display-output
{
    background: #f3f3f3;
    padding: 20px;
    margin-top: 30px;
}
.popupMain.single-popup.single-popup-test-ai .popDetails .form-control.search
{
    background-color: transparent;
}
.popupMain.single-popup.single-popup-import-csv .popDetails .form-content
{
    flex: unset;
    flex-direction: column;
    align-items: flex-start;
}
.popupMain.single-popup.single-popup-import-csv .popDetails .form-content .form-label
{
    width: 100%;
    margin-bottom: 10px;
}
.popupMain.single-popup.single-popup-import-csv form .btn-group{margin-top: 30px;column-gap: 0;row-gap: 15px;}
.popupMain.single-popup.single-popup-import-csv form .btn-group .btn-save-qa{margin-right: 15px;}
.popupMain.single-popup.single-popup-import-csv form .form-content input[type="radio"]:nth-of-type(2){margin-left: 10px;}
.filter_area .filter_dropdown .dropdown.wide
{
    padding: 10px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter_area .filter_dropdown .dropdown.wide,
.filter_area .filter_dropdown .dropdown.wide.in
{
	background-size:14px;
	background-position-x:95%;
}
.table td a.btn_blue{color: #ffffff;margin-right: 8px;}
#table-companies tbody td,.table td{max-width: unset;} 
.loader-overlay{z-index: 100001;}
header nav{max-width: 340px;}
#table-sitemapdata td{vertical-align: top;}
#table-sitemapdata td .btn{max-width: 90px;padding: 10px;}
#groupsFilter .filter-flex{column-gap: 20px;}
.user_utility_section .user_utility_btns .export-btn{min-height:49px;padding: 10px 20px;}
input.delete{cursor: pointer;}

nav > ul > li{padding-bottom:0;margin-bottom:0;}
nav > ul > li > .nav_link{padding-bottom:35px;margin-bottom:-35px;}
nav > ul > li:hover > .nav_link::after,
nav > ul > li.active > .nav_link::after
{
    bottom: 0;
}

table .editable .form-control{width: 100%;}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}
.load {
    margin: 0 auto;
    width: 50px;
    height: 50px;
    border:solid 8px #096a92;
    border-radius: 50%;
    border-right-color: transparent;
    border-bottom-color: transparent; 
    -webkit-transition: all 0.5s ease-in;
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         1.0s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    transition: all 0.5s ease-in;
    animation-name:             rotate; 
    animation-duration:         1.0s; 
    animation-iteration-count:  infinite;
    animation-timing-function: linear;  
}
.processing_text{margin-top:5px;text-align:center;}
.loader_container{margin-top:15px;}

.popupMain.single-popup.single-popup-add-stocks .form-group.flex-dir-row
{
    flex-direction: column;
    align-items: flex-start;
}
.popupMain.single-popup.single-popup-add-stocks .form-control
{
	min-width:initial;
	width:100%;
    margin-bottom: 20px;
}
.popupMain.single-popup.single-popup-add-stocks .form-control.used{margin-bottom: 30px;}
.popupMain.single-popup.single-popup-add-stocks .form-label{margin-bottom: 5px;}
.popupMain.single-popup.single-popup-add-stocks .filter_dropdown{margin-bottom: 30px;}
.popupMain.single-popup.single-popup-add-stocks .filter_dropdown,
.popupMain.single-popup.single-popup-add-stocks .dropdown
{
    width: 100%;
}
.popupMain.single-popup.single-popup-add-stocks .dropdown,
.popupMain.single-popup.single-popup-add-stocks .dropdown.in
{
    background-position-x: 97%;
}

.table-stocks thead tr th:first-child
{
    width: unset !important;
}
.table-stocks thead tr th.stock-image
{
    width: 30%;
}

table.attributes{border: 1px solid #DDDDDD;border-collapse: collapse;}
table.attributes tbody tr:last-child td{border: 0;}
table.attributes tbody tr td:first-child{font-weight: 600;border-right: 1px solid #DDDDDD;}
table.attributes tbody tr td{padding: 15px 12px;}
table.attributes tbody tr{background-color:#f1f1f1 !important;}


.popupMain.single-popup.single-popup-add-stocks .form-group.btn-group{column-gap: 0;}
.popupMain.single-popup.single-popup-add-stocks .form-group.btn-group button:first-child{margin-right: 20px;}
.display-output{background:#ededed;padding:10px 15px;margin-bottom:15px;color:#676A6C;font-size:15px;}



.location-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.location-table th, .location-table td {
    padding: 10px;
    border: 1px solid #dddddd;
    text-align: center;
}

/* Flexbox centering for checkboxes and labels */
.location-table th div, .location-table td div {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Styling for checkboxes and labels */
.form-check-input {
    margin-right: 5px; /* Reduced margin for closer alignment */
    cursor: pointer;
}

.locationlabel {
    font-weight: bold;
    cursor: pointer;
}

/* chat window css start */ 
.chat-container {
    display: grid;
    width: 100%;
    /* grid-template-columns: 0% 100%; */
    height: 100%;
}

.chat-list {
    width: 100%; /* Set width to 100% to utilize the full grid column */
    /* border-right: 1px solid #; */
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding: 0; /* Remove padding */
    margin: 0;  /* Remove margin */
    margin-bottom: 10px;
}

.list {
    list-style-type: none;
    padding: 1.3rem;
    cursor: pointer;
}

.list:hover {
    background-color: #fa723a;
    color: #FFFFFF;
}

.active {
    background-color: #096a92;
    color: #FFFFFF;
}

.messages {
    width: 100%; /* Set the width to take up the full available space */
    padding: 10px 15px;
    border-radius: 15px;
    font-size: 14px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.all-msg {
    padding: 20px;
    /* height: 300px; */
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.input-container {
    display: flex;
    padding: 15px;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
}

.msg-input {
    flex: 1;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #ddd;
    margin-right: 10px;
}

.send-btn {
    padding: 10px 20px;
    background-color: #6c5ce7;
    color: white;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}

.msgBubble {
    max-width: 70%;
    padding: 10px 15px;
    border-radius: 15px;
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
}

.msgBubble.sent {
    /* background-color: #fa723a;
    color: white;
    align-self: flex-end;
    border-radius: 15px 15px 0 15px; */
    color: black;
    align-self: flex-end;
    border-radius: 15px 15px 0 15px;
    border: 1px solid #e5e3e378;
    font-weight: 500;
}

.msgBubble.received {
    /* background-color: #096a92; */
    /* color: #fff;
    align-self: flex-start;
    border-radius: 15px 15px 15px 0; */
    color: black;
    align-self: flex-start;
    border-radius: 15px 15px 15px 0;
    border: 1px solid #e5e3e378;
    font-weight: 500;
}

.msg-time {
    /* font-size: 10px;
    color: #fff;
    margin-top: 5px;
    display: block;
    text-align: right; */
    font-size: 10px;
    color: #636363;
    display: block;
    text-align: right;
    margin-top: 10px;
    font-weight: bolder;
    margin-right: 22px;
}
.msg-time svg{
    position: absolute;
    right: 10px;
}
.msg-status{
    text-align: right;
}

.message_menu_btns.received {
    position: absolute;
    top: 5px;
    left: -17px;
}

.message_menu_btns.sent {
    position: absolute;
    top: 5px;
    right: -9px;
}
.message_menu_btns.received .options-menu{
    position: absolute;
    left: 0px;
    top: 30px;
    background: #fff;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px;
    z-index: 1;
    display: none;
}
.message_menu_btns.sent .options-menu {
    position: absolute;
    right: 0px;
    top: 30px;
    background: #fff;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px;
    z-index: 1;
    display: none;
}

.option-btn {
    display: block;
    width: 100px;
    padding: 2px;
    border: none;
    background: #fff;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
}
.option-btn:hover {
    background: #f1f1f1;
}

/***** Dropdwon Header Css Start****/
.dropdown-menu-logs {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #dddd;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  .dropdown-menu-logs li {
    width: 100%;
  }
  
  .dropdown-menu-logs a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    white-space: nowrap;
  }
  
  .dropdown-menu-logs a:hover {
    background-color: #444;
    color:#fff
  }
  

  li.actived a {
    background-color: #FA723A;
    color:#fff;
    font-weight: 600;
}



/*
*
* Date: 01-10-2024
* By: Rakesh Koradiya
* For : Group Module Design
* @start Group Module
*
*/

.header-container {background-color: #fff;box-shadow: 0px 15px 15px 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;padding: 20px 0;}
.header-container .header_wrapper {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.header-container .header_left {max-width: 145px;width:100%;margin: 0 !important;}
.header-container .header_left a {width: auto;display: inline-block;}
.header-container .header_left img {width:100%;max-width: 145px;    margin: 0;}
.header-container .header_right {max-width: 75px;margin: 0 !important;}
.header-container .header_right .header_admin_details .admin_name {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #a2297a;color: #fff;border-radius: 50%;font-size: 19px;text-transform: uppercase;line-height: 1;font-weight: 600;}
.header-container .nav-menu {    max-width: calc(100% - 220px);}
.header-container .nav-menu .toggle-btn {cursor: pointer;min-height: 17px;display: none;background-color: transparent;}
.header-container .nav-menu .toggle-btn span {display: block;background-color: #000;width: 30px;height: 3px;border-radius: 3px;transition: 0.25s margin 0.25s, 0.25s transform;}
.header-container .nav-menu .toggle-btn span:nth-child(1) {margin-bottom: 7px;}
.header-container .nav-menu .toggle-btn span:nth-child(3) {margin-top: 7px;}
.header-container .nav-menu .toggle-btn.active span {transition: 0.25s margin, 0.25s transform 0.25s;}
.header-container .nav-menu .toggle-btn.active span:nth-child(1) {margin-top: 8px;margin-bottom: -2px;}
.header-container .nav-menu .toggle-btn.active span:nth-child(1) {transform: rotate(45deg);}
.header-container .nav-menu .toggle-btn.active span:nth-child(2) {opacity: 0;}
.header-container .nav-menu .toggle-btn.active span:nth-child(3) {margin-top: -4px;transform: rotate(135deg);}
.header-container .nav-menu ul.nav-block {justify-content: center;padding: 0 10px;column-gap: 70px;    flex-wrap: wrap;display: flex;align-items: center;}
.header-container .nav-menu ul li {  position:relative;right: auto;margin:0 !important;background-color: transparent;}
.header-container .nav-menu ul li .nav_link {    margin: 0;padding: 0 0 13px;font-size: 16px;font-weight: 500;line-height: 20.16px;letter-spacing: -0.01em;color:#000; display: inline-block !important;position: relative;}
.header-container .nav-menu ul li.active .nav_link,
.header-container .nav-menu ul li .nav_link:hover {color: var(--purple-btn);}
.header-container .nav-menu ul li .nav_link:after {position:absolute;left:0;bottom:0;content:'';width:auto;height:2px;background-color: var(--purple-btn);bottom:0;transition:all 0.3s linear;}
.header-container .nav-menu ul li .nav_link:hover:after,
.header-container .nav-menu ul li.active .nav_link:after {width:100%;}
.header-container .nav-menu ul li.has-child-item .nav-subMenu {    background-color: #f6e9f2;padding: 0;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.header-container .nav-menu ul li.has-child-item .nav-subMenu li a {padding: 10px 15px;transition: all 0.3s ease-in-out;font-size: 15px;}
.header-container .nav-menu ul li.has-child-item .nav-subMenu li a:hover,
.header-container .nav-menu ul li.has-child-item .nav-subMenu li.actived a {background-color: #a52b7c;color: #fff;}
.header-container .header_admin_details {    display: flex;align-items: center;gap: 10px;}
.header-container .header_admin_details .user-img {width: 100%;height: auto;max-width: 50px;margin: 0;object-fit: cover;border-radius: 50%;}
.header-container .header_admin_details .down-arrow svg path {fill:#000;}
.header-container .header_profile_wrapper {    padding-bottom: 0;margin-bottom: 0;}
.header-container .header_profile_wrapper + .submenu {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;top:auto;    right: 0;}
.header-container .header_profile_wrapper + .submenu li .nav_link {    font-size: 14px;font-weight: 500;line-height: 20.16px;letter-spacing: -0.01em;color: #000;}
.header-container .header_profile_wrapper + .submenu .nav_link:hover, 
.header-container .header_profile_wrapper + .submenu li.active .nav_link {color:var(--purple-btn);}
footer.footer-bar-container {background-color: transparent; font-family:var(--main-font); padding: 40px 0;font-size: 14px;font-weight: 500;line-height: 1.3;letter-spacing: -0.01em;}
footer.footer-bar-container p {color:var(--purple-btn);}
.overflow-auto {overflow: auto;}
.checkbox-toggle input[type="checkbox"] {cursor: pointer;position:relative; width:40px; height:25px; -webkit-appearance:none; background:#c6c6c6; outline:none; border-radius:20px; box-shadow:inset 0 0 5px rgba(255, 0, 0, 0.2); transition:0.7s;}
.checkbox-toggle input:checked[type="checkbox"] {background:var(--purple-btn);}
.checkbox-toggle input[type="checkbox"]:before {content:''; position:absolute; width:25px; height:25px; border-radius:20px; top:0; left:0; background:#ffffff; transform:scale(1.1); box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); transition:.5s;}
.checkbox-toggle input:checked[type="checkbox"]:before {left:20px;}
.custom-btn { cursor: pointer;font-family: var(--main-font);opacity:1;min-height:50px; position:relative; min-width:140px; padding:14px 18px; font-size:15px; font-weight:600; line-height:18.9px; letter-spacing:-0.01em; text-align:center; display:flex; justify-content:center; align-items:center;width: auto;display: inline-block;color: #fff !important;border-radius: 7px;}
.custom-btn:hover {opacity:0.7;}
.custom-btn.btn_purple {background-color: var(--purple-btn);border-color: var(--purple-btn);}
.custom-btn.btn_light_purple {background-color: var(--light-purple-btn);border-color: transparent;color: #000 !important;justify-content: center;}
.popup {    z-index:999 !important;}
.main-heading-bar {    padding: 40px 0 10px;}
.main-heading-bar {background-color: #dddcec;}
.main-heading-bar .main-heading-bar-inner {border-radius: 20px;padding:0 40px;background-color: #fff;}
.main-heading-bar .user_utility_section {    padding: 20px 0;}
.main-heading-bar .filter-section {padding:0;background-color: #fff;}
.main-heading-bar .user_name {font-size: 24px;font-weight: 600;line-height: 1.3;color:#000;letter-spacing: -0.01em;text-align: left;margin:0 0 5px;}
.main-heading-bar .data-counter-lbl label {color: #535353;font-size: 14px;font-weight: 500;line-height: 1.2;letter-spacing: -0.01em;text-align: left;}
.main-heading-bar .data-counter-lbl label span {font-weight:normal !important;color:inherit !important;}
.main-heading-bar .breadcrumb li {color: #535353;font-size: 14px;font-weight: 500;line-height: 1.2;letter-spacing: -0.01em;text-align: left;}
.main-heading-bar .breadcrumb li a {color: var(--purple-btn);font-weight: 600;}
.main-heading-bar .filter-section .filter_area {padding: 20px 0;background-color: transparent;border: 0;border-top:1px solid rgba(83, 83, 83, 0.3);}
.main-heading-bar .utility_flex {    flex-wrap: wrap;row-gap: 20px;}
.main-heading-bar .user_utility_section .user_utility_btns {gap:10px;flex-wrap: wrap;}
.main-heading-bar .user_utility_section .user_utility_btns .btn:after {display: none !important;}
.main-heading-bar .user_utility_section .user_utility_btns .btn { font-family: var(--main-font); opacity:1;min-height: 50px;position: relative;min-width:140px;padding:14px 18px;font-size: 15px;font-weight: 600;line-height: 18.9px;letter-spacing: -0.01em;text-align: center;display: flex;justify-content: center;align-items: center;}
.main-heading-bar .user_utility_section .user_utility_btns .btn_purple {background-color: var(--purple-btn);border-color: var(--purple-btn);    opacity: 1;}
.main-heading-bar .user_utility_section .user_utility_btns .btn:hover {opacity:0.7}
.main-heading-bar .user_utility_section .user_utility_btns .btn_light_purple {    background-color: var(--light-purple-btn);border-color: transparent;opacity: 1;color: #000;    justify-content: center;}
.main-heading-bar .user_utility_section .user_utility_btns .btn_light_purple:hover {opacity:0.7}
.main-heading-bar .user_utility_section .user_utility_btns .btn.btn_with_icon .btn-icon {line-height: 0;}
.main-heading-bar .user_utility_section .user_utility_btns .btn.btn_with_icon .btn-icon svg {width:20px;height:20px;}
.main-heading-bar .user_utility_section .user_utility_btns .btn.btn_light_purple.btn_with_icon .btn-icon svg {  color: var(--purple-btn);}
.main-heading-bar .user_utility_section .user_utility_btns .btn.btn_light_purple.btn_with_icon .btn-icon svg path {  color: var(--purple-btn) !important;}
.main-heading-bar .user_utility_section .user_utility_btns .btn.btn_with_icon .btn-icon.btn-close {display: none;} 
.main-heading-bar .user_utility_section .user_utility_btns .btn.btn-filter.in .btn-icon.btn-open {display: none;} 
.main-heading-bar .user_utility_section .user_utility_btns .btn.btn-filter.in .btn-icon.btn-close {display: block;} 
.main-heading-bar .filter-section .filter_area .filter-heading {width:100%;}
.main-heading-bar .filter-section .filter_area label {font-size: 20px;font-weight: 500;line-height: 1.2;letter-spacing: -0.01em;text-align: left;color:#000;}
.main-heading-bar .btns-container {    display: flex;gap: 10px;flex-wrap: wrap;width: 290px;}
.main-heading-bar .filter-section .filter-flex {display: flex;flex-wrap: wrap;align-items: start;    column-gap: 22px;margin-top:15px;row-gap: 15px;}
.main-heading-bar .filter-section .filter-flex .input-item-container {width:100%;flex:1;display: flex;flex-wrap: wrap; column-gap: 20px;row-gap: 10px;}
.main-heading-bar .filter-section .filter-flex .input-item-container .filter-block {flex-grow: 1;width: 100%;min-width: unset !important;flex: 1 1 calc(25% - 15px);}
.main-heading-bar .filter-section .filter-flex .input-item-container .filter-block.type-selector {margin:15px 0 0 0;}
.main-heading-bar .filter-section .filter-flex .input-item-container .filter-block.type-selector .form-label {margin-left: 6px;cursor: pointer;}
.main-heading-bar .filter-section .filter-flex .input-item-container.two-col-row .filter-block {    flex: 1 1 calc(50% - 15px);}
.main-heading-bar .filter-section .filter-flex .input-item-container.three-item-row .filter-block {flex: 1 1 calc(33.33% - 15px);}
.main-heading-bar .input-item-container .filter_input_search .input-with-icone {    margin: 0;padding: 0;border: 0;}
.main-heading-bar .filter_area .input-item-container input,
.main-heading-bar .filter_area .input-item-container select {background-color:#fff;min-width:unset;width: 100%; font-family: var(--main-font);border-radius: 15px;font-size: 14px;font-weight: 400;line-height: 17.64px;letter-spacing: -0.01em;color:#000;padding:15px;height:60px;border: 1px solid #5353534D}
.main-heading-bar .filter_area .input-item-container .filter_input_search input {padding-left: 50px;}
.main-heading-bar .filter_area .input-item-container .filter_input_search .icone {    left: 18px;padding: 0;height: 20px;width: 20px;}
.main-heading-bar .filter_area .input-item-container .filter_input_search .icone svg path {    fill: #000;}
.main-heading-bar .filter_area .input-item-container input::placeholder {color:#535353;}
.main-heading-bar .filter-section .btn:disabled {opacity: 0.4;    pointer-events: none;}
.main-heading-bar .filter-section .btn {  font-family: var(--main-font);min-height: 50px;position: relative;min-width:140px !important;padding:14px 18px;font-size: 15px;font-weight: 600;line-height: 18.9px !important;letter-spacing: -0.01em;gap:3px;display: flex;justify-content: center;}
.main-heading-bar .filter-section .filter_search_btn .btn_purple {    background-color: var(--purple-btn);border-color: var(--purple-btn);    opacity: 1;}
.main-heading-bar .filter-section .filter_search_btn .btn_purple:hover {opacity:0.7}
.main-heading-bar .filter-section .filter_search_btn .btn_purple svg {width:16px;height:16px;}
.main-heading-bar .filter-section a.btn {    background-color: var(--light-purple-btn);border-color: transparent;opacity: 1;color: #000; display: flex;justify-content: center; gap: 5px;}
.main-heading-bar .filter-section a.btn svg {order:-1;    width: 17px;height: 18px;}
.main-heading-bar .filter-section a.btn svg path {fill:var(--purple-btn);}
.main-heading-bar .filter-section a.btn:hover {opacity:0.7}
.main-heading-bar .filter-section #filter-btn:after {left:25px;width:17px;height:17px;}
.main-content-section .table-content .table-body-area { background-color: transparent;padding: 0;margin-bottom:0;    overflow: visible;}
.main-content-section .table-content .table-body-area .table-body-area-inner { background-color:#fff;border-radius: 20px;padding: 30px 40px;box-shadow: 0px 10px 10px 0px rgba(165, 43, 124, 0.04);}
.main-content-section .table-content .table-body-area thead tr th label svg {margin-right: 13px;width: 20px;height: 20px;}
.main-content-section .table-content .table-body-area thead tr th label svg path {fill: var(--purple-btn);}
.main-content-section .table-content .table-body-area thead tr th {font-size: 15px;font-weight: 600;line-height: 1.2;letter-spacing: -0.01em;text-align: left;color:#000;border-bottom:1px solid rgba(83, 83, 83, 0.3);}
.main-content-section .table-content .table-body-area thead tr th:first-child {padding-left:0 ;width:20% !important;}
.main-content-section .table-content .table-body-area tr td  {max-width: 280px !important;    overflow-wrap: break-word;border:0;padding:22px;font-size: 14px;font-weight: 400;line-height: 17.64px;letter-spacing: -0.01em;}
.main-content-section .table-content .table-body-area tr td a {font-size: 14px;}
.main-content-section .table-content .table-body-area tr td:first-child  {padding-left:0 ;color:#000;}
.main-content-section .table-content .table-body-area thead tr th:last-child ,
.main-content-section .table-content .table-body-area tr td:last-child {padding-right:0 ;}
.main-content-section .table-content .table-body-area tr.active {z-index: 2;position:relative;}
.main-content-section .table-striped tbody tr {background-color: #fff !important;}
.main-content-section .table-striped tbody tr + tr {border-top: 1px solid rgba(83, 83, 83, 0.12);}
.main-content-section tr td.action-td .lnk-list ul {    display: block;width: 100%;}
.main-content-section tr td.action-td .lnk-list ul li {width:100%;}
.main-content-section tr td.action-td .lnk-list ul li .lnk-btn {padding:10px 0;color:#000;width:100%;font-size: 14px;font-weight: 500;line-height: 35px;letter-spacing: -0.01em;text-align: left;display: flex;align-items: center;gap: 12px;}
.main-content-section tr td.action-td .lnk-list ul li .lnk-btn span {display: inline-block;line-height: 1;}
.main-content-section tr td.action-td .lnk-list ul li .lnk-btn span.action-icon {line-height: 0;}
.main-content-section tr td.action-td .lnk-list ul li .lnk-btn span.action-title,
.main-content-section tr td.action-td .lnk-list ul li .lnk-btn span.action-title input {line-height:1;padding:0;font-weight: 400;color:#000;font-family: var(--main-font);}
.main-content-section tr td.action-td .lnk-list ul li .lnk-btn:hover span.action-title,
.main-content-section tr td.action-td .lnk-list ul li .lnk-btn:hover span.action-title {color:var(--purple-btn);}
.main-content-section tr td.action-td .lnk-list ul li:after {display:none;}
.main-content-section tr td.action-td .lnk-list {  border-radius: 10px;box-shadow: 0px 20px 40px 0px rgba(69, 3, 47, 0.1);padding: 20px 23px;max-width: 140px;position: absolute;top: auto;right: 0;width: 100%;min-width: 146px;background: #fff;display: none;}
.main-content-section tr td.action-td {z-index: 1;}
.main-content-section tr td.action-td .more-icon {cursor: pointer;    width: auto;display: inline-block;}
.main-content-section .paginationDiv .page_btn svg {display: none;}
.main-content-section .paginationDiv .page_btn.next:before {content:'Next';}
.main-content-section .paginationDiv .page_btn.prev:before {content:'Previous';}
.main-content-section .table-footer-area {padding: 0;margin-top: 20px;}
.main-content-section .paginationDiv {display: flex;justify-content: center;align-items: center;}
.main-content-section .paginationDiv .pagination {background-color:#fff;border-radius: 15px;    height: auto;line-height: 1;overflow: hidden;}
.main-content-section .paginationDiv .pagination li a,
.main-content-section .paginationDiv .pagination li span { transition:all 0.3s ease-in-out;height: 45px;width: 50px;display: flex;    max-height: unset;align-items: center;    border: 0;font-size: 14px;font-weight: 400;line-height: 17.64px;letter-spacing: -0.01em;text-align: center;color:#535353;}
.main-content-section .paginationDiv .pagination li {line-height: 1;border-right:1px solid #eeeeee;}
.main-content-section .paginationDiv .pagination li:last-child {border-right:0;}
.main-content-section .paginationDiv .page_btn.next,
.main-content-section .paginationDiv .page_btn.prev {width:auto;display: flex;align-items: center;padding:0 17px;min-width: 80px;justify-content: center;}
.main-content-section .paginationDiv .pagination li.pageShow a {color:#fff;background-color: var(--purple-btn);}
.main-content-section .paginationDiv .pagination li a:hover {background-color:var(--purple-btn);;color:#fff;}
.section.detail-tabing-section {padding:0;}
.detail-tabing-section .tabs {background: transparent; }
.detail-tabing-section .tabs ul {background: transparent;    display: flex;flex-wrap: wrap;}
.detail-tabing-section .tabs .tab-button {background:var(--purple-btn);padding:20px;min-width: 300px;display: flex;align-items: center;justify-content: center;gap: 10px;font-size: 16px;font-weight: 700;line-height: 20.16px;letter-spacing: -0.01em;color: #fff !important;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.detail-tabing-section .tabs .tab-button svg {fill:#fff;max-width: 18px;max-height: 18px;}
.detail-tabing-section .tabs .tab-button.active,
.detail-tabing-section .tabs .tab-button:hover {background:#fff;color:#000 !important;}
.detail-tabing-section .tabs .tab-button.active svg,
.detail-tabing-section .tabs .tab-button:hover svg {fill:var(--purple-btn);}
.detail-tabing-section .tab-content {padding:0;border-top: 0;}
.detail-tabing-section .tab-content .tab-panel {padding:30px 40px;    border-radius: 20px;}
.detail-tabing-section:not(.no-tabbing) .tab-content .tab-panel {border-top-left-radius: 0;}
.detail-tabing-section .tab-content .tab-panel .block-text {    margin: 0 0 30px;}
.detail-tabing-section .tab-content .tab-panel .block-text .block-heading {margin:0 0 5px;font-size: 20px;font-weight: 600;line-height: 1.2;letter-spacing: -0.01em;color:#000;}
.detail-tabing-section .tab-content .tab-panel .block-text .info-text {font-size: 14px;font-weight: 400;line-height: 1.3;letter-spacing: -0.01em;color:#535353;}
.detail-tabing-section .tab-content .tab-panel-list {    display: flex;flex-wrap: wrap;row-gap: 20px;padding-right: 45px;}
.detail-tabing-section .tab-content .tab-panel .form-group {column-gap: 40px; row-gap:20px;width: 100%;}
.detail-tabing-section .tab-content .tab-panel .tab-panel-list > div:not(:empty) {width:100%;}
.detail-tabing-section .tab-content .tab-panel-list .form-content {flex-wrap: wrap;min-width:calc(50% - 44px);width:100%;flex: 1;margin:0  !important;flex-direction: column;align-items: start;}
.detail-tabing-section .tab-content .tab-panel-list .form-group.full-width .form-content {width:100% !important;}
.detail-tabing-section .tab-content .tab-panel-list .form-content label {width:auto;font-size: 16px;font-weight: 600;line-height: 1.2;letter-spacing: -0.01em;margin:0 0 14px;color:#000;}
.detail-tabing-section .tab-content .tab-panel-list .form-content input:not([type="radio"]),
.detail-tabing-section .tab-content .tab-panel-list .form-content textarea,
.detail-tabing-section .tab-content .tab-panel-list .form-content select {background-color:#fff !important;min-width:auto;padding: 8px 20px;background-color:rgba(165, 43, 124, 0.01);color:#000;font-family: var(--main-font);width:100%;font-size: 16px;font-weight: 500;line-height:1.2;letter-spacing: -0.01em;border: 1px solid #5353534D;height: 60px;border-radius: 15px;}
.detail-tabing-section .tab-content .tab-panel-list .form-content select {-webkit-appearance: none;appearance: none;-moz-appearance: none;background-image: url(../images/down-arrow.png);background-size: 12px;background-repeat: no-repeat;background-position: calc(100% - 20px) center;padding-right: 45px;}
.detail-tabing-section .tab-content .tab-panel-list .form-content textarea {height: 350px;width:100% !important;padding: 15px;resize: auto;}
.detail-tabing-section .tab-content .tab-panel-list .form-content input:not([type="radio"])::placeholder {color:#535353;}
.detail-tabing-section .tab-content .tab-panel-list .form-content input:not([type="radio"])::-webkit-input-placeholder { color:#535353;}
.detail-tabing-section .tab-content .tab-panel-list .form-content input:not([type="radio"])::-moz-placeholder {color: #535353;}
.detail-tabing-section .tab-content .tab-panel-list .form-content input:not([type="radio"]):-ms-input-placeholder {color: #535353;}
.detail-tabing-section .tab-content .tab-panel-list .form-content input:not([type="radio"]):-moz-placeholder {color: #535353;}
.detail-tabing-section .tab-content .tab-panel-list .form-content input[type=checkbox]:not(.custom-checkbox) {position: relative;border: 3px solid rgba(83, 83, 83, 0.4);border-radius: 2px;background: none;cursor: pointer;line-height: 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 20px;width: 20px;-webkit-appearance: none;}
.detail-tabing-section .tab-content .tab-panel-list .form-content input[type=checkbox]:not(.custom-checkbox):hover {opacity: 1;}
.detail-tabing-section .tab-content .tab-panel-list .form-content input[type=checkbox]:not(.custom-checkbox):checked {background-color: var(--purple-btn) !important;opacity: 1;    border-color: var(--purple-btn);}
.detail-tabing-section .tab-content .tab-panel-list .form-content input[type=checkbox]:not(.custom-checkbox):before {content: '';position: absolute;right: 50%;top: 50%;width: 5px;height: 11px;border: solid #FFF;border-width: 0 3px 3px 0;margin: -1px -1px 0 -1px;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;}
.detail-tabing-section .tab-content .tab-panel-list .form-content svg.toggle-password,
.detail-tabing-section .tab-content .tab-panel-list .form-content svg.toggle-confirm-password {bottom: 23px;cursor: pointer;top:auto;}

.detail-tabing-section .tab-content .tab-panel .tab-panel-list .dynamicCrmFiled:empty{display: none;}
.detail-tabing-section .tab-content .tab-panel .tab-panel-list .dynamicCrmFiled:not(:empty){display:block !important;width: 100%;padding: 25px;border: 1px solid var(--light-purple-btn);border-radius: 10px;background-color: rgba(165, 43, 124, 0.05);}
.detail-tabing-section .tab-content .tab-panel .tab-panel-list .dynamicCrmFiled .form-group{row-gap: 20px;}
.detail-tabing-section .tab-content .tab-panel .form-group .dynamicCardataFileds:empty {display:none;}
.detail-tabing-section .tab-content .tab-panel .form-group .dynamicCardataFileds:not(:empty) {display:block !important;width: 100%;padding: 25px;border: 1px solid var(--light-purple-btn);border-radius: 10px;background-color: rgba(165, 43, 124, 0.05);}
.detail-tabing-section .tab-content .tab-panel .form-group .dynamicCardataFileds .form-group {row-gap: 20px;}
.detail-tabing-section .tab-content .tab-panel .form-group .form-content input[type=file] { background: transparent;border-radius: 0;border: 0;height: auto;padding-left: 0;}
.detail-tabing-section .tab-content .tab-panel .form-group .form-content input[type=file] + small {position: static;}
.detail-tabing-section .tab-content .tab-panel .form-group .form-content#imagePreview img {border: 0 !important;border-radius: 0 !important;width: auto;height:auto;max-height: 100px;}
.detail-tabing-section .tab-content .tab-panel .departmentMain.main-department-number {    padding: 25px;padding-right:60px;border: 1px solid var(--light-purple-btn);border-radius: 10px;background-color: rgba(165, 43, 124, 0.05);}
.detail-tabing-section .tab-content .tab-panel-list .main-department-number .form-content {min-width: auto !important;max-width: calc(35% - 15px) !important;}
.detail-tabing-section .tab-content .tab-panel-list .main-department-number .form-content.remove-block {right:0;}
.detail-tabing-section .tab-content .tab-panel .departmentMain.main-department-number .form-content.default-department-number {min-width: auto !important;max-width: 70px !important;}
.detail-tabing-section .tab-content .tab-panel .departmentMain.main-department-number .form-content.default-department-number .form-label {min-width:auto;}
.detail-tabing-section .tab-content .tab-panel .departmentMain.main-department-number .form-content.default-department-number label.error {width: 200px;top: auto;bottom: -60px;right:-110px;}
.detail-tabing-section .tab-content .tab-panel .departmentMain.main-department-number .form-content.default-department-number label.error:after {top:-10px;left: 25px;border-color: transparent transparent #fb0101 transparent;}
.detail-tabing-section .tab-content .tab-panel .settings-stock-box{
    display: block !important;
    width: 100%;
    padding: 25px;
    border: 1px solid var(--light-purple-btn);
    border-radius: 10px;
    background-color: rgba(165, 43, 124, 0.05);
}

.detail-tabing-section .tab-content .tab-panel .tab-panel-list h2 {width: 100%;font-size: 16px;font-weight: 600;line-height: 1.2;letter-spacing: -0.01em;margin: 0 0 14px;color: #000;}
.detail-tabing-section .tab-content .tab-panel .tab-panel-list .location-table td {font-size: 14px;font-weight: 400;line-height: 17.64px;}
.detail-tabing-section .tab-content .tab-panel .tab-panel-list .location-table td,
.detail-tabing-section .tab-content .tab-panel .tab-panel-list .location-table th {text-align: left;line-height: normal;}
.detail-tabing-section .tab-content .tab-panel .tab-panel-list .location-table td input[type=checkbox]:checked + label:after {    top: 4px;}
.detail-tabing-section .tab-content .tab-panel .tab-panel-list .sitemap-urls-sec {display: block !important;width: 100%;padding: 25px;border: 1px solid var(--light-purple-btn);border-radius: 10px;background-color: rgba(165, 43, 124, 0.05);}
.detail-tabing-section .tab-content .tab-panel-list label.error,
.credenial_input_wrapper label.error {text-transform: capitalize;min-width: auto;width: auto;top: 8px;border-radius: 11px;font-size: 13px;color: #fff;text-align: center;padding: 5px 10px;}
.detail-tabing-section .tab-content .tab-panel-list label.error:after,
.credenial_input_wrapper label.error:after {left: auto;margin-left: 0;    right: 19px;}
.credenial_input_wrapper label.error {top: -30px;}
.detail-tabing-section .btn_purple {opacity:1;font-family: var(--main-font);padding: 14px 20px;background-color: var(--purple-btn);border-color: transparent;font-size: 16px;font-weight: 700;line-height: 20.16px;letter-spacing: -0.01em;}
.detail-tabing-section .btn_with_icon {display: flex;align-items: center;gap: 10px;}
.detail-tabing-section .btn_purple:hover {background-color:var(--header-bg);}
.detail-tabing-section .navigation {margin:35px 0 20px;}
.detail-tabing-section .departmentMain {    width: 100%;display: flex;flex-wrap: wrap;row-gap: 20px;}
.detail-tabing-section .departmentMain .form-group {position: relative;}
.detail-tabing-section .tab-content .tab-panel-list .departmentMain .remove-block { width:auto !important;min-width:unset !important;}
.detail-tabing-section .departmentMain .form-group .remove-block {    position: absolute;right: -45px;width: auto !important;bottom: 16px;}
.detail-tabing-section .departmentMain .form-group .remove-block .remove-row-department {cursor: pointer;width: 30px;height: 30px;background: #000;border-radius: 50px;border: 1px solid rgba(0, 0, 0, 0.2);}
.detail-tabing-section .sitemap-urls-sec .form-group .remove-block .remove-row-sitemap {cursor: pointer;width: 30px;height: 30px;background: #000;border-radius: 50px;border: 1px solid rgba(0, 0, 0, 0.2);}
.detail-tabing-section .sitemap-urls-sec .form-group .remove-block .remove-row-sitemap:hover {background-color:red;}
.detail-tabing-section .departmentMain .form-group .remove-block svg {    width: 28px;height: 28px;}
.detail-tabing-section .sitemap-urls-sec .form-group .remove-block svg {    width: 28px;height: 28px;}
.detail-tabing-section .sitemap-urls-sec .form-group .remove-block svg path { fill:#fff;}
.detail-tabing-section .departmentMain .form-group .remove-block svg path { fill:#fff;}
.detail-tabing-section .departmentMain .form-group .remove-block .remove-row-department:hover {background-color:red;}
.detail-tabing-section .tab-content table {margin: 0;}
.detail-tabing-section .tab-content table thead th {    font-size: 16px;font-weight: 600;line-height: 1.2;letter-spacing: -0.01em;margin: 0 0 14px;color: #000;}
.detail-tabing-section .tab-content table.holiday-table thead th {border:none;padding:0 0 10px 0;}
.detail-tabing-section .tab-content table.holiday-table tbody .input-row td {border:none;padding:10px 0;position:relative;}
.detail-tabing-section .tab-content table.holiday-table tbody .input-row td .error { top: -11px;}
.detail-tabing-section .tab-content table.holiday-table tbody .input-row td.holiday-date .error {right:22px;text-transform: normal;}
.detail-tabing-section .tab-content table.holiday-table thead th.holiday-action {width: 45px;color: transparent;padding: 0;display: none;}
.detail-tabing-section .tab-content table.holiday-table tr {position:relative;}
.detail-tabing-section .tab-content table.holiday-table tbody td.holiday-action {width: 45px;color: transparent;padding:0 0 0 15px;    position: absolute;top: 50%;transform: translateY(-50%);}
.detail-tabing-section .tab-content table.holiday-table tbody td.holiday-action .remove-field {width: 30px;height: 30px;background: #000;border-radius: 50px;border: 1px solid rgba(0, 0, 0, 0.2);}
.detail-tabing-section .tab-content table.holiday-table tbody td.holiday-action svg {    width: 28px;height: 28px;}
.detail-tabing-section .tab-content table.holiday-table tbody td.holiday-action svg path { fill:#fff;}
.detail-tabing-section .tab-content table.holiday-table tbody td.holiday-action .remove-field:hover {background-color:red;}
.detail-tabing-section .tab-content table.holiday-table tbody .input-row td input {padding: 8px 20px; background-color: rgba(165, 43, 124, 0.01);color: #000;font-family: var(--main-font);width: 100%;font-size: 16px;font-weight: 500;line-height: 1.2;letter-spacing: -0.01em;border: 1px solid #5353534D;height: 60px;border-radius: 15px;}
.detail-tabing-section .tab-content table.holiday-table tbody .input-row td.holiday-date,
.detail-tabing-section .tab-content table thead th.holiday-date {padding-right:20px !important;}
.detail-tabing-section .tab-content table.holiday-table tbody .input-row td.holiday-reason,
.detail-tabing-section .tab-content table thead th.holiday-reason {padding-left:20px !important;}
.detail-tabing-section .tab-content table.location-table tbody tr td input[type=checkbox], .detail-tabing-section .tab-content table.location-table thead tr th input[type=checkbox] {padding:0; height:initial; width:initial; margin-bottom:0; display:none; cursor:pointer;}
.detail-tabing-section .tab-content table.location-table tbody tr td input[type=checkbox] + label, .detail-tabing-section .tab-content table.location-table thead tr th input[type=checkbox] + label {position:relative; cursor:pointer;}
.detail-tabing-section .tab-content table.location-table tbody tr td input[type=checkbox] + label, .detail-tabing-section .tab-content table.location-table thead tr th input[type=checkbox] + label {line-height: 1.15;display: inline-block;}
.detail-tabing-section .tab-content table.location-table tbody tr td input[type=checkbox] + label:before, .detail-tabing-section .tab-content table.location-table thead tr th input[type=checkbox] + label:before {content:''; -webkit-appearance:none; background-color:transparent; border:2px solid rgba(83, 83, 83, 0.4); padding:6px; display:inline-block; position:relative; vertical-align:middle; cursor:pointer; margin-right:7px; margin-top:-3px;}
.detail-tabing-section .tab-content table.location-table tbody tr td input[type=checkbox]:checked + label:before, .detail-tabing-section .tab-content table.location-table thead tr th input[type=checkbox]:checked + label:before {border-color:var(--purple-btn); background-color:var(--purple-btn);}
.detail-tabing-section .tab-content table.location-table tbody tr td input[type=checkbox]:checked + label:after, .detail-tabing-section .tab-content table.location-table thead tr th input[type=checkbox]:checked + label:after {content:''; content:''; display:block; position:absolute; top:5px; left:6px; width:5px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);}
.detail-tabing-section .tab-content .location-error-message ul li {position: relative;margin-bottom: -10px;line-height: 1.2;text-transform: none;min-width: auto;width: auto;border-radius: 11px;font-size: 13px;text-align: center;padding: 5px 10px;background: red;color: #fff !important;font-weight: 600;} 
.detail-tabing-section .tab-content .location-error-message ul li:after {border-color: #fb0101 transparent transparent;
    border-right-color: transparent;
    -moz-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-right: 6px solid transparent;
    border-right-style: solid;
    border-right-width: 6px;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    left: 177px;
    margin-left: -10px;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 10;}


.main-content-section .table-content .table-body-area .qa-table thead tr th:first-child {width: 50% !important;}
.popupMain.single-popup  .flex-col {padding:0;}
.popupMain.single-popup .poptitle {position:relative;    display: flex;align-items: center;margin:0 0 25px;}
.popupMain.single-popup .poptitle .title {font-family: var(--main-font);font-size: 24px;font-weight: 600;line-height: 1.3;letter-spacing: -0.01em;width:calc(100% - 50px);margin:0;}
.popupMain.single-popup .poptitle .closePopup {position: static;width:40px;height:40px;margin-left: auto;    opacity: 1;}
.popupMain.single-popup .popBody {padding:40px;max-width: 580px;}
.popupMain.single-popup .popDetails {padding:0;}
.popupMain.single-popup .popDetails .form-group .form-label {width:100%;font-size: 16px;font-weight: 600;line-height: 1.2;letter-spacing: -0.01em;margin:0 0 14px;color:#000;}
.popupMain.single-popup .popDetails .form-group input:not([type=file]) {min-width:auto !important; padding:8px 20px; background-color:rgba(165, 43, 124, 0.01) !important; color:#000; font-family:var(--main-font); width:100%; font-size:16px; font-weight:500; line-height:1.2; letter-spacing:-0.01em; border:1px solid #5353534D; height:60px; border-radius:15px;}
.popupMain.single-popup .popDetails .form-group .filter_dropdown select {min-width:auto;padding: 8px 20px;background-color:rgba(165, 43, 124, 0.01);color:#000;font-family: var(--main-font);width:100%;font-size: 16px;font-weight: 500;line-height:1.2;letter-spacing: -0.01em;border: 1px solid #5353534D;height: 60px;border-radius: 15px;-webkit-appearance: none;appearance: none;-moz-appearance: none;background-image: url(../images/down-arrow.png);background-size: 12px;background-repeat: no-repeat;background-position: calc(100% - 20px) center;padding-right: 45px;}
.popupMain.single-popup .popDetails .form-group input[type=radio] {width:auto;}
.popupMain.single-popup .poptitle .closePopup {width:40px;height:40px;opacity: 1;right: 3px;top: 4px;}
.popupMain.single-popup .popDetails .flex-col .form-group.btn-group {gap: 15px !important;}
.popupMain.single-popup .popDetails .flex-col .form-group.btn-group button {min-width: 150px !important;min-height: 50px !important;margin:0;}
.single-popup-qa .popBody {padding:40px;    max-width: 580px;}
.single-popup-qa .poptitle {position:relative;    display: flex;align-items: center;margin:0 0 10px;}
.single-popup-qa .poptitle .title {font-family: var(--main-font);font-size: 24px;font-weight: 600;line-height: 1.3;letter-spacing: -0.01em;width:calc(100% - 50px);margin:0;}
.single-popup-qa .poptitle .closePopup {position: static;width:40px;height:40px;margin-left: auto;    opacity: 1;}
.single-popup-qa .popDetails,
.single-popup-qa .popDetails .flex-col {padding: 0;float: none;width: 100%;max-height: 100%;}
.single-popup-qa .popDetails #questionandanswer-form .form-group {display: inline-block;}
.single-popup-qa .popDetails #questionandanswer-form .form-group .form-content {width:100% !important;margin-top:20px;display: inline-block;}
.single-popup-qa .popDetails #questionandanswer-form .form-group .form-content .form-label {width:100% !important;margin: 0 0 14px; color: #000;font-family: var(--main-font);font-size: 16px;font-weight: 600;line-height: 20.16px;letter-spacing: -0.01em;}
.single-popup-qa .popDetails #questionandanswer-form .form-group .form-content input,
.single-popup-qa .popDetails #questionandanswer-form .form-group .form-content textarea {     font-family: var(--main-font);background: transparent;width: 100%;font-family: var(--main-font);border-radius: 15px;font-size: 14px;font-weight: 400;line-height: 17.64px;letter-spacing: -0.01em;color: #000;padding: 15px;height: 60px;border: 1px solid #5353534D;}
.single-popup-qa .popDetails #questionandanswer-form .form-group .form-content textarea {height:150px;}
.single-popup-qa .popDetails #questionandanswer-form .btn-group {    width: 100%;margin: 30px 0 0;display: flex;flex-wrap: wrap;gap:10px;}
.single-popup-import-csv .popBody {padding:40px;max-width: 580px;}
.single-popup-import-csv .poptitle {position:relative;    display: flex;align-items: center;margin:0 0 10px;}
.single-popup-import-csv .poptitle .title {font-family: var(--main-font);font-size: 24px;font-weight: 600;line-height: 1.3;letter-spacing: -0.01em;width:calc(100% - 50px);margin:0;}
.single-popup-import-csv .poptitle .closePopup {position: static;width:40px;height:40px;margin-left: auto;    opacity: 1;}
.single-popup-import-csv .popDetails {padding:0;}
.single-popup-import-csv .popDetails .flex-col {padding: 0;float: none;width: 100%;max-height: 100%;}
.single-popup-import-csv .popDetails .form-content {margin: 0;}
.single-popup-import-csv .popDetails .form-content +.form-content {margin:15px 0 0;}
.single-popup-import-csv .popDetails .form-content .form-label {width:100% !important;margin: 0 0 14px; color: #000;font-family: var(--main-font);font-size: 16px;font-weight: 600;line-height: 20.16px;letter-spacing: -0.01em;}
.single-popup-import-csv .popDetails .form-content input {       font-family: var(--main-font); background: transparent;border: 0;}
.single-popup-import-csv .poptitle .closePopup {width:40px;height:40px;opacity: 1;right: 3px;top: 4px;}
.single-popup-test-ai .popBody {padding:40px;max-width: 580px;}
.single-popup-test-ai .popDetails {padding:0;}
.single-popup-test-ai .popDetails::-webkit-scrollbar {display: none;}
.single-popup-test-ai .popDetails .flex-col {padding: 0;float: none;width: 100%;max-height: 100%;    display: inline-block !important;}
.single-popup-test-ai .popDetails .form-content {margin: 0;display: flex;flex-wrap: wrap;    flex: auto;}
.single-popup-test-ai .popDetails .form-content +.form-content {margin:15px 0 0;}
.single-popup-test-ai .popDetails .form-content .form-label {width:100% !important;margin: 0 0 14px; color: #000;font-family: var(--main-font);font-size: 16px;font-weight: 600;line-height: 20.16px;letter-spacing: -0.01em;}
.single-popup-test-ai .popDetails .form-content input {min-width:auto !important; padding:8px 20px; background-color:rgba(165, 43, 124, 0.01) !important; color:#000; font-family:var(--main-font); width:100%; font-size:16px; font-weight:500; line-height:1.2; letter-spacing:-0.01em; border:1px solid #5353534D; height:60px; border-radius:15px;}
.single-popup-test-ai .poptitle .closePopup {width:40px;height:40px;opacity: 1;right: 3px;top: 4px;}
.single-popup-test-ai .popDetails .btn-group {    margin:20px 0 0 !important;}
.single-popup-test-ai .popDetails .display-output:empty {display: none;}
.single-popup-test-ai .popDetails .display-output {    background-color: #f6e9f2 !important;color: #000;}
.main-content-section .table-content .table-body-area .table-stocks thead tr th.width-15 {width:15% !important;}
.main-content-section .table-content .table-body-area .table-stocks thead tr th.width-25 {width:25% !important;}
.main-content-section .table-content .table-body-area .table-stocks tr td {padding: 15px 10px;}
.main-content-section .table-content .table-body-area .table-stocks table.attributes tr td  {padding: 10px;}
.main-content-section .table-content .table-body-area .table-stocks {width:1260px;}
.main-content-section .table-content .table-body-area .table-stocks table.attributes {width:auto !important;min-width: 295px;}
.main-content-section .table-content .table-body-area .sitemap-table thead tr th:first-child {width:50% !important;}
.main-content-section .table-content .table-body-area #table-sitemapdata tbody td {vertical-align: middle;}
.main-content-section .table-content .table-body-area #table-sitemapdata thead tr th:first-child {width:40% !important;}
.main-content-section .table-content .table-body-area table .custom-btn {margin: 5px;}
.main-content-section .load,
.popupMain .load  {border-top-color: var(--purple-btn);border-left-color: var(--purple-btn);}
.main-content-section.manufacturers-edit-sec .tab-panel  {padding:0;}
.main-content-section .table-content .table-body-area #table-lead thead tr th:first-child {width: 106px !important;}
.main-content-section .table-content .table-body-area #table-lead {width:1260px;}
.lead-section .card,
.chat-section .card {position:static;background-color: #fff;border-radius: 20px;padding: 30px 40px;box-shadow: 0px 10px 10px 0px rgba(165, 43, 124, 0.04);border: 0;}
.lead-section .card-body,
.chat-section .chat-container {padding:0;display: flex;flex-wrap: wrap;gap:20px;}
.lead-section .card-body .lead-detail-block {width:calc(33.33% - 14px);}
.lead-section .card-body .lead-detail-block span {    display: inline-block;font-weight: 600;font-size: 14px;line-height: 21px;color: #000;vertical-align: middle;}
.chat-section .chat-container .messages {padding:0;}
/* .chat-section .chat-container .messages .msgBubble.received {background-color: var(--purple-btn);} */
.chat-section .chat-container .messages .options-menu .option-btn {border: 0;color: #000;font-size: 15px;padding: 3px 2px;}
.chat-section .chat-container .messages .options-menu .option-btn:hover {color: var(--purple-btn) !important;background: transparent;}
.chat-section .chat-container .messages .msgBubble.sent.duplicate-message {background-color: grey;}
.twilio-log.detail-tabing-section .tab-panel-list {display: flex;flex-wrap: wrap;gap:20px;padding: 0;}
.twilio-log.detail-tabing-section .tab-panel-list .twilioLog-info-block {width: calc(33.33% - 14px) !important;flex:auto;padding:0;}
.twilio-log.detail-tabing-section .tab-panel-list .twilioLog-info-block label.form-label {font-weight: 600; color:#000;}
.twilio-log.detail-tabing-section .tab-panel-list .grid {padding:0;margin-top:15px;}
.main-content-section .table-content .table-body-area #table-logmessage,
.main-content-section .table-content .table-body-area .table-aiapichat,
.main-content-section .table-content .table-body-area .full-width-table  {width:1260px;}
.main-content-section .table-content .table-body-area .lms-api-log thead tr th:first-child {width: 12% !important;}
.main-content-section .table-content .table-body-area .conversation-log thead tr th:first-child {width: 35% !important;} 
.main-content-section .table-content .table-body-area tr td:first-child .lnk-list {display:block !important;}
/* .main-content-section .table-content .table-body-area tr td a:hover {color:var(--purple-btn) !important;} */
.detail-tabing-section.userUpdate-sec .tab-content .tab-panel-list {padding-right:0;}
.custom-toggle-checkbox .checkboxTxet, .custom-toggle-checkbox .bgLayer {position:absolute; top:0; right:0; bottom:0; left:0;}
.custom-toggle-checkbox .checkboxTxet {z-index:2;}
.custom-toggle-checkbox {position:relative; width:115px; height:41px; overflow:hidden;}
.custom-toggle-checkbox, .custom-toggle-checkbox .bgLayer {border-radius:100px;}
.custom-toggle-checkbox .custom-checkbox {position:relative; width:100%; height:100% !important; padding:0; margin:0; opacity:0; cursor:pointer; z-index:3;}
.custom-toggle-checkbox .bgLayer {width:100%; background-color:var(--light-purple-btn); transition:0.3s ease all; z-index:1;}
.custom-toggle-checkbox .checkboxTxet:before {content:"Disable"; position:absolute; top:4px; left:4px; width:70px; height:33px; color:#000; font-weight:bold; text-align:center; padding:9px 4px; background-color:#fff; transition:0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15); line-height:1; border-radius:21px; font-size:14px;}
.custom-toggle-checkbox .custom-checkbox:checked + .checkboxTxet:before {content:"Enable"; left:42px; background-color:#fff;}
.custom-toggle-checkbox .custom-checkbox:checked ~ .bgLayer {background-color:var(--purple-btn);}
.delete-popup {padding:0 25px;}
.delete-popup .popup-content {width: 100%;max-width: 750px;padding: 40px;max-height: calc(100vh - 30px);overflow: auto;}
.delete-popup .popup-content .poptitle {position: relative;display: flex;margin:0 0 15px;}
.delete-popup .popup-content .poptitle .text-block {width: calc(100% - 50px);}
.delete-popup .popup-content .poptitle .title {    text-align: left;font-family: var(--main-font);font-size: 24px;font-weight: 600;line-height: 1.3;letter-spacing: -0.01em;margin: 0 0 5px;}
.delete-popup .popup-content .poptitle .close {    margin-left: 15px;width: 40px;height: 40px;opacity: 1;right: 3px;top: 4px;position: static;}
.delete-popup .popup-content .delete-notice {    max-width: 570px;text-align: left;font-size: 15px;line-height: 1.2;color: #000;}
.delete-popup .delete-business-list {width: 100%;margin: 0 0 20px;}
.delete-popup .delete-business-list ul {width: 100%;display: flex;align-items: center;gap: 0;flex-wrap: wrap;}
.delete-popup .delete-business-list ul li {width:33.33%;text-align: left;    font-size: 14px;line-height: 1.2;font-family: var(--main-font);padding:10px;}
.delete-popup .form-group-note p.note-info { font-weight: normal;font-family: var(--main-font);color: #000;font-size: 15px;line-height: 1.3;margin: 0;}
.delete-popup .form-group-note p.type-text {color:#000;}
.delete-popup .form-group-note .form-group textarea.form-control {padding: 20px;background-color: rgba(165, 43, 124, 0.01) !important;color: #000;font-family: var(--main-font);width: 100%;font-size: 16px;font-weight: 500;line-height: 1.2;letter-spacing: -0.01em;border: 1px solid #5353534D;height: 61px;border-radius: 15px;}
.delete-popup .btn-group .custom-btn {cursor:pointer !important; font-family:var(--main-font); opacity:1; min-height:50px; position:relative; min-width:140px; padding:14px 18px !important; font-size:15px !important; font-weight:600; line-height:18.9px; letter-spacing:-0.01em; text-align:center; display:flex !important; justify-content:center; align-items:center; width:auto; color:#fff !important; border-radius:7px !important;}
.delete-popup .form-actions.btn-group {    justify-content: center;    gap: 15px;}
.delete-popup .btn-group .custom-btn.btn_purple {min-width:150px;height:50px;background-color: var(--purple-btn);border-color: var(--purple-btn);}
.delete-popup .btn-group .custom-btn.btn_light_purple {min-width:150px;height:50px;background-color: var(--light-purple-btn) !important;border-color: transparent;color: #000 !important;}
.delete-popup .btn-group .custom-btn.btn_purple:hover,
.delete-popup .btn-group .custom-btn.btn_light_purple:hover {    opacity: 0.7;}

.detail-tabing-section .alert-success,
.main-content-section .alert-success  { max-width: 1340px;padding: 18px 10px 18px;text-transform: capitalize;}
.credential_screen.login-reg-screen .credential_info {background-color: #fff;}
.credential_info_content .lnk-btn:hover svg path {fill:var(--purple-btn);}
.credential_action_btn {background-color: var(--purple-btn);border-color: var(--purple-btn);opacity: 1;}
.credential_action_btn:hover {opacity: 0.6;}
.credenial_input_wrapper .input_group {margin-bottom:40px;}
.credenial_input_wrapper label#g-recaptcha-response-error {top: -103px;}
.credenial_input_wrapper label#g-recaptcha-response-error:after {left: 23px;}

.customRadioBtns, .customCheckboxBox {display: flex;flex-direction: row !important;gap: 15px;}
.customRadioBtns label {margin-bottom:0 !important;text-transform: capitalize;}
.customRadioBtns .customRadioBtn-item {position:relative;}
.customRadioBtns  [type="radio"]:checked, 
.customRadioBtns [type="radio"]:not(:checked) { cursor: pointer;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;min-width: auto;min-height: auto;opacity: 0;}
.customRadioBtns  [type="radio"]:checked + label, 
.customRadioBtns  [type="radio"]:not(:checked) + label {position:relative; padding-left:28px; cursor:pointer; line-height:20px; display:inline-block; color:#666;}
.customRadioBtns  [type="radio"]:checked + label:before, 
.customRadioBtns  [type="radio"]:not(:checked) + label:before {content:''; position:absolute; left:0; top:0; width:18px; height:18px; border:1px solid #ddd; border-radius:100%; background:#fff;}
.customRadioBtns  [type="radio"]:checked + label:after, 
.customRadioBtns  [type="radio"]:not(:checked) + label:after {content:''; width:12px; height:12px; background:var(--purple-btn); position:absolute; top:3px; left:3px; border-radius:100%; -webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
.customRadioBtns  [type="radio"]:not(:checked) + label:after {opacity:0; -webkit-transform:scale(0); transform:scale(0);}
.customRadioBtns  [type="radio"]:checked + label:after {opacity:1; -webkit-transform:scale(1); transform:scale(1);} 
.detail-tabing-section .tab-content .tab-panel-list .form-content.customCheckboxBox input[type=checkbox] {margin-left: 10px;}
.detail-tabing-section .choices {width:100% !important;}
.detail-tabing-section .choices .choices__inner { padding: 0;border: 0;background: transparent;}
.detail-tabing-section input.choices__input.choices__input--cloned {width: 100% !important; }
.detail-tabing-section .choices__list--multiple .choices__item {background-color: var(--purple-btn);border: 1px solid var(--purple-btn);}
.detail-tabing-section .choices[data-type*=select-multiple] .choices__button,
.detail-tabing-section .choices[data-type*=text] .choices__button {border-color:#fff;}

.main-heading-bar .user_utility_section .user_utility_btns .stock-refresh-select {     appearance: none;-webkit-appearance: none;background-image: url(../images/down-arrow.png);background-size: 10px;background-repeat: no-repeat;background-position: calc(100% - 7px) 50%;padding-right: 30px;    padding-right: 30px;background-color: transparent;border-color: #000;color: #000;}
.main-heading-bar .user_utility_section .user_utility_btns .stock-refresh-select option {    background-color: #fff;color: #000;padding: 0;text-align: left;}
/* .main-heading-bar .user_utility_section .user_utility_btns .btn_purple.stock-refresh-select option:hover {background-color: #fff;color:#000;} */

@media only screen and (max-width:1024px){
    .header-container .nav-menu ul.nav-block  {column-gap: 50px;}
    .main-heading-bar .filter-section .filter-flex .input-item-container .filter-block {    flex: 1 1 calc(50% - 15px);}
    .lead-section .card-body .lead-detail-block {    width: calc(50% - 10px);}
}

@media only screen and (max-width:991px){
    .header-container .nav-menu ul.nav-block {column-gap: 25px;}
    .main-content-section {padding: 0 !important;}
    .main-content-section .table-content .table-body-area .table-body-area-inner {padding:20px 30px;}
    .main-heading-bar .main-heading-bar-inner {    padding: 0 30px;}
    .detail-tabing-section .tab-content .tab-panel .form-group {column-gap: 40px;}
    .detail-tabing-section .tab-content .tab-panel-list .form-content {    min-width: calc(50% - 20px) !important;}
    .detail-tabing-section .tab-content .tab-panel {padding: 25px 30px;}
    .twilio-log.detail-tabing-section .tab-panel-list .twilioLog-info-block {width: calc(50% - 10px) !important;}
    .main-heading-bar .filter-section .filter-flex .input-item-container.three-item-row .filter-block {    width: calc(50% - 10px);}
 
}

@media only screen and (max-width:810px){
   .main-content-section .table-content .table-body-area .table-body-area-inner {overflow: auto;}
    .main-content-section .table-content .table-body-area table {width:800px;}
}

@media only screen and (min-width:768px){
    .header-container .nav-menu ul li.has-child-item .item-toggle {line-height: 0;margin: 3px 0 0 6px;}
    .header-container .nav-menu ul li.has-child-item .item-toggle svg {width: 12px;}
    .header-container .nav-menu ul li.has-child-item:hover .nav-subMenu {display:block;}
}
@media(max-width:767px){
    .header-container {padding: 10px 0;}
    body.navMenuOpen {overflow: hidden;position: relative;}
    body.navMenuOpen:before {content:'';position:absolute;left:0;width:100%;height: 100%;background-color: #000;opacity:0.8;z-index: 9;}
    .header-container .nav-menu .toggle-btn {display: block;}
    .header-container .nav-menu {max-width: 50px;padding: 10px;order: 1;}
    .header-container .header_left {max-width: 100%;width: 100%;flex: 1;}
    .header-container .header_wrapper {gap: 15px;}
    .header-container .nav-menu .nav-menu-inner {position: fixed;z-index: 999;transition: all 0.3s ease-in-out;width: 100%;height: calc(100% - 50px);overflow: auto;background: #fff;top: 80px;max-width: 330px;right: -100%;padding: 30px;}
    .header-container .nav-menu.open .nav-menu-inner  {right:0;}
    .header-container .nav-menu ul.nav-block {padding:0;}
    .header-container .nav-menu ul.nav-block li {width:100%;}
    .header-container .nav-menu ul li .nav_link {width:100%;padding: 10px 0;}
    .header-container .nav-menu ul li.has-child-item .nav-subMenu { position: static;background-color: transparent;box-shadow: none;}
    .header-container .nav-menu ul li.has-child-item .nav-subMenu li a {font-size: 16px;color: #000;font-weight: 500;padding: 10px 0 10px 10px;}
    .header-container .nav-menu ul li.has-child-item .nav-subMenu li a:hover {background-color: transparent;color: var(--purple-btn);}
    .header-container .nav-menu ul li.has-child-item .nav_link .item-toggle {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    .header-container .nav-menu ul li .nav_link:after {display: none;}
    .header-container .nav-menu ul li.has-child-item.active .nav_link .item-toggle svg {rotate: -180deg;transition:all 0.3s ease-in-out;}
    .main-heading-bar .main-heading-bar-inner {padding: 0 20px;}
    .main-heading-bar .filter-section .filter-flex {justify-content: flex-end;}
    .main-content-section .table-content .table-body-area .table-body-area-inner {padding: 20px 20px;}
    .main-heading-bar .filter-section .filter-flex .input-item-container {    flex: auto;}
    .main-heading-bar .filter_area .input-item-container input,
    .main-heading-bar .filter_area .input-item-container select {height: 50px;}
    .main-heading-bar .filter_area .input-item-container .filter_input_search .icone {left: 13px;height: 16px;width: 16px;top: 15px;}
    .main-heading-bar .filter_area .input-item-container .filter_input_search input,
    .main-heading-bar .filter_area .input-item-container .filter_input_search select {padding-left: 36px;}
    .detail-tabing-section .tab-content .tab-panel-list .form-content label {margin: 0 0 10px;}
    .detail-tabing-section .tab-content .tab-panel-list .form-content {width: 100% !important;}
    .detail-tabing-section .tab-content .tab-panel .form-group {row-gap: 20px;}
    .detail-tabing-section .tab-content .tab-panel .form-group .dynamicCardataFileds {padding-top:0;}
    .detail-tabing-section .tabs .tab-button {min-width: 110px;font-size: 14px;padding: 15px;}
    .detail-tabing-section .tab-content .tab-panel .block-text .block-heading {    font-size: 18px;}
    .detail-tabing-section .tab-content .tab-panel-list .form-content input:not([type="radio"]), 
    .detail-tabing-section .tab-content .tab-panel-list .form-content select {height:50px;}
    .detail-tabing-section .tab-content .tab-panel-list .form-content textarea {height:90px;}
    .detail-tabing-section .tab-content .tab-panel-list .form-content svg.toggle-password {top: auto;bottom: 25px;}
    .detail-tabing-section .tab-content table.holiday-table tbody .input-row td.holiday-date, .detail-tabing-section .tab-content table thead th.holiday-date {padding-right: 10px !important;}
    .detail-tabing-section .tab-content table.holiday-table tbody .input-row td.holiday-reason, .detail-tabing-section .tab-content table thead th.holiday-reason {padding-left: 10px !important;}
    .detail-tabing-section .tab-content table.holiday-table tbody .input-row td input {height:50px;} 
    .detail-tabing-section .tab-content table.holiday-table tbody .input-row td.holiday-date .error {right:11px;}
    .detail-tabing-section .tab-content .tab-panel .form-group { column-gap: 15px;}
    .detail-tabing-section .departmentMain .form-group .remove-block {bottom: 11px;}
    .detail-tabing-section .tab-content table.location-table {width:686px;}
    .detail-tabing-section .tab-content .tab-panel .tab-panel-list .locationTableData-inner {overflow: auto;}
    .popupMain.single-popup .popDetails .form-group input,
    .popupMain.single-popup .popDetails .form-group .filter_dropdown select  {height:50px;}
    .single-popup-qa .poptitle .title {font-size: 20px;}
    .single-popup-qa .poptitle .closePopup, 
    .single-popup-qa .poptitle .closePopup svg {width: 25px;height: 25px;}
    .single-popup-qa .popDetails #questionandanswer-form .form-group .form-content input {height:50px;}
    .single-popup-qa .popDetails #questionandanswer-form .form-group .form-content textarea {height: 90px;}
    .twilio-log.detail-tabing-section .tab-panel-list .grid {grid-template-columns: auto;}
    .delete-popup .delete-business-list ul li {width:50%;}
}
/****************** 7-11-2024 CSS START **************/

table td a:hover {color: #a1367f;}
#table-sitemapdata tbody#groupData tr td{border-right: 1px solid #cbcbcb;}
#table-sitemapdata tbody#groupData tr td:last-child{border-right: none;}

/****************** 7-11-2024 CSS END **************/