@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: "Roboto", serif; */
/* font-family: "Playfair Display", serif; */
/*******************Reset Css****************/ *
{ margin: 0; padding: 0; border: none; outline: none !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } textarea{resize: none;} html, body { padding: 0; margin: 0; border-radius: 0; overflow-x: hidden; } em { font-style: normal; } body { font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #242424; } a, button, input, input[type="buttton"], input[type="submit"], .btn { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; outline: none !important; text-decoration: none; border: none; font-style: normal; text-decoration: none; } input { width: 100%; } img, figure { max-width: 100%; max-height: 100%; margin: 0; padding: 0; } ul, ol, li { list-style: none; margin: 0; padding: 0 } a, a:hover, a:focus { text-decoration: none; } h1, h2, h3, h4, h5, h6, p { font-weight: normal; margin: 0; } input, textarea { padding: 5px 10px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; } /*Buttons*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; color: #000; } input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; color: #000; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #000; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #000; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .noradius { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently  supported by Chrome and Opera */ } .pointerNone { pointer-events: none; -webkit-pointer-events: none; -moz-pointer-events: none; } .relative { position: relative; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .row{ margin: 0 -10px; } .modal { padding: 0 !important; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding: 0 10px;} /*******************Reset Css****************/
.material-icons-outlined, .material-icons, .material-icons-round{vertical-align: middle;} 
.container-fluid{padding: 0 20px;} 
.hdr_top{background-color: #004254; padding: 5px;} 
.top_outer{display: flex; align-items: center; justify-content: flex-end;} 
.top_menu ul{display: flex; align-items: center;} 
.top_menu ul li a{font-size: 12px; color: #CCCCCC;} 
.top_menu ul li{margin-right: 15px; padding-right: 15px; line-height: 100%; border-right: 1px solid #ccc;} 
.top_menu ul li a:hover{color: #FBBB21;} 
.hdr_bttm{padding: 25px 0; background-color: #fff; border-bottom: 1px solid #DFDADA;} 
.header_innr{display: flex; align-items: center; justify-content: space-between;} 
.inner_hddr{background-color: transparent;} 
.header_outer.shrink{box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); background-color: #fff; position: fixed; padding: 15px 0;} 
.menu_cross{display: none;} 
.logobar_outer{display: flex; align-items: center;} 
.header_menu ul{display: flex; align-items: center;} 
.srch_icon{display: none;} 
.hdr_srchbar{display: flex;} 
.menu_bar a{color: #fff;} 
.left_logo_bar{display: flex; align-items: center;} 
.menu_bar a span{font-size: 30px; line-height: 100%;} 
.hdr_logo{min-width: 90px; max-width: 120px; margin-left: 10px;}

.hdr_logo a{display: block; margin: 0; padding: 0; position: relative; top: -4px;} 
.header_menu ul li{margin-right: 25px;} 
.header_menu ul li:last-child{margin-right: 0;} 
.header_menu ul li a{font-size: 14px; text-transform: capitalize; color: #004254; position: relative;} 
.header_menu ul li a:after{background-color: #FBBB21; position: absolute; content: ""; left: auto; right: 0; transition: 0.5s; width: 0; z-index: 1; bottom: -10px; height: 2px;} 
.header_menu ul li a:hover:after, .header_menu ul li.active_menu a:after{left: 0; right: auto; width: 100%;} 
.header_menu ul li a:hover{opacity: 1;} 
.header_menu ul li.active_menu a{opacity: 1;} 
.menu_srch_pnl{margin-left: 30px;} 
.hdr_btnslct_outer{display: flex; align-items: center;} 
.lang_slect_bx .select2-container--default .select2-selection--single{border: 0;} 
.hdr_srch{position: relative; margin: 0 20px;} 
.hdr_srch .form-control{height: 30px; width: 150px; border: 1px solid #1E6A81; border-right: 0; font-size: 12px; color: #999987; box-shadow: none; background-color: transparent; padding-right: 35px;} 
.hdr_srch .form-control:focus{border-color: #37AAB2;} 
.srchsbmit_btn{height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; color: #FFF; border: 0; background-color: #1E6A81; position: absolute; right: 0; top: 0; cursor: pointer;} 
.srchsbmit_btn span{font-size: 16px;} 
.hdr_srchbar{position: relative; margin-right: 15px;} 
.login_btn{margin-left: 15px;} 
.submit_btn{height: 42px; width: 42px; border-radius: 0 5px 5px 0; font-size: 0; cursor: pointer;} 
.cart_btn a i{font-size: 30px; color: #243534;} 
.profile_menu{margin-left: 15px;} 
.hdrprofile_pic{height: 36px; width: 36px; min-width: 36px; overflow: hidden; border-radius: 50%;} 
.loginuser_area > ul > li > a{display: flex; align-items: center; color: #fff;} 
.usr_text{font-size: 14px; color: #fff; font-weight: 400;} 
.usr_text span{font-weight: 500;} 
.usr_pic{margin-left: 10px; height: 20px; width: 20px; border-radius: 50%; overflow: hidden; border: 1px solid #FBBB21; margin-right: 6px;} 
.usr_pic img{width: 100%; height: 100%;} 
.login_menuicon-Outer{display: flex; align-items: center;} 
.shop_bag{padding-left: 10px; margin-left: 10px; line-height: 100%; border-left: 1px solid #ccc;} 
.shop_bag a span{font-size: 17px; color: #fff;} 
.menurightPnl{position: absolute; width: 275px; z-index: 9; background: #FFFFFF; box-shadow: 0px 20px 50px 10px rgba(29, 28, 76, 0.1); top: 100%; display: none; right: 0 !important; margin-top: 17px; border-radius: 0; left: inherit !important; transform: none !important; top: 30px !important; padding: 0 !important; border: 0;} 
.account_hdng h3{font-size: 15px; color: #212529; font-weight: 500; text-transform: capitalize;} 
.account_topUsr{background-color: #003442; padding: 15px; display: flex; align-items: center; justify-content: space-between;} 
.account_user_outer{display: flex; align-items: center;}


.accont_usrPic { height: 35px; width: 35px; min-width: 35px; background: #fff; border-radius: 50%; box-shadow: 0 0 10px rgb(0 0 0 / 12%); overflow: hidden; }
.accont_owner_name{ padding-left: 12px; }
.accont_owner_name h3{ font-size: 14px; color: #fff; font-weight: 600; }
.logout_btn a{ display: flex; align-items: center; justify-content: center; background: #FBBB21; border-radius: 5px; height: 28px; width: 28px; color: #003442; }
.logout_btn a span{ font-size: 18px; } .login_menu a i{ font-size: 22px; color: #ccc; } .afterlogin_menu{ padding: 15px 0; } .afterlogin_menu li a { display: flex; align-items: center; padding: 8px 20px; font-size: 16px; color: #003442; font-weight: 400; text-transform: capitalize; }
.afterlogin_menu li a i{ margin-right: 10px; min-width: 15px; text-align: center; color: #004254; }
.afterlogin_menu li a:hover{ background-color: rgba(64,153,255,0.1); color: #1D1C4C; }
.afterlogin_menu li a:hover i, .logout_btn a:hover span{ color: #1D1C4C; }
.lang_slect_bx .select2-container--default .select2-selection--single{ background-color: transparent; border: 0; }
.lang_slect_bx .select2-container--default .select2-selection--single{ font-size: 12px; padding: 0 15px 0 0; }
.lang_slect_bx .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #ccc; }
.lang_slect_bx .select2-container--default .select2-selection--single .select2-selection__arrow{ background-image: url(../images/slct-arw-w.svg); right: 0; }
.lang_slect_bx select{ font-size: 12px; color: #fff; background-color: transparent; }
.lang_slect_bx select option{ color: #004254; }
.mobile_langslct{ display: none; }
.backend_hdrOuter{ background-color: #004254; padding: 15px 0; }
.hdr_bkendOuter { display: flex; align-items: center; justify-content: space-between; }
/* ===side-menu==start===== */

.backend_hdrmenu { position: fixed; left: 0; top: 0; bottom: 0; width: 253px; background-color: #003442; z-index: 99; transition: 0.5s; transform: translateX(-100%); } .menu_txt{ padding: 30px 25px 12px; font-size: 14px; color: #fff; text-transform: uppercase; cursor: pointer; display: flex; align-items: center; } .menu_txt i{ color: #FBBB21; margin-right: 6px; } .menu_pnl > ul > li > a{ display: flex; align-items: center; position: relative; padding: 13px 25px; font-size: 14px; color: #fff; } .menu_pnl > ul > li > a i{ margin-right: 10px; color: #FBBB21; } .menu_pnl > ul > li > a:hover, .menu_pnl >ul > li.active_menu > a, .menu_pnl > ul > li > a.show{ background-color: #004254; } .caret{ position: absolute; right: 25px; top: 50%; transform: translateY(-50%); transition: 0.5s; } .show .caret{ transform: translateY(-50%) rotate(180deg); } .menu_open .backend_hdrmenu{ transform: translateX(0); } /* .overlay{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; } */ .menu_pnl { height: calc(100vh - 66px); overflow-y: auto; } .menu_pnl .dropdown-menu{ position: static !important; transform: none !important; background-color: transparent; border: 0; box-shadow: none; border-radius: 0; min-width: 100%; padding: 0 0 0 60px; } .backend_hdrmenu ::-webkit-scrollbar { width: 0; } .backend_hdrmenu ::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 10px; border-radius: 10px; }

.backend_hdrmenu ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: transparent; } .menu_pnl .dropdown-menu li a{ font-size: 14px; color: #fff; font-weight: 400; padding: 10px 0; display: block; } .menu_pnl .dropdown-menu li a:hover{ color: #FBBB21; }


/* ===side-menu==end===== */


/* start-footer */

/* buttons */
.basic_btn{ padding: 0 20px; font-size: 14px; color: #fff; height: 50px; text-align: center; display: inline-flex; align-items: center; justify-content: center; /* border-radius: 5px; */ background-color: #004254; cursor: pointer; position: relative; overflow: hidden; z-index: 2; transition: 0.4s; text-transform: capitalize; } .border_btn{ color: #37AAB2; font-weight: 600; font-size: 14px; border: 1px solid #37AAB2; text-align:  center; line-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 25px; position: relative; overflow: hidden; cursor: pointer; z-index: 2; transition: 0.4s; text-transform: capitalize; } .basic_btn:after, .border_btn:after { background-color: #FBBB21; position: absolute; content: ""; left: auto; right: 0; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; width: 0; z-index: -1; top: 0; bottom: 0; /* border-radius: 5px; */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } .basic_btn:hover:after, .border_btn:hover:after { left: 0; right: auto; width: 100%; } .basic_btn:hover, .border_btn:hover{ color: #fff; } .border_btn:hover{ border-color: #FBBB21; color: #004254; } .ylw_btn{ width: 100%; background-color: #FBBB21; color: #004254; font-size: 16px; font-weight: 700; } .ylw_btn:after{ background-color: #37AAB2; } .cancel_btn{ background-color: #6F7A7C; } .grn_btn{ background-color: #37AAB2; }

/* Toggle-switch */
.swicth_bx input[type=checkbox]{ height: 0; width: 0; visibility: hidden; display: none; } .swicth_bx label { cursor: pointer; text-indent: -9999px; width: 70px; height: 36px; background: #D1D1D6; display: block; border-radius: 100px; position: relative; } .swicth_bx label:after { content: ''; position: absolute; top: 3px; left: 5px; width: 30px; height: 30px; background: #fff; border-radius: 90px; transition: 0.3s; } .swicth_bx input:checked + label { background: #1DC9A0; } .swicth_bx input:checked + label:after { left: calc(100% - 5px); transform: translateX(-100%); } .swicth_bx label:active:after { width: 40px; }

/* Toggle-switch */



/* -------pagination----- */

.pagination_list ul{ display: flex; align-items: center; justify-content: center; } .pagination_list{ margin: 35px 0 0; } .pagination_list ul li a{ height: 38px; width: 38px; border-radius: 0; font-size: 15px; color: #8E8EA6; display: flex; align-items: center; justify-content: center; font-weight: 600; } .pagination_list ul li:first-child a, .pagination_list ul li:last-child a{ color: #6F7A7C; } .pagination_list ul li:first-child a i, .pagination_list ul li:last-child a i{ font-size: 18px; } .pagination_list ul li + li{ margin-left: 10px; } .pagination_list ul li.active a{ background: #FBBB21; color: #004254; } .pagination_list li:first-child{ margin-right: 10px; } .pagination_list li:last-child{ margin-left: 20px; }

/* end-pagination */

/* ====breadcrumb======start */
.breadcum_area{ margin-bottom: 20px; } .breadcrumb li::after { color: #6F7A7C; font-size: 9px; font-weight: 600; content: "/"; position: absolute; top: 55%; transform: translateY(-50%); right: -2px; } .breadcrumb-item:last-child:after{ display: none; } .breadcrumb-item+.breadcrumb-item { padding-left: 0; } .breadcrumb-item+.breadcrumb-item::before{ display: none; } .breadcrumb li{ position: relative; padding-right: 10px; margin-right: 10px; line-height: 100%; } .breadcrumb li:last-child{ margin: 0; padding: 0; } .breadcrumb li a{ /* font-size: 12px; */ color: #1A2034; font-weight: 500; } .breadcrumb li a:hover{ color: #6F7A7C; } .breadcrumb-item.active{ color: #6F7A7C; /* font-size: 12px; */ } .bredcum_area{ background-color: #37AAB2; padding: 20px 0; } .breadcrumb{ align-items: center; margin: 0; }
/* ====breadcrumb======end */

/* =============selectbox============== */

.select2-container{ width: 100% !important; display: block; } .select2-container--default .select2-selection--single { background: #f4f4f4; border: 1px solid #6F7A7C; border-radius: 0; font-size: 16px; color: #004254; height: 50px; display: flex; align-items: center; padding: 0 40px 0 20px; font-weight: 500; text-transform: capitalize; } .select2-container--default .select2-selection--single .select2-selection__rendered{ padding: 0; color: #004254; } .select2-container--default .select2-selection--single .select2-selection__arrow b{ border: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 12px; width: 12px; background-image: url(../images/dwn-arw.svg); background-repeat: no-repeat; background-position: center; margin: 0; top: 50%; transform: translateY(-50%); right: 20px; } .select2-dropdown { background-color: white; border: 1px solid transparent !important; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,.15); padding: 10px 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #dcd8d8; border-radius: 5px; font-weight: 500; height: 35px; } .select2-container--default .select2-search--dropdown .select2-search__field:focus{ border-color: #FBBB21; } .select2-results__option{ padding: 8px 20px; color: #8e8ea6; transition: 0.3s; font-weight: 500; } .select2-container--default .select2-results__option--selected { background: rgba(237, 237, 241, 0.5); color: #8e8ea6; font-size: 15px; transition: 0.3s; font-weight: 500; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{ background-color: transparent; color: #8e8ea6; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover{ background-color: rgba(237, 237, 241, 0.5); color: #8e8ea6; }

/* =============selectbox============== */

/* start----login-register_area */
.job_modal .modal-body { padding: 0; } .job_modal .modal-header { border-radius:  0px; position: relative; display: block; padding: 25px 30px; border: 0; background-color: #004254; } .job_modal .modal-header .close { position: absolute; height: 34px; width: 34px; background-color: #FBBB21; right: 20px; font-size: 18px; color: #004254; top: 20px; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; z-index: 99; opacity: 1; } .job_modal.signin_modal .modal-dialog { max-width: 405px; } .job_modal .modal-content{ border: 0; } .forgot_btn { width: 60%; } .apply_btn { width: 40%; } .apply_btn .basic_btn, .forgot_btn .border_btn{ width: 100%; } .signin_hdng  h3{ font-size: 28px; color: #fff; font-weight: 700; text-transform: capitalize; font-family: "Playfair Display", serif; } .signin_hdng h5{ margin: 12px 0 0; font-size: 14px; color: #fff; font-weight: 500; } .login_fillOuter .input_fill { margin-bottom: 15px; } .login_inputfill label { font-weight: 600; color: #243534; } .radio-check { margin: 0; cursor: pointer; display: flex; align-items: center; } .radio-check p{ font-size: 16px; color: #54575C; } .radio-check input[type='checkbox'], .radio-check input[type='radio'] { display: none; } .radio-check input[type='checkbox'] + span { width: 19px; min-width: 19px; height: 19px; border: 1.4px solid #BBBBBB; border-radius: 2px; background: #fff; position: relative; margin-right: 10px; } .radio-check input[type='checkbox']:checked + span:after { content: ""; position: absolute; left: 1px; top: 1px; right: 1px; bottom: 1px; background: url(../images/check.png) no-repeat center center; background-size: 10px; } .radio-check input[type='radio'] + span { width: 19px; height: 19px; min-width: 19px; border-radius: 50px; margin-right: 5px; position: relative; border: 1px solid #6F7A7C; } .radio-check input[type='radio']:checked + span:after { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 20px; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #37AAB2; } .radio-check input[type='radio']:checked + span{ border-color: #37AAB2; } .trms_check p { font-size: 15px; color: #8E8EA6; font-weight: 500; } .input_fill label { font-weight: 600; color: #004254; font-size: 16px; margin-bottom: 10px; }
/* =========================== */

/* Loader-css */

#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0;height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 999;}
#preloader #status {position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);max-width: 160px;}
#preloader #status span{animation: zoom-in-zoom-out 2s ease-out infinite;display: block;}
.dots-outer {display: flex;align-items: center;justify-content: center;margin-top: 15px;}
.dot-pulse {position: relative;left: -9999px;width: 10px;height: 10px;border-radius: 5px;background-color: #FBBB21;color: #FBBB21;box-shadow: 9999px 0 0 -5px #FBBB21;-webkit-animation: dotPulse 1.5s infinite linear;animation: dotPulse 1.5s infinite linear;-webkit-animation-delay: 0.25s; animation-delay: 0.25s;
}
.dot-pulse::before, .dot-pulse::after {content: ''; display: inline-block;position: absolute;top: 0;width: 10px;height:10px;border-radius: 5px;background-color: #FBBB21;color: #FBBB21;}
  
  .dot-pulse::before {box-shadow: 9984px 0 0 -5px #FBBB21;animation: dotPulseBefore 1.5s infinite linear;animation-delay: 0s;}
  
  .dot-pulse::after {box-shadow: 10014px 0 0 -5px #FBBB21;animation: dotPulseAfter 1.5s infinite linear;animation-delay: .5s;}
  
  @keyframes dotPulseBefore {
    0% {box-shadow: 9984px 0 0 -5px #FBBB21;}
    30% {box-shadow: 9984px 0 0 2px #FBBB21;}
    60%,100% {box-shadow: 9984px 0 0 -5px #FBBB21;}
  }
  
  @keyframes dotPulse {
    0% {box-shadow: 9999px 0 0 -5px #FBBB21;}
    30% {box-shadow: 9999px 0 0 2px #FBBB21;}
    60%,100% {box-shadow: 9999px 0 0 -5px #FBBB21;}
  }
  
  @keyframes dotPulseAfter {
    0% {box-shadow: 10014px 0 0 -5px #FBBB21;}
    30% {box-shadow: 10014px 0 0 2px #FBBB21;}
    60%,100% {box-shadow: 10014px 0 0 -5px #FBBB21;}
  }

  @keyframes zoom-in-zoom-out {
    0% {transform: scale(1, 1);}
    50% {transform: scale(1.12, 1.12);}
    100% {transform: scale(1, 1);}
  }

/* Loader-css end*/

 /* footer--end */
@media(min-width:1300px){
    .container { max-width: 1340px; }
}
@media(max-width:1365px){
    .basic_btn { padding: 0 20px; font-size: 16px; }
}
@media(max-width:991px){
    .select2-container--default .select2-selection--single{ height: 40px; font-size: 14px; } .header_menu ul li { margin-right: 15px; } .menu_srch_pnl { margin-left: 10px; } .hdr_srchbar { margin-right: 10px; } .page_hdng h2{ font-size: 26px; } .border_btn, .basic_btn{ font-size: 14px; } .menu_bar a { height: 32px; width: 37px; } .ftr_para { max-width: 100%; } .ftr_logoArea { margin-bottom: 30px; } .ftr_item h3 { font-size: 17px; margin-bottom: 20px; } .page_back { margin-bottom: 10px; } .mobile_vdo, .mob_cartBag { display: block; } .mobile_vdo{ margin: 15px 0; } .top_vdoPnl .vdo_toptraining { display: none; } .about_coursepnl .details_rightPnl{ display: none; } .vdo_value_text{ padding-top: 0; width: 50%; order: 1; } .cartbuy_outer { margin-top: 0; order: 2; width: 50%; display: flex; align-items: center; justify-content: flex-end; } .mob_cartBag{ margin-right: 15px; } .mob_cartBag a{ display: inline-block; color: #AEC90A; } .cartbuy_outer ul li a{ min-width: 110px; } .top_vdoPnl { padding: 15px; position: fixed; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9; box-shadow: 0 0 15px rgb(0 0 0 / 12%); display: flex; flex-wrap: wrap; align-items: center; } .cartbuy_outer ul li:first-child{ display: none; } .vdo_time { margin-top: 10px; width: 100%; order: 3; text-align: right; } /* .checkout_area { padding: 85px 0 145px; } */ .srch_submitBx .basic_btn{ height: 40px; } .menu_bar{ display: block; } .header_menu ul li.active_menu a{ color: #004254; background-color: #FBBB21; } .header_menu ul li a{ opacity: 1; } .select2-container--default .select2-selection--single{ padding-left: 10px; } .header_menu { position: fixed; width: 260px; background-color: #004254; top: 0; right: 0; bottom: 0; z-index: 102; transition: 0.5s; transform: translateX(300px); padding: 60px 0px 30px 0px; } .header_menu ul{ flex-wrap: wrap; } .header_menu ul li{ display: block; width: 100%; margin: 0; } .overlay{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.8); overflow: hidden; display: none; z-index: 100; } .append_menu .overlay{ display: block; } .append_menu{ overflow: hidden; } .append_menu .header_menu{ transform: translateX(0); } .header_outer{ backdrop-filter: none; } .menu_cross { display: block; color: #fff; font-size: 28px; } .inner_pnlBody { height: calc(100vh - 80px); overflow-y: auto; } .menu_cross { cursor: pointer; height: 30px; width: 30px; /* box-shadow: 0px 2px 5px rgb(189 188 223 / 60%); */ /* border-radius: 5px; */ background-color: #FBBB21; display: flex; align-items: center; justify-content: center; position: absolute; right: 15px; top: 15px; font-size: 17px; color: #004254; font-weight: normal; } .header_menu ul li a { font-size: 16px; color: #fff; padding: 8px 20px; display: flex; align-items: center; } .header_menu ul li a:hover{ background-color: #FBBB21; color: #004254; } .hdr_btnslct_outer{ margin-left: auto; } .contact_btn{ display: none; } .hdr_logo { min-width: 170px; max-width: 170px; } .details_tabrghtPnl{ margin-top: 20px; } .signupright_pnl{ display: none; } .signupleft_pnl{ width: 100%; padding: 30px 20px; } .login_area { padding: 35px 0 40px; } .login_hdng h2{ font-size: 34px; } .hdr_top { display: block; } .hdr_bttm { padding: 15px 0;; } .header_menu ul li a:after{ display: none; } .ftr_social ul li a { height: 34px; width: 34px; font-size: 16px; } .ftr_social ul li { margin-right: 5px; } .mobile_langslct.lang_slect_bx{ display: none; margin-left: auto; margin-right: 15px; } .lang_slect_bx{ display: none; } .lang_slect_bx select { color: #004254; } .mail_btns { margin-left: 0; }
}
@media(max-width:767px){
 .page_hdng { margin-bottom: 25px; } .hdr_srchbar{ display: none; } .basic_btn{ height: 44px; padding: 0 15px; font-size: 14px; } .border_btn{ line-height: 42px; } .shop_arw { height: 45px; width: 45px; } .bnr_btn a { min-width: 130px; } .job_modal .modal-header { padding: 20px 20px 15px; } .job_modal .modal-header .close{ right: 10px; top: 10px; } .page_hdng h2 { font-size: 24px; } .lang_slect_bx .select2-container--default .select2-selection--single { font-size: 15px; } .footer_outer { padding: 35px 0; } .top_menu { display: none; } .input_fill label{ font-size: 13px; } .profile_fill_row > label{ min-height: auto; } .mail_btns{ margin-top: 15px; } .tab_links .nav-tabs .nav-link{ height: 40px; }
}

@media(max-width:575px){
    .border_btn, .basic_btn{ padding: 0 20px; } .pagination_list ul li:first-child a, .pagination_list ul li:last-child a{ height: 32px; width: 32px; } .pagination_list ul li + li { margin-left: 5px; } .pagination_list ul li a { height: 30px; width: 30px; font-size: 13px; } .pagination_list li:first-child { margin-right: 5px; } .pagination_list li:last-child { margin-left: 5px; } .pagination_list ul li:first-child a i, .pagination_list ul li:last-child a i{ font-size: 19px; } .pagination_list { margin: 20px 0 0; } .hdr_logo { min-width: 150px; max-width: 150px; } .tabs_links{ overflow-x: auto; } .tabs_links .nav-tabs{ flex-wrap: nowrap; } .tabs_links .nav-tabs li a{ white-space: nowrap; } .login_hdng h2 { font-size: 28px; line-height: 36px; } .trms_check p, .forgot_links a{ font-size: 14px; } .signupleft_pnl { padding: 30px 15px; } .linkedin_btn a{ height: 42px; font-size: 14px; }
}

@media(max-width:480px){
    .page_hdng h2 { font-size: 22px; }
}
@media(max-width:420px){
    .page_hdng h2 { font-size: 20px; } .footer_top .col-4 { flex: 0 0 auto; width: 100%; margin-bottom: 20px; } .ftr_item h3 { font-size: 15px; } .ftr_social ul li a { height: 33px; width: 33px; font-size: 16px; }
}


/* ---tabs--css---- */
.learning_coursetablinks { background-color: #003442; }
.tab_links .nav-tabs { border-bottom: 0; flex-wrap: nowrap; justify-content: space-between; border: 0; }
.tab_links .nav-tabs li{ margin-bottom: 0; width: 100%; border-right: 1px solid #004254; }
.tab_links .nav-tabs li:last-child{ border: 0; }
.tab_links .nav-tabs .nav-link { padding: 0; border: 0; box-shadow: none; height: 48px; display: flex; align-items: center; justify-content: center; padding: 0 12px; font-size: 14px; color: #fff; border: 0; border-radius: 0; text-transform: capitalize;white-space: nowrap; }
.tab_links .nav-tabs .nav-item.show .nav-link, .tab_links .nav-tabs .nav-link.active{
    background-color: #FBBB21;
    color: #004254;
}
.tab_links .nav-tabs .nav-link i{
    font-size: 20px;
    margin-right: 6px;
}
/* ---tabs--css-end--- */


/* ---accordian--css------------- */
.accordian_area .accordion-button::after{
    display: none;
}
.accordian_area .accordion-item {
    background: #F4F4F4;
    border: 0 !important;
    margin-bottom: 10px;
}
.accordian_area .accordion-button {
    padding: 15px 20px;
    outline: none;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    font-size: 16px;
    color: #004254;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}
.accordion-body {
    padding: 0 20px 20px;
}
.faq_para p {
    font-size: 15px;
    color: #004254;
    line-height: 26px;
}
.accordion-button i{
    transform: rotate(180deg);
    transition: 0.3s;
}
.accordion-button.collapsed i{
    transition: 0.3s;
    transform: rotate(0deg);
}

/* -----end-accordian-ccs-------------- */

.profile_tabcontent_sec{
    padding-bottom: 75px;
}
.profile_tabInnr{
    padding: 25px 0 0;
}
.prsnl_profile_pic{
    position: relative;
    overflow: hidden;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    background-color: #f4f4f4;
}
.prsnl_profile_pic figure img{
    width: 100%;
    height: 100%;
}
.personel_profile_area{
    margin: 0 0 40px;
    display: flex;
}
.upload_camera {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.upload_camera a span{
    font-size: 20px;
    color: #fff;
}
.upload_camera:after{
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 1;
    transition: 0.5s;
}
.upload_btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
    height: 100%;
    width: 100%;
}
.upload_camera a{
    display: block;
    position: relative;
    z-index: 2;
    transform: scale(0);
}
.upload_camera a + a{
    margin-left: 15px;
}
.upload_camera input[type=file]::-webkit-file-upload-button {
    display: none;
  }
.upload_camera:hover:after{
    top: 0;
}
.upload_camera:hover a{
    transform: scale(1);
}
.personl_profiledetails {
    padding-left: 20px;
}
.profile_owner_outer {
    display: flex;
    margin-bottom: 20px;
}
.profile_owner_text h2{
    font-size: 30px;
    color: #003442;
    font-family: "Playfair Display", serif;
    line-height: 40px;
}
.profile_owner_editbtn{
    margin-left: 15px;
}
.edit_input{
    display: none;
}
.input_fill.edit_input .form-control{
    height: 42px;
}
.editname_bx .edit_input{
    display: block;
}
.profile_owner_editbtn span{
    height: 40px;
    width: 40px;
    border: 1px solid #6F7A7C;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #003442;
    background-color: #f9f9f9;
}
.profile_owner_editbtn span{
    font-size: 22px;
}
.editname_bx .profile_owner_text h2, .editname_bx .profile_owner_text h5{
    display: none;
}
.editname_bx .edit_pencil{
    display: none;
}
.edit_send{
    display: none;
}
.editname_bx .edit_send{
    display: block;
}

.profile_owner_editbtn span:hover{
    background-color: #FBBB21;
    color: #004254;
}
.profile_owner_text h5{
    font-size: 14px;
    color: #6F7A7C;
}
.profile_social ul{
    display: flex;
    align-items: center;
    gap: 6px;
}
.profile_social ul li a{
    height: 40px;
    width: 40px;
    border: 1px solid #6F7A7C;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile_graybx_item{
    background-color: #f4f4f4;
    padding: 30px;
    margin-bottom: 15px;
}
.profile_graybx_item:last-child{
    margin-bottom: 0;
}
.profile_fill_row{
    display: flex;
    align-items: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid #D9DEDF;
}
.profile_fill_row:first-child{
    padding-top: 0;
}
.profile_fill_row:last-child{
    padding-bottom: 0;
    border: 0;
}
.profile_fill_row > label{
    margin: 0;
    font-size: 15px;
    color: #6F7A7C;
    min-width: 160px;
    min-height: 50px;
    display: flex;
    align-items: center;
}
.profile_fill_row .input_fill{
    width: 100%;
}
.input_fill .form-control{
    height: 50px;
    /* resize: none; */
    background-color: #fff;
    border: 1px solid #6F7A7C;
    border-radius: 0;
    color: #003442;
    font-size: 16px;
    box-shadow: none;
}
.input_fill .form-control:focus{
    border-color: #37AAB2;
}
.input_fill.description_fill .form-control{
    height: 100px;
    padding: 15px;
}
.prfile_btnOuter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 0;
}
.profile_rightBtn {
    display: flex;
    align-items: center;
    gap: 10px;
}
.profile_rightBtn .basic_btn{
    min-width: 110px;
    font-weight: 700;
    font-size: 16px;
}

.profile_leftBtn a{
    font-size: 16px;
    font-weight: 700;
    padding: 0 15px;
}
.profile_leftBtn a i{
    margin-right: 5px;
}
.wd_260 .profile_fill_row > label{
    min-width: 220px;
}


.interest_hdng{
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
}
.interest_hdng h4{
    font-size: 16px;
    color: #003442;
    font-weight: 700;
}

.model_selectBx .select2-container--default .select2-selection--single{
    background-color: #fff;
}
.profile_chkList{
    display: flex;
    flex-wrap: wrap;
}

.input_fill .profile_chkList li label{
    margin: 0;
}

.profile_chkList li{
    margin-right: 60px;
    margin-bottom: 10px;
}
.profile_chkList .radio-check input[type='checkbox']:checked + span:after{
    background-image: url(../images/tick-white.svg);
}
.profile_chkList .radio-check input[type='checkbox']:checked + span{
    border-color: transparent;
    background-color: #37AAB2;
}
.profile_chkList li p{
    color: #004254;
    font-size: 15px;
}

.profile_delete_btn {
    text-align: right;
    margin: 15px 0 0;
}

.profile_delete_btn a{
    color: #6F7A7C;
}
.profile_delete_btn a:hover{
    color: #004254;
}
.working_list{
    margin: 15px 0 0;
}


/* ========================= */
/* --survay--table-css---- */

.tablesrch_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.table_srch_wrap {
    display: flex;
    align-items: center;
}
.table_srch_wrap .tble_srchbtn{
    background-color: transparent;
    color: #004254;
    cursor: pointer;
}
.table_srch_wrap .tble_srchbtn span{
    font-size: 20px;
}

.table_srch_wrap .form-control{
    border: 0;
    box-shadow: none;
    font-size: 15px;
    color: #6F7A7C;
}
.table_action .dropdown-menu{
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 10px 28px rgba(21, 21, 35, 0.1);
}
.table_action .dropdown-menu li{
    margin-bottom: 20px;
}
.table_action .dropdown-menu li:last-child{
    margin-bottom: 0;
}
.table_action .dropdown-menu li a{
    font-size: 16px;
    color: #004254;
    font-weight: 500;
    padding: 0;
}
.table_action .dropdown-menu li a:hover{
    color: #37AAB2;
}

.table_innr_scroll{
    overflow-x: auto;
}
.table_innr_scroll table{
    width: 100%;
}
.table_innr_scroll thead{
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
    border-top: 1px solid #ccc;
}
.head_chk_outer {
    display: flex;
    align-items: center;
}
.table_chk .radio-check input[type='checkbox'] + span{
    border-color: #838689;
    height: 15px;
    width: 15px;
    margin: 0;
    min-width: 15px;
    border-width: 2px;
}
.chk_drop a span{
    font-size: 20px;
    color: #838689;
}
.tble_head span{
    color: #6F7A7C;
    font-size: 14px;
}
.tble_head a i{
    color: #838689;
    font-size: 16px;
}
.table_innr_scroll th, .table_innr_scroll td{
    font-weight: 400;
}

.table_innr_scroll th{
    padding: 10px 15px;
}
.table_innr_scroll td{
    padding: 15px;
    font-size: 14px;
    color: #1A2034;
    background: #F4F4F4;
    border-top: 1px solid #ccc;
}
.table_innr_scroll td span{
    color: #6F7A7C;
}

.date_text h5{
    font-size: 16px;
    color: #004254;
    font-weight: 400;
    line-height: 26px;
}
.date_text h6{
    font-size: 12px;
    font-weight: 400;
}
.ylw_txt{
    color: #FBBB21;
}
.grn_text{
    color: #37AAB2;
}

.action_btn ul{
    display: flex;
    align-items: center;
    gap: 15px;
}
.grn_chk{
    color: #37AAB2 !important;
}
.red_cancel{
    color: #FF4B4B !important;
}
.ylw_assist{
    color: #FBBB21 !important;
}

.action_details_btn{
    font-size: 16px;
    color: #37AAB2;
}
.action_details_btn i{
    font-size: 13px;
}
.action_details_btn:hover{
    color: #FBBB21;
}

.date_usr_outer{
    display: flex;
    align-items: center;
}
.date_usrpic{
    height: 20px;
    width: 20px;
    overflow: hidden;
    margin-right: 5px;
    border-radius: 50%;
}
.date_usrtext h5{
    font-size: 12px;
    color: #6F7A7C;
}

.date_text.feedbckdate_txt {
    display: flex;
    align-items: center;
}
.date_text.feedbckdate_txt h6{
    margin-left: 5px;
}
.date_text.feedbckdate_txt h5{
    font-size: 14px;
}


/* --survay--table-css---- */
.mail_text a{
    display: inline-block;
    color: #37AAB2;
    font-size: 14px;
}
.mail_text a:hover{
    color: #003442;
}
.accoun_left_con p{
    font-size: 15px;
    color: #003442;
    margin-top: 10px;
}

.profile_rightBtn .basic_btn{
    padding: 0 15px;
    width: auto;
}

.wd_360 .profile_fill_row > label {
    min-width: 360px;
}


/* ======================== */


.survay_feedmodal .modal-dialog{
    max-width: 1140px;
}
.survay_feedmodal .modal-content{
    background: #F4F4F4;
    box-shadow: 0px 10px 150px rgba(0, 0, 0, 0.02);
}
.close_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
}

.mdl_outer {
    display: flex;
    flex-wrap: wrap;
}
.mdl_lftpnl {
    width: 35%;
}
.mdl_rghtpnl {
    width: 65%;
    padding-left: 30px;
}
.mdl_lftpnl .events_itemBx{
    background: #FFFFFF;
    border: 1px solid #D1D1D1;  
    margin: 0;
    position: relative;
}
.ylw_closeBtn {
    height: 34px;
    width: 34px;
    background-color: #FBBB21;
    color: #004254;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-header, .modal-content {
    border-radius: 0;
    border: 0;
}
.pd_20 {
    padding: 20px;
}
.chappions_rating a {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #004254;
    font-weight: 400;
}
.chappions_rating a i {
    font-size: 18px;
    color: #FBBB21;
}
.chappions_rating a em {
    opacity: 0.6;
}
.events_itemBx .leftchampion_text {
    margin-bottom: 10px;
}
.experts_skill ul {
    display: flex;
    flex-wrap: wrap;
}
.experts_skill li {
    margin: 0 5px 5px 0;
}
.experts_skill li a {
    border: 1px solid #6F7A7C;
    color: #004254;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    height: 30px;
}
.experts_skill li a:hover {
    background-color: #FBBB21;
    border-color: #FBBB21;
    color: #004254;
}
.ambassadors_users {
    margin: 20px 0 0;
}
.ambassadors_users ul {
    display: flex;
    align-items: center;
}
.ambassadors_users ul  li a{
    display: flex;
    height: 41px;
    width: 41px;
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
.mdl_lftpnl .groups_pic {
    padding: 0px 20px;
}
.groups_pic img {
    width: 100%;
}
.leftchampion_text h3 {
    font-size: 18px;
    color: #004254;
    font-weight: 700;
    line-height: 28px;
}
.accor_ansArea .form_commnts_area {
    background-color: #fff;
    border-radius: 0;
    overflow: hidden;
    border: 1px solid #6F7A7C;
}
.form_commnts_area .form-control {
    resize: none;
    height: 76px;
    width: 100%;
    box-shadow: none;
    padding: 16px 20px;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}
.furmcmnt_btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 20px 15px;
}
.ans_count_text .cmnt_btn {
    height: 30px;
    width: 33px;
    background-color: #FBBB21;
    color: #003442;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bookmarks_grps {
    position: absolute;
    right: 20px;
    top: 20px;
}
.bookmarks_grps a {
    color: #6F7A7C;
    display: inline-block;
}
.w_100{
    width: 100%;
}
.mdl_lftpnl .groups_pic{
    padding: 0px 20px;
}
.srvay_feedhdng h2{
    font-size: 30px;
    color: #004254;
    font-family: "Playfair Display", serif;
}
.srvay_feedhdng{
    margin-bottom: 15px;
}

.survay_accordianarw_right {
    display: flex;
    align-items: center;
}
.question_count{
    height: 30px;
    min-width: 65px;
    padding: 0 10px;
    background-color: #37AAB2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.question_count h5{
    font-size: 11px;
    color: #fff;
}

 .accordian_area.mdlblue_accordian .accordion-item{
    background-color: transparent;
 }

.mdlblue_accordian .accordion-button{
    background-color: #004254;
    color: #f4f4f4;
    font-weight: 400;
    font-size: 14px;
}
.mdlblue_accordian .accordion-body{
    border: 1px solid #6F7A7C;
}
.accor_ansArea{
    background-color: #fff;
    padding: 15px;
    display: flex;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.accor_ansArea:nth-child(even){
    background-color: #f4f4f4;
}
.mdlblue_accordian .accordion-body {
    padding: 0;
}
.ans_count{
    min-width: 20px;
    margin-right: 20px;
}
.ans_count h3{
    font-size: 14px;
    color:  #1A2034;
}
.ans_para p{
    font-size: 15px;
    color: #1A2034;
    line-height: 22px;
    margin-bottom: 20px;
}
.ans_para p:last-child{
    margin-bottom: 0;
}
.ans_para{
    margin-bottom: 10px;
}

.ans_rating ul{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.ans_rating li + li{
    margin-left: 5px;
}
.ans_rating li a{
    color: #6F7A7C;
}
.accor_ansArea .form_commnts_area{
    background-color: #fff;
}
.ans_rating li a:hover, .ans_rating li a:focus{
    color: #37AAB2;
}
.submit_survay{
    display: inline-block;
    margin: 20px 0 0;
}

.srvy_feedbdy{
    padding: 30px 30px 65px;
}

.feedback_userOuter{
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}
.feedback_usr{
    height: 47px;
    width: 47px;
    min-width: 47px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.feedback_usr_text h4{
    font-size: 16px;
    color: #003442;
    font-weight: 700;
    line-height: 26px;
}
.feedback_usr_text h5{
    font-size: 14px;
    color: #003442;
}
.feedback_usr_text h5 span{
    margin-left: 5px;
    font-size: 12px;
    color: #37AAB2;
}
.feedback_list_item{
    margin-bottom: 30px;
}
.feedback_list_item:last-child{
    margin-bottom: 0;
}
.feedback_list_item h3{
    font-size: 16px;
    color: #373744;
    margin-bottom: 10px;
    font-weight: 700;
}
.white_textbx{
    padding: 15px 15px 40px;
    background-color: #fff;
}

.white_textbx p{
    font-size: 15px;
    color: #003442;
    line-height: 22px;
}

.chekbox_list .profile_chkList{
    display: block;
}
.chekbox_list .profile_chkList li{
    margin: 0 0 15px;
}

.chekbox_list .profile_chkList li:last-child{
    margin-bottom: 0;
}
.ans_count_text .cmnt_btn{
    height: 30px;
    width: 33px;
    background-color: #FBBB21;
    color: #003442;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ans_count_text .cmnt_btn span{
    font-size: 18px;
}

/* ---end-feedback-modal============ */

/* =start--create-leads================ */
.leads_total{
    padding: 15px 0 53px;
}
.leads_outer .row{
    margin: 0 -5px;
}
.leads_outer .col{
    padding: 0 5px;
}
.iti{
    width: 100%;
}
.leads_row{
    margin-bottom: 25px;
}
.leads_row:last-child{
    margin-bottom: 0;
}
.experience_innr {
    display: flex;
    align-items: center;
    height: 50px;
    border: 1px solid #6F7A7C;
    padding: 0 15px;
    background-color: #fff;
}
.editor_bx{
    border: 1px solid #6F7A7C;
}
.editor_bx .form-control{
    border: 0;
    border-top: 1px solid #6F7A7C;
    height: 230px !important;
    padding-top: 15px;
}
.editor_bx > span{
    padding: 15px;
    display: block;
    background-color: #fff;
}
.experience_innr .input_fill .form-control{
    border: 0;
    height: auto;
}
.experience_innr .input_fill{
    width: 100%;
}
.post_label {
    font-size: 14px;
    color: #1A2034;
    min-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.date_fillOuter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.date_input{
    background-color: transparent;
    width: 100%;
    color: #838689;
}
.date_input::placeholder, .date_input::-webkit-input-placeholder{
    color: #838689;
}
.leads_colOuter .col{
    margin-bottom: 10px;
}
.location_fill{
    position: relative;
}
.location_fill .form-control{
    padding-right: 45px;
}
.locate_gps{
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #838689;
}
.locate_gps span{
    font-size: 20px;
}
.experience_innr .select2-container--default .select2-selection--single{
    border: 0;
    height: auto;
}
.experience_innr .select2-container--default .select2-selection--single .select2-selection__arrow{
    right: 0;
}
.experience_innr .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #838689;
}
.leads_hdng label{
    font-size: 16px;
    color: #003442;
    font-weight: 700;
}
.leads_hdng{
    margin-bottom: 18px;
}
.date_fill + .date_fill{
    border-left: 1px solid #D2D2D2;
}

.pay_rateOuter {
    width: 100%;
    display: flex;
    align-items: center;
}
.pay_arateItem{
    width: 25%;
    padding: 0 15px;
}
.pay_arateItem .form-control{
    border: 0;
    box-shadow: none;
    border-radius: 0;
}
.pay_arateItem + .pay_arateItem{
    border-left: 1px solid #d2d2d2;
}
.upload_outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 20px;
}
.upload_filetext {
    width: 90%;
}
.upload_filetext p{
    font-size: 16px;
    color: #838689;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.upload_filebtn a{
    display: inline-block;
    position: relative;
    color: #000;
    min-width: 22px;
}
.file_btn{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.hours_outer {
    display: flex;
    align-items: center;
    width: 85%;
}
.hours_fill + .hours_fill {
    border-left: 1px solid #d2d2d2;
}

.tble_head {
    display: flex;
    align-items: center;
}
/* ====end-create-leads================= */

/* ===========dashboard----page============start==== */

.dashboard_area{
    padding: 30px 0 50px;
}
.dashbrd_hdng{
    margin-bottom: 20px;
}
.dashbrd_hdng h3{
    font-size: 30px;
    font-weight: 700;
    font-family: "Playfair Display", serif;
    color: #003442;
}

.dashboad_progress_outer .card{
    padding: 30px 15px;
    background-color: #f4f4f4;
    border: 1px solid #E3E3EE;
    margin-bottom: 20px;
}

.card .percent {
    position: relative;
    text-align: center;
  }
  .card svg {
    position: relative;
    width: 210px;
    height: 210px;
    transform: rotate(-90deg);
    margin: 0 auto;
  }
  .card svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #EAEAEA;
    stroke-width: 8;
    stroke-linecap: round;
  }
  
  .card svg circle:last-of-type {
    stroke-dasharray: 625px;
    stroke-dashoffset: calc(625px - (625px * var(--percent)) / 100);
    stroke: #FBBB21; 
  }
  
  .card .number_value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  

.card:nth-child(1) svg circle:last-of-type {
    stroke: #FBBB21;
  }
.number_value h5{
    font-size: 14px;
    color: #003442;
}
.number_value h3{
    font-size: 30px;
    color: #003442;
    line-height: 35px;
    margin: 8px 0;
    font-weight: 500;
}
.avg_round{
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #E1E1E1;
    border-radius: 90px;
    min-width: 52px;
    margin: 0 auto;
    padding: 0 10px;
    color: #003442;
    font-size: 14px;
}
.details_link{
    margin: 23px 0 0;
    text-align: center;
}
.details_link a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #37AAB2;
}
.details_link a i{
    font-size: 16px;
    margin-left: 2px
}
.details_link a:hover{
    color: #003442;
}
.accordian_area .accordion-button strong{
    margin-right: 10px;
}


/* ====end-----dashboard----page================== */

/*=start=====CRM Conversation-css=============*/

.leads_total {
    padding: 15px 0 53px;
}

.conversation_bredcum{
    padding: 20px 0 0;
}

.cnversation_innr{
    display: flex;
    column-gap: 10px;
}
.left_gmailarea{
    width: 70%;
}
.right_chatArea{
    width: 30%;
}
.btns_top_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.btns_left ul{
    display: inline-flex;
    align-items: center;
    background: #F4F4F4;
    border: 1px solid #004254;
    padding: 3px;
}
.btns_left ul li a{
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    font-size: 16px;
    color: #004254;
    font-weight: 700;
}
.btns_left ul li a i{
    margin-right: 5px;
}
.btns_left li.active a{
    background-color: #004254;
    color: #fff;
}
.btns_right{
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.btns_right .table_srch_wrap{
    border: 1px solid #6F7A7C;
    padding: 0 15px 0 0;
    width: 200px;
    height: 50px;
}
.new_mailbtn a{
    font-size: 16px;
    font-weight: 700;
}
.gmail_textOuter {
    display: flex;
    align-items: center;
}
.marking_star a{
    display: inline-block;
    color: #6F7A7C;
    margin-right: 10px;
}
.gmail_text p{
    font-size: 14px;
    color: #6F7A7C;
}
.gmail_text p span{
    color: #003442;
}
.date_text h5{
    font-size: 14px;
    color: #6F7A7C;
}
.date_text h5 span{
    color: #003442;
}
.chat_lftpnl{
    background-color: #f4f4f4;
}
.chat_hdng h3{
    font-size: 18px;
    font-weight: 600;
    color: #1A2034;
}
.chat_hdng{
    margin-bottom: 15px;
    padding: 20px 20px 0;
}
.usr_srchRow{
    padding: 0 20px 20px;
}

.usr_srchRow .form-control {
    height: 50px;
    box-shadow: none;
    border: 1px solid #6F7A7C;
    font-size: 16px;
    color: #5F6368;
    padding: 0 15px 0 42px;
    background-image: url(../images/chat_srch.svg);
    background-position: left 13px top 50%;
    background-repeat: no-repeat;
}

/*---chat--screens-----start--*/

.profile_usrOuter, .profile_rfresh_outer{
    display: flex;
    align-items: center;
}
.profile_usrOuter{
    justify-content: space-between;
}
.rfresh_profilePic a{
    display: block;
    height: 36px;
    width: 36px;
    min-width: 36px;
    border-radius: 50%;
    overflow: hidden;
}
.rfresh_icon a{
    display: block;
    line-height: 100%;
    color: #37AAB2;
}
.rfresh_icon a span{
    font-size: 18px;
}
.rfresh_icon {
    margin-right: 10px;
}
.profile_row {
    display: flex;
    /* align-items: center; */
}
.profile_pic a{
    display: block;
    line-height: 100%;
}
.profile_bar a{
    color: #5F6368;
    display: block;
    margin-right: 10px;
    line-height: 100%;
}
.profile_bar a i{
    font-size: 30px;
}
.usr_srchRow{
    margin: 10px 0 0;
}
.usr_srchRow .form-control{
    height: 50px;
    box-shadow: none;
    border: 1px solid #E4E4E4;
    font-size: 16px;
    color: #5F6368;
    padding: 0 15px 0 42px;
    background-image: url(../images/chat_srch.svg);
    background-position: left 13px top 50%;
    background-repeat: no-repeat;
}

.chat_usrRow a{
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
}
.chat_usrRow a:hover{
    background-color: #F0F0F0;
}
.usr_lftPnl{
    display: flex;
    align-items: center;
}
.chatting_user{
    background: linear-gradient(180deg, #EBEBEB 0%, #DADADA 100%);
    height: 42px;
    width: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    color: #C1C1C1;
}
.user_name{
    padding-left: 10px;
}
.user_name h3{
    font-size: 16px;
    color: #004254;
    font-weight: 700;
    margin-bottom: 5px;
}
.user_name p{
    color: #6F7A7C;
    font-size: 14px;
}
.user_name p i{
    vertical-align: middle;
    font-size: 16px;
}
.msg_statusRight span{
    display: block;
}
.msg_time{
    font-size: 12px;
    color: #5F6368;
    font-weight: 500;
}
.msg_status i{
    font-size: 16px;
    color: #5F6368;
}
.msg_status{
    text-align: right;
}
.typing_text{
    color: #37AAB2;
    font-weight: 500;
    font-size: 13px;
}
.seen_tick i{
    color: #37AAB2 !important;
}
.msg_statusRight{
    text-align: right;
}
.pending_msg{
    height: 18px;
    width: 18px;
    justify-content: center;
    display: flex !important;
    align-items: center;
    font-size: 10px;
    color: #fff;
    background-color: #37AAB2;
    border-radius: 50%;
    text-align: center;
    float: right;
}
.group_msg_row .chatting_user{
    background: transparent;
    flex-wrap: wrap;
    overflow: visible;
}
.group_usr {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
}
.group_usr img{
    width: 100%;
    height: 100%;
}
.plus_usr{
    font-size: 10px;
    color: #fff;
    background-color: #37AAB2;
}
.chat_usrPnl {
    height: calc(100vh - 287px);
    position: relative;
}
.chat_innrScroll {
    height: 100%;
    overflow-y: auto;
}
.mCSB_inside>.mCSB_container {
    margin-right: 0;
}
.mCSB_scrollTools{
    opacity: 0 !important;
}

.chat_cmntBx{
    position: absolute;
    right: 20px;
    bottom: 23px;
    z-index: 99;
}
.chat_btn{
    background: #FBBB21;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #003442;
    position: relative;
    z-index: 9;
}
.chat_btn:hover{
    color: #003442;
}
.lft_cht_popup{
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 70px;
    min-width: 165px;
    padding: 10px 0;
    transition: 0.5s;
    z-index: 2;
    transform: scale(0);
}
.lft_cht_popup li a{
    display: flex;
    align-items: center;
    padding: 8px 20px;
    font-size: 16px;
    color: #5F6368;
}
.lft_cht_popup li a i{
    font-size: 21px;
    margin-right: 6px;
}
.lft_cht_popup li a:hover{
    background-color: #F0F0F0;
}
.show_chatpopup .lft_cht_popup{
    transform: scale(1);
}
.active_user a{
    background-color: #ddd;
}

/*---chat--screens-----end--*/

.gmail_pnl {
    height: calc(100vh - 235px);
    overflow-y: auto;
}
.conversation_area{
    overflow: hidden;
}
.gmail_pnl .dataTables_wrapper table.dataTable{
    margin-bottom: 0;
}


.gmail_pnl .dataTables_wrapper table.dataTable tbody tr td, .gmail_pnl .dataTables_wrapper table.dataTable tr th{
    padding: 15px 10px;
}

/* ======chat-popup---css============= */
.chatting_innr {
    height: 354px;
    overflow-y: auto;
}
.chating_start{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .chating_start .mCustomScrollBox{
    display: flex;
    align-items: center;
    justify-content: center;
} */
.nothing_caption p{
    font-size: 14px;
    color: #6F7A7C;
}
.tags_row{
    padding: 15px 20px;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    display: flex;
    align-items: center;
}
.tags_links_items  ul{
    display: flex;
    align-items: center;
    overflow-x: auto;
}
.tags_links_items {
    max-width: 80%;
}
.tags_row ul li a{
    background: #E4E4E4;
    border-radius: 90px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    font-size: 16px;
    color: #000;
    height: 44px;
}
.tags_row ul li a:hover, .tags_row ul li.selected a{
    background: linear-gradient(180deg, #FFA564 0%, #FF6464 100%);
    color: #fff;
}
.tags_row ul li + li{
    margin-left: 5px;
}
.tags_row .dropdown-menu.show{
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
    min-width: 450px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}
.tags_row .dropdown-menu li{
    margin-bottom: 10px;
}
.expand_arw{
    margin-left: 10px;
}
.msg_outer{
    padding: 15px 15px 30px;
}
.msg_row{
    display: flex;
    margin-bottom: 20px;
}
.msg_row:last-child{
    margin-bottom: 0;
}
.chat_infoLft{
    min-width: 150px;
    display: flex;
}
.msg_usr{
    height: 25px;
    width: 25px;
    min-width: 25px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.chat_info_timeOuter h4 i{
    vertical-align: middle;
    font-size: 20px;
}
.chat_info_timeOuter h4{
    font-size: 16px;
    color: #5F6368;
    font-weight: 500;
    margin-bottom: 5px;
}
.chat_info_timeOuter h5{
    font-size: 12px;
    color: #5F6368;
}
.chat_info_timeOuter h5 span{
    vertical-align: middle;
}
.chat_msgright{
    width: 100%;
    padding-left: 30px;
}
.msg_text{
    background-color: #F4F4F4;
    /* border-radius: 20px; */
    padding: 10px 15px;
    margin-bottom: 10px;
    display: inline-block;
}
.msg_text p{
    font-size: 14px;
    color: #2F3337;
    line-height: 22px;
}
.upload_picOuter{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px;
    max-width: 100%;
}
.upload_pic_item{
    width: auto;
    padding: 3px;
    position: relative;
    display: inline-block;
}
.xls-section, .pdf-section{
    max-width: 60px;
}
.upload_viewimg {
    max-width: 190px;
}
.upload_pic_item figure img{
    width: 100%;
    border-radius: 20px;
}
.media_caption{
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}
.media_caption a{
    font-size: 20px;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mail_text{
    border: 1px solid #E4E4E4;
    padding: 10px 15px;
    background-color: transparent;
    border-radius: 20px;
    display: inline-block;
}
.mail_text h4{
    font-size: 16px;
    color: #2F3337;
    font-weight: 500;
    margin-bottom: 10px;
}
.mail_text a{
    display: inline-block;
    font-size: 14px;
    color: #2F3337;
    line-height: 20px;
}
.mail_text a i{
    vertical-align: middle;
    background: linear-gradient(180deg, #FFA564 0%, #FF6464 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color:transparent;
    font-size: 20px;
}
.own_msgRow{
    justify-content: flex-end;
}
.own_msgRow .chat_infoLft{
    order: 2;
}
.own_msgRow .chat_msgright{
    padding-left: 0;
    padding-right: 0;
    order: 1;
    text-align: right;
    max-width: 100%;
}
.own_msgArea{
    margin-bottom: 10px;
    background: #37AAB2;
    padding: 10px 15px;
    display: inline-block;
}
.own_msgArea:last-child{
    margin-bottom: 0;
}
.own_msgArea p{
    font-size: 14px;
    color: #fff;
    line-height: 22px;
}
.chat_popupbx {
    background: #fff;
    box-shadow: 0px -5px 30px rgb(0 0 0 / 50%);
    height: 490px;
    max-width: 420px;
    position: fixed;
    right: 20px;
    bottom: -130%;
    z-index: 100;
    transition: 0.5s;
}
.chatopen .chat_popupbx{
    bottom: 0;
}
.replied_msg_row {
    background: rgba(0, 0, 0, 0.1);
    padding: 10px;
    text-align: left;
}
.replied_msg_text {
    margin-top: 5px;
}
.replied_msg_row p {
    color: #e4e4e4;
}
.replied_msg_row span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
}
.owntext_row {
    margin-bottom: 20px;
}

/* chat_rightpnl=========end */


/* group-chat--------start */
.list_back{
    display: none;
}
.grp_chat_Innr {
    height: calc(100vh - 165px);
    position: relative;
}
.msg_shareicon_info > ul{
    display: flex;
    align-items: center;
}
.msg_shareicon_info > ul > li{
    margin-right: 15px;
}
.msg_shareicon_info > ul > li:last-child{
    margin-right: 0;
}
.msg_shareicon_info > ul > li > a{
    color: #929AA8;
    font-size: 16px;
}
.msg_shareicon_info > ul > li > a span{
    color: #2F3337;
}
.msg_shareicon_info > ul > li > a i{
    font-size: 21px;
    vertical-align: middle;
}
.msg_shareicon_info > ul > li:first-child a i{
    font-size: 18px;
}
.msg_shareicon_info > ul > li.active a i{
    vertical-align: middle;
    color: #37AAB2;
}
.msg_shareicon_info .dropdown-menu li a{
    display: flex;
    align-items: center;
    padding: 8px 20px;
    font-size: 16px;
    color: #5F6368;
}
.msg_shareicon_info .dropdown-menu li a i{
    font-size: 20px;
    margin-right: 10px;
}
.msg_shareicon_info .dropdown-menu{
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
}
.msg_shareicon_info .dropdown-menu li a:hover{
    background-color: #F0F0F0;
}
.grp_usrname_time span{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
.grp_usr_prsn{
    color: #2F3337;
}
.grp_usrTime{
    color: #5F6368;
}
.grp_usrname_time{
    margin-bottom: 10px;
}
.group_usrmsg_row .msg_usr{
    margin: 0;
}
.group_usrmsg_row .chat_msgright{
    padding-left: 15px;
}
.group_usrmsg_row .chat_infoLft{
    min-width: auto;
}
.grp_ownmsg .chat_info_timeOuter{
    margin-bottom: 10px;
}

.chat_usrOuter .chatting_user{
    background: transparent;
    flex-wrap: wrap;
    overflow: visible;
}

.chat_sendPnl{
    background: #FFFFFF;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.1);
    padding: 15px 15px;
    display: flex;
    align-items: center;
}
.emoji_iconArea ul{
    display: flex;
    align-items: center;
    min-width: 55px;
}
.emoji_iconArea ul li + li{
    margin-left: 6px;
}
.emoji_iconArea ul li a{
    color: #5F6368;
    display: block;
    line-height: 100%;
}
.emoji_iconArea ul li a span{
    font-size: 20px;
}
.send_textbx{
    width: 100%;
    position: relative;
}
.send_textbx .form-control{
    height: 50px;
    font-size: 16px;
    color: #5F6368;
    border: 1px solid #E4E4E4;
    box-shadow: none;
    padding-right: 40px;
}
.chat_send_btn{
    cursor: pointer;
    background-color: transparent;
    color: #37AAB2;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}
.chatpopup_hdng{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #004254;
    padding: 10px;
}
.chatpopup_hdng h3{
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    text-transform: capitalize;
}
.chatpopup_hdng .ylw_btn{
    height: 34px;
    width: 34px;
}

.dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 1px;
    background: #6F7A7C;
    animation: wave 1.3s linear infinite;
  }
   .dot:nth-child(2) {
    animation-delay: -1.1s;
  }
  .dot:nth-child(3) {
    animation-delay: -0.9s;
  }
  
  @keyframes wave {
    0%, 60%, 100% {
      transform: initial;
    }
    30% {
      transform: translateY(-8px);
    }
  }

  /* ---start--email-popup---- */
  .email_poupPnl {
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    width: 800px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 110;
    transform: translateX(100%);
    transition: 0.5s;
}
.emailpopup_open .email_popup_view{
    transform: translateX(0);
}
.reply_openPopup .email_msg_rply_View{
    transform: translateX(0);
    z-index: 111;
}
.email_topPnl{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px;
}
.subject_fill{
    width: 100%;
}
.emailuser_outer{
    display: flex;
    align-items: center;
}
.email_uploadBtn{
    position: relative;
}
.email_cross a{
    height: 45px;
    width: 45px;
    min-width: 45px;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2F3337;
}
.email_cross{
    margin-right: 15px;
}
.email_userInfo h3{
    font-size: 16px;
    color: #004254;
    font-weight: 700;
    margin-bottom: 7px;
}
.email_userInfo a{
    font-size: 14px;
    color: #6F7A7C;
}
.subject_fill{
    margin-top: 20px;
}
.email_editorupload_pnl{
    padding: 0 20px 20px 20px;
    height: calc(100vh - 235px);
    overflow-y: auto;
}
.editor_icon_row{
    border: 1px solid #e4e4e4;
    padding: 10px;
    margin-bottom: 15px;
}
.editor_msgpnl .form-control{
    height: 250px;
    box-shadow: none;
    font-size: 16px;
    color: #2F3337;
    resize: none;
    padding: 20px 20px;
}

.editor_msgpnl .form-control:focus{
    border-color: #37AAB2;
}
.email_upload_row{
    margin: 20px -5px 0;
    display: flex;
    flex-wrap: wrap;
}
.email_upload_bx{
    width: 25%;
    padding: 0 5px 10px;
}
.upload_bxInnr{
    padding: 10px;
    background-color: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
}
.email_uplod_info{
    display: flex;
    align-items: center;
    width: 75%;
}
.email_upload_icon{
    min-width: 25px;
    width: 25px;
    margin-right: 10px;
}
.email_uplod_cross a{
    display: block;
    line-height: 100%;
    color: #5F6368;
    margin-top: 5px;
}
.email_uplod_cross a i{
    font-size: 18px;
}
.email_upload_icon_text p {
    color: #2F3337;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bttm_send_pnl {
    padding: 15px 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
    height: 80px;
    display: flex;
    align-items: center;
}
.upload_sendOuter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.email_uploadBtn button{
    position: relative;
    background-color: transparent;
    cursor: pointer;
    color: #5F6368;
}
.dlete_sendBtnOuter{
    display: flex;
    align-items: center;
}
.delete_btn{
    background-color: transparent;
    color: #5F6368;
    margin-right: 10px;
}

.delete_btn:hover{
    color: #ff0000;
}

.email_share ul{
    display: flex;
    align-items: center;
}
.email_share ul li a{
    color: #5F6368;
    display: block;
    line-height: 100%;
}
.email_share ul li + li{
    margin-left: 10px;
}
.email_message_body h3{
    font-size: 18px;
    color: #2F3337;
    margin-bottom: 25px;
    font-weight: 500;
}
.email_message_body p{
    font-size: 14px;
    color: #004254;
    margin-bottom: 25px;
    line-height: 24px;
}
.reply_msgRow{
    margin-top: 20px;
}
.reply_btn{
    display: flex;
    align-items: center;
    background-color: #E4E4E4;
    height: 44px;
    padding: 0 15px;
    min-width: 105px;
    justify-content: center;
    color: #2F3337;
    font-size: 16px;
    font-weight: 400;
}
.email_editorupload_pnl.subjct_removePnl{
    height: calc(100vh - 165px);
}

.reply_msgRow .emailuser_outer{
    margin-bottom: 15px;
}
.email_upload_icon_text {
    width: 80%;
}
/* .reply_msgRow, .reply_sendbtnOuter{
    display: none;
} */

.reply_open .reply_msgRow{
    display: flex;
    flex-wrap: wrap;
}
.emailtop_row, .edior_textPnl{
    width: 100%;
}
.reply_open .reply_sendbtnOuter{
    display: flex;
    width: 100%;
}
.reply_open .reply_btn_inr{
    display: none;
}

.owntext_row{
    margin-bottom: 20px;
}
.replied_msg_row{
    background: rgba(0, 0, 0, 0.1);
    padding: 10px;
    text-align: left;
}
.replied_msg_row p{
    color: #e4e4e4;
}
.replied_msg_row span{
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
}
.replied_msg_text{
    margin-top: 5px;
}
.reply_popup_area{
    position: absolute;
    left: 0;
    right: 0;
    background: #37AAB2;
    bottom: 0;
    padding: 10px 70px 10px 10px;
}
.reply_popupmsg{
    background: rgba(0, 0, 0, 0.1);
    border-left: 6px solid #fff;
    padding: 8px;
}
.reply_cross {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
}
.reply_cross a{
    display: inline-block;
    color: #fff;
}
.reply_popupmsg h5{
    font-size: 13px;
    color: #fff;
    line-height: 23px;
}
.reply_popupmsg p{
    font-size: 14px;
    color: #fff;
}

.email_detailsmdl_Bx .mdl_hdng {
    border-radius: 0;
    background: #004254;
    padding: 10px;
    display: flex;
    justify-content: flex-end;
}
.email_detailsmdl_Bx.chat_modalbx .modal-content {
    background: #004254;
    border: 0;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 0px;
    padding: 3px;
}
.email_detailsmdl_Bx .close{
    background: #FBBB21;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #004254;
}

.email_details_body{
    background-color: #f4f4f4;
    padding: 20px;
}

.email_detailsmdl_Bx.chat_modalbx .modal-dialog {
    max-width: 600px;
}

.details_mdlHdr{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 25px 35px;
}
.mdl_logo_right ul{
    display: flex;
    align-items: center;
}
.mdl_logo_right li{
    margin-right: 10px;
}
.mdl_logo_right li:last-child{
    margin-right: 0;
}
.mdl_logo_right li a {
    font-size: 12px;
    color: #6F7A7C;
    display: flex;
    align-items: center;
}
.mdl_logo_right li a i{
    font-size: 18px;
    margin-right: 5px
}
.mdl_logo_right li:last-child a{
    color: #004254;
    font-size: 14px;
}
.email_details_bx{
    background-color: #fff;
    padding: 25px;
    margin: 0 25px;
}
.email_details_bx h3{
    font-size: 18px;
    font-weight: 700;
    color: #004254;
    margin-bottom: 20px;
}

.email_details_bx p{
    font-size: 15px;
    color: #6F7A7C;
    margin-bottom: 30px;
}
.email_details_bx h4{
    font-size: 16px;
    color: #37AAB2;
    font-weight: 700;
}
.email_details_bx h4 span{
    color: #004254;
}
.goodluck_text{
    margin-top: 70px;
}
.goodluck_text h5{
    font-size: 15px;
    color: #6F7A7C;
    line-height: 25px;
}
.goodluck_text h5 span{
    display: block;
    font-weight: 700;
    color: #004254;
}
.details_footer{
    padding: 25px 50px;
    text-align: center;
}
.mdl_footer_top{
    padding-bottom: 15px;
    border-bottom: 1px solid #c7c7c7;
}
.mdl_footer_top a{
    display: inline-block;
    font-size: 14px;
    color: #004254;
}
.mdl_footer_top a:hover{
    color: #FBBB21;
}
.mdl_footer_bttm{
    padding-top: 15px;
}

.mdl_footer_bttm p{
    font-size: 15px;
    color: #6F7A7C;
}

.bttm_send_pnl {
    padding: 15px 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
    height: 80px;
    display: flex;
    align-items: center;
}
.upload_sendOuter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.email_uploadBtn {
    position: relative;
}
.email_uploadBtn button {
    position: relative;
    background-color: transparent;
    cursor: pointer;
    color: #5F6368;
}
.upload_fileBtn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}
.dlete_sendBtnOuter{
    display: flex;
    align-items: center;
}
.delete_btn{
    background-color: transparent;
    color: #5F6368;
    margin-right: 10px;
}

.delete_btn:hover{
    color: #ff0000;
}
.upload_addBtn, .upload_sendBtn {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 25%);
    position: relative;
}
.upload_sendBtn {
    background: #37AAB2;
}
.upload_addBtn i, .upload_sendBtn i {
    color: #fff;
    font-size: 20px;
}
.email_topPnl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px;
}
.email_share ul {
    display: flex;
    align-items: center;
}
.email_share ul li a {
    color: #5F6368;
    display: block;
    line-height: 100%;
}
.email_topPnl .emailtop_row{
    width: auto;
}

.mail_infotxt li{
    margin-bottom: 15px;
    font-size: 15px;
    display: flex;
    align-items: center;
}
.mail_infotxt li:last-child{
    margin-bottom: 0;
}
.mail_infotxt li label{
    margin: 0;
    color: #6F7A7C;
    min-width: 100px;
}
.mail_infotxt li span{
    color: #37AAB2;
}
.mail_infotxt li.time_txt span{
    color: #004254;
}
.mail_infotxt li.time_txt span em{
    color: #6F7A7C;
}
.mail_infotxt{
    margin-bottom: 25px;
}

.bttm_chatBtn{
    display: none;
}
/* =----end-email-popup--------- */

/* ===end---chatpopup---css------------ */

.btns_srch .btns_right .table_srch_wrap{
    height: 50px;
}
.cross_cntact{
    display: none;
}
.contact_open .cross_cntact{
    display: block;
}
.chat_hdng {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cross_cntact{
    height: 30px;
    width: 30px !important;
    min-width: auto;
    display: none;
}
.cross_cntact i{
    font-size: 20px;
}

/*=end=====CRM Conversation-css=============*/


/* ===survey--module-list--start============== */

.table-wrapper td{
    vertical-align: middle;
}
.edit_modalbx .modal-dialog {
    max-width: 945px;
}
.edit_modalbody{
    padding: 15px 40px 40px;
}
.edit_fillOuter .input_fill{
    margin-bottom: 20px;
}
.edit_modalbody .srvay_feedhdng{
    margin-bottom: 25px;
}
.check_row .radio-check p{
    font-size: 16px;
    color: #003442;
}
.check_row .radio-check input[type='checkbox']:checked + span:after{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/check.svg);
}
.check_row .radio-check input[type='checkbox']:checked + span{
    background-color: #37AAB2;
    border-color: #37AAB2;
}
.check_row .radio-check input[type='checkbox']:checked + span + p{
    font-weight: 700;
}
.survey_info h3{
    font-size: 14px;
    color: #1A2034;
    line-height: 18px;
}
.survey_info h5{
    font-size: 12px;
    color: #003442;
}
.ylw_txt{
    color: #FBBB21;
}
.complete_txt{
    color: #37AAB2;
}
.members_survey h5{
    font-size: 14px;
    color: #6F7A7C;
}
.members_survey h5 span{
    color: #1A2034;
}
.invite_btn .ylw_btn{
    width: auto;
}

.rejected_txt{
    color: #FF4B4B;
}
.maileditor_bx{
    margin-top: 15px;
}
.mail_btns{
    margin-left: 220px;
}
.contact_slct{
    display: none;
}

.whitebx_item{
    background-color: #fff;
    padding: 15px 20px;
    position: relative;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}
.whitebx_item:last-child{
    margin-bottom: 0;
}
.form_bx_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px 12px;
    position: relative;
}
.form_bx_row:last-child{
    margin-bottom: 0;
}
.bx_lftslct{
    width: 75%;
    padding: 0 8px;
}
.bx_rghtslct{
    width: 25%;
    padding: 0 8px;
    display: flex;
    gap: 16px;
}
.survey_order_bx, .survey_commnt_bx{
    width: 50%;
}
.pdr_25{
    padding-right: 25px;
}
.dlte_btn{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.dlte_btn a{
    display: inline-block;
    color: #838689;
}
.dlte_btn a:hover{
    color: #ff0000;
}

.leads_addbtn{
    margin: 15px 0 0;
}
.survey_create_row .input_fill{
    margin-bottom: 20px;
}
/* .survey_create_row .input_fill:last-child{
    margin-bottom: 0;
} */

.form_bx_row  .input_fill{
    width: 100%;
}
.survey_btnsOuter{
    justify-content: flex-end;
    margin: 20px 0 0;
}
.section_row{
    border-bottom: 1px solid rgba(0, 52, 66, 0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.survay_form_row  > label, .hdng_btns_outer > label, .question_hdng_row h5{
    font-size: 16px;
    color: #373744;
    font-weight: 700;
    margin-bottom: 10px;
}
.addnew_link{
    margin: 13px 0 0;
}
.addnew_link a{
    display: inline-block;
    color: #37AAB2;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}
.addnew_link a:hover{
    color: #FBBB21;
}
.addsrvay_btnsOuter{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 0;
}
.addsrvay_btnsOuter .survey_btnsOuter, .addsrvay_btnsOuter .leads_addbtn{
    margin: 0;
}
.hdng_btns_outer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.survey_edit_delbtns ul{
    display: flex;
    align-items: center;
}
.survey_edit_delbtns li{
    margin-right: 10px;
}
.survey_edit_delbtns li:last-child{
    margin-right: 0;
}
.survey_edit_delbtns a{
    font-size: 16px;
    color: #37AAB2;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}
.survey_edit_delbtns a i{
    font-size: 18px;
    margin-right: 3px;
}
.survey_edit_delbtns a:hover{
    color: #FBBB21;
}
.select_value{
    background-color: #f4f4f4;
    border: 1px solid #6F7A7C;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 15px;
}
.select_value span{
    display: block;
    color: #003442;
    font-size: 16px;
    font-weight: 600;
}
.bx_rghtslct .select_value span{
    font-weight: 400;
}
.listbx_outer .whitebx_item{
    margin-bottom: 30px;
}
.survay_mdlbx .modal-content{
    background-color: #f4f4f4;
}
.select2-container--default.select2-container--open{
    z-index: 9999;
}
.survay_mdlbx .edit_modalbody {
    padding: 40px 30px 40px;
}
.survay_mdlbx .modal-header{
    padding: 0;
}
.survay_mdlbx .close_btn{
    top: 20px;
    right: 20px;
}

/* ===survey-module--end============== */

/* CRM-conflig---start */

.conflig_hdngOuter{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.accortable_innr table{
    width: 100%;
}
.accortable_innr thead{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.accortable_innr th, .accortable_innr td{
    padding: 10px 15px;
}
.accortable_innr td{
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}
.table_chkbx .radio-check input[type='checkbox'] + span{
    margin: 0;
    height: 15px;
    width: 15px;
    min-width: 15px;
    border-color: #838689;
    border-width: 2px;
}
.table_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    color: #6F7A7C;
    font-size: 14px;
}
.table_head a i{
    font-size: 18px;
    color: #6F7A7C;
}
.info_rows td{
    display: none;
}
.click_bx{
    height: 15px;
    width: 15px;
    display: block;
    margin-right: 10px;
    cursor: pointer;
    background-color: #FBBB21;
    color: #004254;
    position: relative;
}
.click_bx:after{
    position: absolute;
    content: "+";
    font-size: 15px;
    color: #004254;
    left: 0;
    top: 1px;
    right: 0;
    bottom: 0;
    text-align: center;
    transition: 0.3s;
    line-height: 100%;
}
.click_bx.active:after{
     content: "-";
     top: 0;
}
.accorhead_top{
    display: flex;
    align-items: center;
}

.job_rows{
    background-color: #f4f4f4;
}
.info_rows td:first-child{
    padding-left: 30px;
}

.conflig_hdng h3{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
}


.accortable_innr {
    width: 100%;
    overflow-x: auto;
}
.accortable_innr th, .accortable_innr td{
   white-space: nowrap;
}
.question_hdng_row {
    display: flex;
    gap: 16px;
    padding-right: 15px;
}
.survey_q_hdnglft {
    width: 75%;
}
.survey_order_hdng, .survey_commnts_hdng {
    width: 50%;
}
.survey_hdng_right {
    width: 25%;
    display: flex;
    gap: 16px;
}
.bx_rghtslct .model_selectBx{
    width: 100%;
}
.input_fill.translation_hdng{
    margin-bottom: 0;
}
.save_check_row .profile_chkList{
    display: block;
}
.catagory_save_form .addnew_link {
    margin: 0;
}
.save_check_row {
    padding: 15px 0 0px;
}
.select_parent_area{
    padding: 30px 0 0;
}
/* CRM-conflig---end */


.select_parent_area .form-group {
    background-color: #fff;
    padding: 20px 10px;
    border: 1px solid #ddd;
    max-height: 500px;
    overflow-y: auto;
}
.select_parent_area .jstree-default .jstree-node, .select_parent_area .jstree-default .jstree-icon {
    background-image: none;
}
.select_parent_area .jstree-default .jstree-leaf > .jstree-ocl{
    display: none;
}
.select_parent_area .sub-title{
    color: #004254;
    font-size: 14px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.select_parent_area .jstree-default .jstree-icon:empty{
    display: none;
}
.select_parent_area .jstree-default .jstree-anchor {
    line-height: normal;
    height: 34px;
    display: flex;
    align-items: center;
    background: #f4f4f4;
    padding: 0 15px;
    text-transform: capitalize;
}
.select_parent_area .jstree-default .jstree-anchor.jstree-clicked{
    background-color: #37AAB2;
    color: #fff;
}
.select_parent_area .jstree-default>.jstree-container-ul>.jstree-node{
    margin-bottom: 3px;
}
/* ============================================== */

/* ----course--form--start */

.course_tablinks .nav-tabs li{width: auto;}
.course_tablinks .nav-tabs{justify-content: flex-start;}
.course_tablinks .nav-tabs .nav-link{padding: 0 40px;}
.course_form_Area{padding: 25px 0 75px;}
.course_tab_links .tab_links .nav-tabs{background-color: #004254;}
.course_tab_links .nav-tabs .nav-item.show .nav-link, .course_tab_links .nav-tabs .nav-link.active{margin: 0;}
.course_tab_links .nav-tabs li{border-color: #fff;border-width: 2px;}
.bgbx_pagination{margin-top: 17px;background-color: #E2E5E9;padding: 15px 28px;border-radius: 4px;margin-bottom: 20px;}
.bgbx_pagination .breadcrumb li a, .bgbx_pagination .breadcrumb-item.active{font-size: 14px;}
.back_btn a{display: inline-flex;align-items: center;font-size: 16px;font-weight: 700;color: #003442;}
.back_btn a i{margin-right: 6px;}
.back_btn{margin-bottom: 30px;}
.profile_fill_row.course_fill_row {padding: 0;border: 0;margin-bottom: 10px;}
.editor_bx > span{display: block;}
.editor_bx > span img{width: 100%;}
.course_fill_row.profile_fill_row > label{font-size: 16px;color: #004254;font-weight: 700;text-transform: capitalize;}
.course_detailsbx_item{padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #D9DEDF;}
.course_detailsbx_item:last-child{margin-bottom: 0;padding-bottom: 0;border: 0;}
.course_details_hdng h4{font-size: 16px;color: #004254;font-weight: 700;}
.course_details_hdng{margin-bottom: 30px;}
.text_summery_bx > label{font-size: 14px;color: #004254;margin-bottom: 10px;}
.text_summery_bx{margin-bottom: 20px;}
.text_summery_bx:last-child{margin-bottom: 0;}
textarea{resize: none;}
.course_form_Area .profile_rightBtn{margin-top: 30px;}
.upload_fileinnr {position: relative;display: flex;align-items: center;justify-content: space-between;color: #004254;}
.upload_fileinnr span{font-size: 15px;}
.video_upload{margin: 6px 0 0;width: 176px;position: relative;}
.vdo_play{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 42px;width: 42px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #FBBB21;color: #004254;}
.inner_course_table tr:nth-child(even){background-color: #fff;}
.video_upload_inr{display: flex;align-items: flex-start;gap: 15px;width: 20%;padding: 0 5px 10px;}
.inner_course_table tbody tr:nth-child(even) td{background-color: #fff !important;}
.inner_course_table thead th{background-color: #fff !important;}
.delete_vdo a{color: #ff0000;display: inline-block;margin-top: 10px;}
.upload_file_outer {display: flex;flex-wrap: wrap;margin: 10px -5px 0;}


/* =====media----responsive--screens for backend=============== */

@media(min-width:1800px){
.chat_usrPnl {
    height: calc(100vh - 290px);
}
}
@media(max-width:1365px){
    .post_label{
        min-width: 80px;
    }
    .chat_popupbx{
        max-width: 340px;
    }
}
@media(max-width:1199px){
   .tab_links ul{
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 0 !important;
   }
   .survay_feedmodal .modal-dialog {
        padding: 0 15px;
    }
    .left_gmailarea {
        width: 100%;
    }
    .cnversation_innr{
        flex-wrap: wrap;
    }
    .bttm_chatBtn{
        display: block;
        position: fixed;
        right: 20px;
        bottom: 15px;
        z-index: 105;
    }
    .bttm_chatBtn a{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 64px;
        width: 64px;
        border-radius: 50%;
        background-color: #FBBB21;
        color: #004254;
    }
    .chat_lftpnl {
        width: 420px;
        height: 100vh;
        position: fixed;
        right: 10px;
        bottom: 0;
        z-index: 115;
        bottom: -2000px;
        transition: 0.5s;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.02);
    }
    .contact_open .chat_lftpnl{
        bottom: 0;
    }
    .overlay{
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        display: none;
        z-index: 9;
    }
    .contact_open .overlay{
        display: block;
    }
    .chat_usrPnl {
        height: calc(100vh - 135px);
        position: relative;
    }
    .chat_popupbx{
        z-index: 140;
    }
    .bx_lftslct{
        width: 75%;
    }
    .bx_rghtslct {
        width: 25%;
    }
}

@media(max-width:991px){
    .profile_graybx_item{
        padding: 15px;
    }
    .profile_fill_row{
        flex-wrap: wrap;
    }
    .profile_fill_row > label{
        width: 100%;
        min-width: 100%;
        margin-bottom: 10px;
    }
    .input_fill .form-control{
        height: 40px;
        font-size: 14px;
    }
    .profile_tabcontent_sec {
        padding-bottom: 40px;
    }
    .profile_chkList li {
        margin-right: 20px;
    }
    .table_innr_scroll td{
        min-width: 150px;
    }
    .table_innr_scroll td:first-child {
        min-width: auto;
    }
    .mdl_lftpnl {
        width: 100%;
        margin-bottom: 20px;
    }
    .mdl_rghtpnl {
        width: 100%;
        padding-left: 0;
    }
    .srvy_feedbdy {
        padding: 25px 15px 30px;
    }
    .upload_filetext p{
        font-size: 14px;
    }
    .leads_colOuter .select2-container--default .select2-selection--single{
        height: 48px;
    }
    .leads_row {
        margin-bottom: 15px;
    }
    .new_mailbtn a span{
        display: none;
    }
    .email_poupPnl{
        width: 100%;
    }
    .edit_modalbx .modal-dialog{
        padding: 0 10px;
    }
}

@media(max-width:767px){
    .profile_owner_text h2{
        font-size: 22px;
        line-height: 32px;
    }
    .profile_owner_editbtn a{
        height: 30px;
        width: 30px;
    }
    .profile_owner_editbtn a span {
        font-size: 18px;
    }
    .profile_rightBtn .basic_btn, .profile_leftBtn a{
        font-size: 14px;
    }
    .profile_leftBtn a i {
        margin-right: 3px;
        font-size: 17px;
    }
    .container-fluid {
        padding: 0 10px;
    }
    .survay_feedmodal .modal-dialog {
        padding: 0;
    }
    .srvay_feedhdng h2{
        font-size: 22px;
    }
    .experience_innr{
        height: auto;
        flex-wrap: wrap;
        padding: 10px;
    }
    .pay_rateOuter{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pay_arateItem{
        width: 49%;
        border: 1px solid #d2d2d2;
        margin-top: 10px;
    }
    .pay_arateItem .form-control{
        height: 48px;
    }
    .upload_outer{
        padding-left: 0;
        margin-top: 10px;
        border: 1px solid #d2d2d2;
        height: 48px;
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .post_label{
        width: 100%;
    }
    .experience_innr .input_fill{
        border: 1px solid #d2d2d2;
        margin-top: 10px;
    }
    .experience_innr .input_fill .form-control{
        height: 46px;
    }
    .hours_outer{
        width: 100%;
        justify-content: space-between;
    }
    .hours_outer .input_fill{
        width: 49%;
    }
    .experience_innr .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 15px;
    }
    .prfile_btnOuter{
        margin: 0;
    }
    .date_fill  .date_input{
        border: 1px solid #d2d2d2;
        height: 40px;
    }
    .date_fill + .date_fill{
        border: 0;
    }
    .date_fill{
        width: 32%;
        margin-top: 10px;
    }
    .editor_bx .form-control{
        height: 130px !important;
    }
    .pay_arateItem .form-control{
        font-size: 14px;
    }
    .btns_top_row{
        flex-wrap: wrap;
    }
    .btns_left {
        width: 100%;
        margin-bottom: 10px;
    }
    .btns_left ul{
        display: flex;
    }
    .btns_left ul li{
        width: 50%;
    }
    .btns_left ul li a{
        display: flex;
    }
    .btns_left ul li a {
        display: flex;
        height: 36px;
        font-size: 13px;
    }
    .btns_right .table_srch_wrap{
        width: 100%;
    }
    .btns_right .table_action .basic_btn{
        font-size: 0;
    }
    .btns_right .table_action .basic_btn span{
        font-size: 26px;
    }
    .btns_right{
        width: 100%;
    }
    .btns_srch {
        width: 100%;
    }
    .btns_right .table_srch_wrap{
        height: auto;
        padding: 0 15px 0 0;
    }
    .btns_right .table_srch_wrap .form-control{
        height: 40px;
    }
    .btns_right .basic_btn {
        height: 42px;
        width: 50px;
    }
    .gmail_pnl {
        height: calc(100vh - 269px);
    }
    .chat_lftpnl{
        width: 100%;
        right: 0;
    }
    .chat_popupbx{
        height: 100vh;
        width: 100%;
        right: 0;
        max-width: 100%;
    }
    .contact_open .chat_lftpnl{
        bottom: 0;
    }
    .chatting_innr {
        height: calc(100vh - 134px);
    }
    .email_upload_row{
        width: 100%;
    }
    .email_upload_row .email_upload_bx{
        width: auto;
    }
    .edit_modalbody {
        padding: 15px 20px 30px;
    }
    .whitebx_item{
        padding: 15px;
    }
    .select_value{
        height: auto;
        min-height: 50px;
        padding: 10px;
    }
    .select_value span{
        font-size: 14px;
    }
    .survey_edit_delbtns a{
        font-size: 13px;
    }
    .survey_hdng_right{
        display: none;
    }
    .survey_q_hdnglft {
        width: 100%;
    }
    .question_hdng_row{
        padding-right: 0;
    }
    .bx_lftslct {
        width: 100%;
    }
    .bx_rghtslct {
        width: 100%;
        margin: 15px 0 0;
    }
    .bx_rghtslct{
        gap: 8px;
    }
}
@media(max-width:575px){
    .personel_profile_area {
        margin: 0 0 20px;
        flex-wrap: wrap;
    }
    .personl_profiledetails {
        padding-left: 0;
        width: 100%;
        text-align: center;
    }
    .prsnl_profile_pic{
        margin: 0 auto 20px;
    }
    .profile_owner_outer, .profile_social ul{
        justify-content: center;
    }
    .profile_fill_row > label{
        font-size: 14px;
    }
    .interest_hdng{
        flex-wrap: wrap;
        justify-content: center;
    }
    .accoun_left_con {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    .mail_text {
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }
    .accor_ansArea{
        flex-wrap: wrap;
    }
    .ans_count {
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .pay_arateItem{
        width: 100%;
    }
    .pay_arateItem{
        padding: 0;
    }
    .date_fillOuter{
        flex-wrap: wrap;
    }
    .date_fill{
        width: 100%;
    }
    .dashbrd_hdng h3{
        font-size: 22px;
    }
    .email_share{
        display: none;
    }
    .bx_lftslct, .bx_rghtslct {
        width: 100%;
        padding: 0;
    }
    .form_bx_row {
        margin: 0 0 12px;
    }
    .bx_lftslct{
        margin-bottom: 10px;
    }
    .pdr_25 {
        padding-right: 30px;
    }
}
@media(max-width:480px){
    .addsrvay_btnsOuter{
        flex-wrap: wrap;
    }
    .addsrvay_btnsOuter .leads_addbtn{
        width: 100%;
    }
    .addsrvay_btnsOuter .survey_btnsOuter{
        width: 100%;
        justify-content: flex-start;
        margin-top: 20px;
    }
}

@media(max-width:420px){
    .profile_leftBtn a span{
        display: none;
    }
    .profile_rightBtn .basic_btn, .profile_leftBtn a {
        font-size: 13px;
    }
    .usr_text{
        display: none;
    }
    .experience_innr .input_fill .form-control {
        height: 40px;
    }
    .chat_hdng {
        padding: 20px 10px 0;
    }
    .usr_srchRow {
        padding: 0 10px 20px;
    }
    .bttm_chatBtn a{
        height: 50px;
        width: 50px;
    }
}



:root{
	--bs-body-font-family: 'Roboto', sans-serif;
	--bs-body-font-size: 14px;
	--bs-body-line-height: 16px;
	--bs-body-color: #003442;
	--bs-primary: #004254;
	--bs-primary-rgb: 0, 66, 84;
	--bs-success-rgb: 57, 147, 66;
	--bs-warning-rgb: 221, 110, 47;
	--bs-danger: #FF4B4B;
	--bs-info: #37AAB2;
	--bs-success: #399342;
	--bs-info-rgb: 55, 170, 178;
	--bs-yellow: #FBBB21;
	--bs-yellow-500: #D99530;
	--bs-green: #003442;
	--bs-green-light: #1E6A81;
	--bs-blue: #1A2034;
	/* --bs-gray: #838689; */
	--bs-gray-100:#F4F4F4;
	--bs-gray-200: #CECEDB;
	--bs-gray-300: #B6B7B7;
	--bs-gray-400: #EBECEE;
	--bs-gray-500: #EAEAEA;
	--bs-gray-600: #6F7A7C;
	--bs-gray-700: #999987;
	--bs-gray-800: #CCCCCC;
	--bs-body-bg: #F2F4F6;
	--bs-black: #000;
	--bs-gray: #757B7F;

}
/*****common-css*****/
body{font-family: var(--bs-body-font-family);}
h1, h2, h3, h4, h5, h6{line-height: 1;}
h2{font-size: 30px;font-weight: 700;}
h5{font-size: 18px;line-height: 22px;}
.navbar{--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");}
ul{list-style-type: none;padding: 0;margin: 0;}
/* ol{list-style-position: inside;}
ol li:not(:last-child){margin-bottom: 10px;} */
a{text-decoration: none;}
a:hover{color: var(--bs-primary);}
p:last-of-type{margin-bottom: 0;}
.offcanvas.md {width: 51.25rem; }
.shadow-sm { box-shadow: 0 2px 4px rgba(var(--bs-black-rgb), 0.1) !important; -webkit-box-shadow: 0 2px 4px rgba(var(--bs-black-rgb), 0.1) !important; }
.icon-lg{font-size: 1.25rem;}.icon-md{font-size: 1.125rem;}.icon-sm{font-size: 1rem;}
.icon-fill{font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48}
label{font-size: 16px;line-height: 18px;color: #373744;}
.fs-xs{font-size: 12px;line-height: 14px;}.fs-sm{font-size: 14px;line-height: 16px;} .fs-lg { font-size: 1.125rem; line-height: 1.75rem; }.fs-xl{font-size: 1.325rem;line-height: 1.8rem;}
.bg-yellow{background-color: var(--bs-yellow);}
.bg-green{background-color: var(--bs-green);}
.text-gray{color: var(--bs-gray);}
.text-gray-600{color: var(--bs-gray-600);}
.body-bg { background-color: var(--bs-body-bg); }
.bg-gray-100{background-color: var(--bs-gray-100);}
.bg-gray-500{background-color: var(--bs-gray-500);}
.bg-gray-600{background-color: var(--bs-gray-600);}
.bg-green-light{background-color: var(--bs-green-light);}
.border-primary{border-color: var(--bs-primary) !important;}
.border-gray-200{border-color: var(--bs-gray-200) !important;}
.border-gray-300{border-color: var(--bs-gray-300) !important;}
.border-gray-600{border-color: var(--bs-gray-600) !important;}
.border-green-light{border-color: var(--bs-green-light) !important;}
.border-yellow{border-color: var(--bs-yellow) !important;}
.rounded-4, .rounded-5{border-radius: 5px;}
.rounded-10{border-radius: 10px;}
.text-yellow{color: var(--bs-yellow);}
.text-yellow-500, .text-yellow-500:hover{color: var(--bs-yellow-500);}
.text-green, .text-green:hover{color: var(--bs-green);}
.text-blue, .text-blue:hover{color: var(--bs-blue);}
.border-gray{border-color: var(--bs-gray-300) !important;}
.fw-medium{font-weight: 500;}.fw-semibold { font-weight: 600 !important; }.fw-bold{font-weight: 700;}

.icon-sm{font-size: 18px;}
.cursor-pointer{cursor: pointer;}
.overflow-y-auto{overflow-y: auto;}
.form-control, .form-select{font-size: 14px;line-height: 18px;font-weight: 400;color: var(--bs-primary);padding: 15px 15px;border-color: var(--bs-gray-600);}
.form-check{min-height: unset;padding: 0;margin: 0;}
.form-check input[type="checkbox"]{width: 15px;height: 15px;padding: 0;border: 2px solid var(--bs-gray);cursor: pointer;float: none;margin: 0;vertical-align: middle;}
.form-check input[type="checkbox"]:checked{background-color: var(--bs-primary);border-color: var(--bs-primary);}
.form-check input[type="checkbox"]:focus{box-shadow: none;border-color: var(--bs-primary);}
::-webkit-input-placeholder{color: var(--bs-gray-600);}
::-moz-placeholder{color: var(--bs-gray-600);}
:-ms-input-placeholder{color: var(--bs-gray-600);}
:-moz-placeholder{color: var(--bs-gray-600);}
.overflow-x-auto{overflow-x: auto;}
.btn{font-size: 14px;line-height: 18px;font-weight: 700;border-width: 2px;border-style: solid;padding: 8px 15px;box-shadow: none !important;-webkit-box-shadow: none !important;}
.btn i{font-size: 18px;}
.btn-primary{background-color: var(--bs-primary);border-color: var(--bs-primary);color: var(--bs-white);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{background-color: transparent;border-color: var(--bs-primary);color: var(--bs-primary);}
.btn-secondary{background-color: var(--bs-yellow);border-color: var(--bs-yellow);color: var(--bs-primary);}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{background-color: transparent;border-color: var(--bs-yellow);color: var(--bs-yellow);}
.btn-info{background-color: var(--bs-info);border-color: var(--bs-info);color: var(--bs-white);}
.btn-info:hover, .btn-info:focus, .btn-info:active{background-color: transparent;border-color: var(--bs-info);color: var(--bs-info);}
.btn-gray{background-color: var(--bs-gray-600);border-color: var(--bs-gray-600);color: var(--bs-white);}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active{background-color: transparent;color: var(--bs-gray-600);}
.btn-gray-400{background-color: var(--bs-gray-400);border-color: var(--bs-gray-400);color: var(--bs-primary);}
.btn-gray-400:hover, .btn-gray-400:focus, .btn-gray-400:active{background-color: var(--bs-primary);border-color: var(--bs-primary);color: var(--bs-gray-400);}
.btn-green-light{background-color: var(--bs-green-light);border-color: var(--bs-green-light);color: var(--bs-white);}
.btn-green-light:hover, .btn-green-light:focus, .btn-green-light:active{background-color: transparent;border-color: var(--bs-green-light);color: var(--bs-green-light);}
.btn-outline-primary{border-color: var(--bs-primary);color: var(--bs-primary);}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active{background-color: var(--bs-primary);color: var(--bs-white);border-color: var(--bs-primary);}
.btn-file.video-upload{width: 150px;height: 150px;border: 2px dashed var(--bs-gray-200);}
.btn-yellow{background-color: var(--bs-yellow);border-color: var(--bs-yellow);color: var(--bs-primary);}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active{background-color: transparent;border-color: var(--bs-primary);}
.dropdown-menu{box-shadow: 0px 10px 28px rgb(21 21 35 / 10%);-webkit-box-shadow: 0px 10px 28px rgb(21 21 35 / 10%);border: 0;padding: 10px 0;}
.dropdown-menu li a{font-size: 14px;line-height: 16px;padding: 10px 20px;}
.offcanvas{z-index: 1060;}
.object-cover{object-fit: cover;}.object-center{object-position: center;}
.w-30{width: 30px;}.h-30{height: 30px;}
/*****normal-table*****/
table.table{margin-bottom: 0;}
table.table tbody{border: 0 !important;}
/*****normal-table*****/
/*datatable*/
.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table.dataTable{margin: 0;}
.dataTables_wrapper .dataTables_scrollBody{scroll-behavior: smooth;border: 0 !important;}
.dataTables_wrapper table.dataTable{color: var(--bs-green);border: 0;margin-bottom: 15px;}
.dataTables_wrapper table.dataTable thead tr th, table.table thead tr th{padding: 15px 1.5rem;color: var(--bs-gray-600);border-top-width: 1px;border-color: rgba(0, 0, 0, 0.2);}
.dataTables_wrapper table.dataTable thead tr th:last-child{padding-right: 41px;}
.dataTables_wrapper table.dataTable thead tr th::after, .dataTables_wrapper table.dataTable thead tr th::before{display: none;}
.dataTables_wrapper table.dataTable thead tr th span, table.table thead tr th span{position: relative;padding-right: 22px;}
.dataTables_wrapper table.dataTable thead tr th span::before, table.table thead tr th span::before, .dataTables_wrapper table.dataTable thead tr th span::after,  table.table thead tr th span::after{content: '';width: 7px;height: 7px;opacity: 1;background-image: url('../images/table-arrow.png');background-repeat: no-repeat;background-size: 7px;background-position: top center;position: absolute;right: 0;}
.dataTables_wrapper table.dataTable thead tr th span::before, table.table thead tr th span::before{top: 0;}
.dataTables_wrapper table.dataTable thead tr th span::after, table.table thead tr th span::after{background-position: bottom center;bottom: 0;}
.dataTables_wrapper table.dataTable tbody tr td, table.table tbody tr td{padding: 15px 1.5rem;background-color: var(--bs-gray-100);border: 0;position: relative;vertical-align: middle !important;box-shadow: none !important;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.dataTables_wrapper table.dataTable tbody tr:last-child td, table.table tbody tr:last-child td{border-bottom: 0;}
.dataTables_wrapper table.dataTable tbody tr td .dropdown, table.table tbody tr td .dropdown{top: 10px;right: 20px;}
.dataTables_wrapper table.dataTable tbody tr td .dropdown a::after, table.table tbody tr td .dropdown a::after{display: none;}
.dataTables_wrapper table.dataTable tbody tr td .dropdown .dropdown-menu li a i, table.table tbody tr td .dropdown .dropdown-menu li a i{font-size: 16px;margin-right: 2px;}
.dataTables_wrapper table.dataTable tbody tr td i, table.table tbody tr td i{font-size: 18px;}
.dataTables_wrapper table.dataTable tbody tr td .dropdown .dropdown-toggle, table.table tbody tr td .dropdown .dropdown-toggle{display: block;width: 35px;height: 35px;text-align: center;border-radius: 50%;}
.dataTables_wrapper table.dataTable tbody tr td .dropdown .dropdown-toggle.show, table.table tbody tr td .dropdown .dropdown-toggle.show{background-color: var(--bs-white);}
.dataTables_wrapper table.dataTable tbody tr td .dropdown .dropdown-toggle i, table.table tbody tr td .dropdown .dropdown-toggle i{font-size: 24px;line-height: 35px;}
.dataTables_wrapper table.dataTable tbody tr td .actions a, table.table tbody tr td .action a{min-width: 70px;}
.dataTables_wrapper .dataTables_paginate{float: none;text-align: center;padding: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
.dataTables_wrapper .dataTables_paginate > .paginate_button{margin: 0;padding: 0;font-size: 0;width: 20px;height: 20px;background-repeat: no-repeat !important;background-position: center !important;background-size: 7px !important;border: 0 !important;cursor: pointer;}
.dataTables_wrapper .dataTables_paginate > .paginate_button.disabled{cursor: not-allowed !important;opacity: 0.5;}
.dataTables_wrapper .dataTables_paginate > .paginate_button.previous, .dataTables_wrapper .dataTables_paginate > .paginate_button.previous.disabled{background-image: url('../images/arro-left.png');}
.dataTables_wrapper .dataTables_paginate > .paginate_button.next, .dataTables_wrapper .dataTables_paginate > .paginate_button.next.disabled{background-image: url('../images/arrow-right.png');}
.dataTables_wrapper .dataTables_paginate > span{margin: 0 15px;}
.dataTables_wrapper .dataTables_paginate > span .paginate_button{min-width: unset;width: 40px;height: 40px;font-size: 16px;line-height: 40px;font-weight: 700;color: var(--bs-gray-700);margin: 0 2.5px;padding: 0;border: 0;border-radius: 0;}
.dataTables_wrapper .dataTables_paginate > span .paginate_button:hover, .dataTables_wrapper .dataTables_paginate > span .paginate_button:active{background: transparent;color: var(--bs-yellow) !important;border: 0;box-shadow: none;}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.current, .dataTables_wrapper .dataTables_paginate > span .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate > span .paginate_button.current:active{background: var(--bs-yellow);color: var(--bs-primary) !important;border: 0;box-shadow: none;}
/*datatable*/
/*select2*/
.select2-dropdown{z-index: 9999;}
.select2-container{display: block;width: 100% !important;}
.select2-container .select2-selection{border: 1px solid var(--bs-gray-300);border-radius: 0;height: auto;padding: 16px 15px;}
.select2-container .select2-selection .select2-selection__rendered{padding-left: 0;color: var(--bs-gray-600);line-height: 18px;display: inline-flex;flex-wrap: wrap;gap: 5px;}
.select2-container .select2-selection .select2-selection__arrow{width: 10px;height: 10px;top: 50%;right: 15px;}
.select2-container .select2-selection--multiple{border: 1px solid var(--bs-gray-300);padding: 7px 15px;}
.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{border-radius: 0;border: 0;background-color: var(--bs-yellow);color: var(--bs-blue);font-size: 14px;line-height: 1;padding: 10px 10px 10px 27px;margin: 0;}
.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{color: var(--bs-blue);border: 0;padding: 0;top: 10px;left: 10px;background-color: transparent;}
.select2-dropdown .select2-results .select2-results__options .select2-results__option{color: var(--bs-body-color);}
.select2-dropdown .select2-results .select2-results__options .select2-results__option:hover{background-color: var(--bs-green);color: var(--bs-white);}
/*select2*/
#main_content .tox-tinymce, .modal .modal-dialog .modal-content .tox-tinymce{border: 1px solid var(--bs-gray-300);border-radius: 0;}
.modal{background-color: rgba(0, 0, 0, 0.76);}
.modal-header .btn-close{opacity: 1;font-size: 12px;width: 30px;height: 30px;padding: 0;}
.reviewing, .in-progress{color: var(--bs-yellow-500);}
.rejected{color: var(--bs-danger);}
.approved, .published{color: var(--bs-info);}
.modal .modal-content .modal-body .select2-container .select2-selection{background-color: var(--bs-white);border-color: var(--bs-gray-600);}
/*****common-css*****/
/*****header*****/
/* header#header{z-index: 999;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);}
header#header .navbar .navbar-nav li.dropdown .dropdown-menu{width: 275px;margin-top: 52px;box-shadow: 0px 18px 40px rgb(21 21 35 / 34%);}
header#header .navbar .navbar-nav li.dropdown .dropdown-menu li a.logout{width: 28px;height: 28px;border-radius: 5px;}
header#header .navbar .navbar-nav li.dropdown .dropdown-menu li a.logout i{font-size: 18px;line-height: 28px;}
header#header .navbar .navbar-nav li.dropdown .dropdown-menu li:hover{background-color: transparent;}
header#header .navbar .navbar-nav li.dropdown .dropdown-menu li a:not(.logout):hover{background-color: transparent;}
header#header .navbar .navbar-nav li.dropdown .dropdown-menu li.user:hover{background-color: var(--bs-green);}
#module_header .navbar-bottom ul li:not(:last-child){border-right: 2px solid var(--bs-primary);}
#module_header .navbar-bottom ul li a{padding: 10px 15px;color: var(--bs-white);}
#module_header .navbar-bottom ul li a:hover{color: var(--bs-yellow);}
#module_header .navbar-bottom ul li.active a{background-color: var(--bs-yellow);color: var(--bs-green);} */
/*sidenav*/
/* #side_nav{width: 250px;left: -250px;z-index: 999;overflow-y: auto;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
#side_nav.opened{left: 0;}
#side_nav ul li a{color: var(--bs-white);padding-top: 12px;padding-bottom: 12px;}
#side_nav ul li a:hover{color: var(--bs-yellow);}
#side_nav ul li.active a{background-color: var(--bs-primary);} */
/*sidenav*/
/*****header*****/
/*****leads*****/
#main_content .filter-container form .form-control{padding-left: 27px;}
#main_content table thead tr th.check, #main_content table tbody tr td.check{padding-right: 0;}
#main_content table thead tr th.name, #main_content table tbody tr td.name{padding-left: 10px;}
#main_content table#leads tbody tr td.name, #main_content table#contacts tbody tr td.name{padding-right: 100px;}
#main_content table#leads tbody tr td.name::after, #main_content table#contacts tbody tr td.name::after, #main_content table#events tbody tr td.title::after, #main_content table#groups tbody tr td.title::after{content: '';display: block;width: 1px;position: absolute;top: 15px;right: 0;bottom: 15px;background-color: rgba(0, 0, 0, 0.2);}
#filterModal .modal-dialog .modal-content .modal-header .btn-close{top: 1.5rem;right: 1.5rem;}
/*details*/
.lead-info-container{font-size: 15px;line-height: 22px;}
.lead-info-container .notes li .dropdown{top: 1rem;right: 1rem;}
.lead-info-container .notes li .dropdown .dropdown-toggle::after{display: none;}
/*details*/
/*****leads*****/
/*****list*****/
#main_content table#crm_list tbody tr td.title::after{content: '';display: block;width: 1px;position: absolute;top: 15px;right: 0;bottom: 15px;background-color: rgba(0, 0, 0, 0.2);}
/*****list*****/
/*****mail-template*****/
#mail_template_wrapper .table-wrapper{width: 100%;}
#mail_template_wrapper.template-details-opened .table-wrapper{width: 60%;}
#mail_template_wrapper.template-details-opened #edit_template{width: 40%;}
#mail_template_wrapper #edit_template{margin-left: 15px;transform: translate(100%, 0);-webkit-transform: translate(100%, 0);-moz-transform: translate(100%, 0);-ms-transform: translate(100%, 0);-o-transform: translate(100%, 0);}
#mail_template_wrapper #edit_template.opened{transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);}
#mail_template_wrapper #edit_template .select2-container .select2-selection{border: 0;padding: 16px 0;}
#mail_template_wrapper #edit_template .select2-container .select2-selection .select2-selection__arrow{right: 0;}
/*****mail-template*****/
/*****details-wrapper*****/
#main_content .details-wrapper .tab-wrapper .nav-tabs li.nav-item .nav-link{background-color: var(--bs-primary);color: var(--bs-white);}
#main_content .details-wrapper .tab-wrapper .nav-tabs li.nav-item .nav-link.active{background-color: var(--bs-yellow);color: var(--bs-green);}
.details-wrapper .timeline-container .profile .user .dropdown{top: 1.5rem;right: 1.5rem;}
.details-wrapper .timeline-container .profile .user .dropdown .dropdown-toggle::after{display: none;}
.details-wrapper .timeline-container .profile .contacts-info{font-size: 16px;line-height: 18px;}
.details-wrapper .timeline-container .notifications-container{max-height: 767px;overflow-y: auto;}
.details-wrapper .timeline-container .notes-container .dropdown{top: 1rem;right: 1rem;}
.details-wrapper .timeline-container .notes-container .dropdown .dropdown-toggle::after{display: none;}
.details-wrapper .timeline-container .notifications-container ul.notifications li.notification .badge{font-size: 14px;line-height: 16px;}
.details-wrapper .mail-container .filter-container .nav-tabs .nav-item a{min-width: 130px;}
.details-wrapper .mail-container .filter-container .nav-tabs .nav-item a svg path{fill: var(--bs-primary);}
.details-wrapper .mail-container .filter-container .nav-tabs .nav-item a.active{background-color: var(--bs-primary);color: var(--bs-white);}
.details-wrapper .mail-container .filter-container .nav-tabs .nav-item a.active svg path{fill: var(--bs-white);}
.details-wrapper .mail-container .filter-container .search-form input{padding: 15px 15px 15px 41px !important;}
.details-wrapper .mail-container .filter-container .search-form button{left: 15px;}
/*****details-wrapper*****/
/*****task-details*****/
.task-details-wrapper .task-title i{width: 30px;height: 30px;font-size: 14px;line-height: 30px;background-color: var(--bs-info);text-align: center;border-radius: 50%;}
.task-details-wrapper table.table tr:nth-child(even){background-color: var(--bs-gray-100);}
.task-details-wrapper table.table tr th{width: 40%;}
.task-details-wrapper table.table tr th, .task-details-wrapper table.table tr td{padding: 20px;font-size: 16px;line-height: 22px;background-color: transparent;border-top: 1px solid rgba(0, 0, 0, 0.2) !important;border-bottom: 0;}
.task-details-wrapper table.table tr td small{font-size: 10px;line-height: 12px;}
/*****task-details*****/
/*****offcanvas*****/
#addNewEmail{width: 100%;}
#addNewEmail .offcanvas-header button[aria-label="Close"]{width: 48px;height: 48px;}
#addNewEmail .offcanvas-header button[aria-label="Close"] i{font-size: 28px;}
#addNewEmail .offcanvas-body .tox-tinymce{border-radius: 0;border-color: var(--bs-gray-600);border-width: 1px;}
#addNewEmail .offcanvas-body .tox-tinymce .tox-editor-container .tox-editor-header{box-shadow: none;}
#addNewEmail .offcanvas-body .tox-tinymce .tox-editor-container .tox-sidebar-wrap{background-color: var(--bs-gray-100);}
/*****offcanvas*****/
/*****search-result*****/
body.search-result{padding-top: 110px;}
body.search-result header#header .header-top form input{color: var(--bs-gray-700);}
body.search-result header#header .header-top form input::-webkit-input-placeholder{color: var(--bs-gray-700);}
body.search-result header#header .header-top form input::-moz-placeholder{color: var(--bs-gray-700);}
body.search-result header#header .header-top form input:-ms-input-placeholder{color: var(--bs-gray-700);}
body.search-result header#header .header-top form input:-moz-placeholder{color: var(--bs-gray-700);}
body.search-result header#header .header-top form .btn{width: 28px;text-align: center;border-width: 1px;}
body.search-result header#header .header-top form .btn i{font-size: 14px;}
body.search-result header#header .header-top .navbar-nav li:not(:last-child){position: relative;padding-right: 1rem;margin-right: 1rem;}
body.search-result header#header .header-top .navbar-nav li:not(:last-child)::after{content: '';display: block;width: 1px;height: 100%;background-color: var(--bs-gray-800);position: absolute;top: 0;right: 0;bottom: 0;}
.search-result header#header .header-top .navbar-nav li a{color: var(--bs-gray-800);}
/*****search-result*****/
/*****events*****/
#main_content table#events tbody tr td.rank input, #main_content table#groups tbody tr td.rank input{max-width: 90px;padding: 10px 15px;margin: 0 auto;}
#event_info_form_wrapper .select2-container .select2-selection:not(.select2-selection--multiple){background-color: var(--bs-white);border: 0;}
#addEventModal .event-type li{width: 20%;}
#addEventModal .event-type li.active{background-color: var(--bs-yellow) !important;border-color: var(--bs-yellow) !important;}
#event_info_form_wrapper .upload-thumbnail-preview .preview-action{background-color: rgb(111 122 124 / 70%);}
.event-subpages .event-subpages-links ul.nav li:not(:last-child), .courses-subpages .courses-subpages-links ul.nav li:not(:last-child){border-right: 1px solid var(--bs-primary);}
.event-subpages .event-subpages-links ul.nav li a, .courses-subpages .courses-subpages-links ul.nav li a{display: block;padding: 12px 15px;font-size: 14px;color: var(--bs-white);}
.event-subpages .event-subpages-links ul.nav li a.active, .courses-subpages .courses-subpages-links ul.nav li a.active{background-color: var(--bs-yellow);color: var(--bs-primary);}
#event_gallery_wrapper .gallery-images ul.images{margin: 0 -15px;}
#event_gallery_wrapper .gallery-images ul.images li{width: 12.5%;padding: 0 15px;margin: 0 0 30px 0;}
#event_gallery_wrapper .gallery-images ul.images li .img-container .preview-action{background-color: rgb(111 122 124 / 70%);}
/*****events*****/
/*****group*****/
#group_info_form_wrapper .select2-container .select2-selection{border: 0;background-color: transparent;}
#group_info_form_wrapper .select2-container .select2-selection .select2-selection__arrow{top: 50%;}
/*****group*****/
/****blog*****/
#add_blog_form_wrapper .upload-container{border-style: dashed !important;}
#add_blog_form_wrapper .category-container .category-list li:not(:last-child){margin-bottom: 5px;}
#add_blog_form_wrapper .category-container .category-list li a{display: block;background-color: var(--bs-gray-100);padding: 8px 10px;color: var(--bs-primary);}
#add_blog_form_wrapper .category-container .category-list li a.selected{background-color: var(--bs-info);color: var(--bs-white);}
#add_blog_form_wrapper .category-container .category-list li a.selected i{color: var(--bs-white) !important;}
/****blog*****/
/*****task*****/
#main_content table#task_list tbody tr:nth-child(even) td{background-color: var(--bs-white);}
#main_content table tbody tr td.approved, #main_content table tbody tr td.completed{color: var(--bs-success);}
#filterTaskModal .modal-dialog .modal-content .modal-header .btn-close{top: 1.5rem;right: 1.5rem;}
/*****task*****/
/*****challenges*****/
table#challenges tbody tr td, table#job_responses tbody tr td{vertical-align: top !important;}
table#challenges tbody tr td.v-chat .chat .notification > span, table#challenges tbody tr td.c-chat .chat .notification > span{display: block;width: 10px;height: 10px;padding: 0 !important;}
table#challenges tbody tr td.status-count .status a{min-width: 70px;}
table#challenges tbody tr td.status-count .status .text-primary{color: #1F6AFD !important;}
table#challenges tbody tr td.action a i, table#job_responses tbody tr td.action a i{font-size: 24px;}
table#job_responses tbody tr td.status.in-progress{color: #FBBB21;}
table#job_responses tbody tr td.status.completed{color: var(--bs-info);}
#job_info_form_wrapper .select2-container .select2-selection{border: 0;background-color: transparent;}
#job_info_form_wrapper .jobs .job:not(:last-child){padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid var(--bs-gray-600);}
#job_info_form_wrapper .jobs .job .job-body{font-size: 16px;line-height: 22px;}
#job_info_form_wrapper .jobs .job .job-body ol li{list-style-type: number;list-style-position: inside;margin-bottom: 15px;}
#job_info_form_wrapper .jobs .job .job-body ol li:last-child{margin-bottom: 0;}
#job_info_form_wrapper .jobs .job .job-head .job-meta li:not(:last-child){padding-right: 10px;margin-right: 10px;position: relative;}
#job_info_form_wrapper .jobs .job .job-head .job-meta li:not(:last-child)::after{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: var(--bs-gray-600);position: absolute;right: -2px;top: 6px;}
#hiring_process_wrapper .hiring-flow .flow{counter-reset: flow-count;}
#hiring_process_wrapper .hiring-flow .flow > li{position: relative;padding: 10px 0 30px 56px;}
#hiring_process_wrapper .hiring-flow .flow > li:last-child{padding-bottom: 0;}
#hiring_process_wrapper .hiring-flow .flow > li::before{content: counter(flow-count);counter-increment: flow-count;display: block;width: 36px;height: 36px;background-color: var(--bs-white);border: 2px solid var(--bs-info);text-align: center;font-size: 16px;line-height: 34px;font-weight: 600;color: var(--bs-info);position: absolute;left: 0;top: 0;z-index: 2;}
#hiring_process_wrapper .hiring-flow .flow > li::after{content: '';display: block;width: 2px;height: 100%;background-color: var(--bs-info);position: absolute;top: 0;bottom: 0;left: 17px;}
#hiring_process_wrapper .hiring-flow .flow .badges span{font-size: 14px;}
#hiring_process_wrapper .hiring-flow .flow .badges span i{font-size: 16px;}
#hiring_process_wrapper .hiring-flow .eligibility-check li{position: relative;margin-bottom: 10px;padding-left: 23px;}
#hiring_process_wrapper .hiring-flow .eligibility-check li:last-child{margin-bottom: 0;}
#hiring_process_wrapper .hiring-flow .eligibility-check li::before{content: '';display: block;width: 16px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2337AAB2' class='bi bi-check2' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");background-repeat: no-repeat no-repeat;background-position: center center;background-size: cover;position: absolute;left: 0;top: 0;}
/*****challenges*****/
/*****category*****/
#main_content table#categories tbody tr td.name{padding-right: 75px;}
#main_content table#categories tbody tr td.name::after{content: '';display: block;width: 1px;height: 18px;position: absolute;top: 26.5px;right: 0;background-color: rgba(0, 0, 0, 0.2);}
#main_content table#categories tbody tr td.name .dropdown{top: 18px;}
#main_content table#categories tbody tr td.ranking input{padding: 10px 15px;max-width: 90px;}
/*****category*****/
/*****course-certification*****/
#main_content .filter-container.certification-filter form .form-control{padding-left: 46px;}
#main_content .filter-container.certification-filter form button{left: 15px;}
.course-certification-table .dataTables_scrollHead table thead tr th, .course-certification-table #course_certification_list tbody tr td{padding: 15px;}
.course-certification-table .dataTables_scrollHead table thead tr th.check{padding-right: 0;}
.course-certification-table #course_certification_list tbody tr td.certificate-title{padding-right: 65px;}
.course-certification-table #course_certification_list tbody tr td.certificate-title .dropdown{margin-top: -17.5px;}
.course-certification-table #course_certification_list tbody tr td.owner .profile .img-container, .course-certification-table #course_certification_list tbody tr td.student .profile .img-container{width: 25px;height: 25px;}
.course-certification-table #course_certification_list tbody tr td.members .profile .img-container, .course-certification-table #course_certification_list tbody tr td.mentors .profile .img-container{width: 20px;height: 20px;}
.course-certification-table #course_certification_list tbody tr td.members, .course-certification-table #course_certification_list tbody tr td.mentors, .course-certification-table #course_certification_list tbody tr td.current-course, .course-certification-table #course_certification_list tbody tr td.associted-course, .course-certification-table #course_certification_list tbody tr td.previous-course, .course-certification-table #course_certification_list tbody tr td.previous-certification{font-size: 12px;line-height: 14px;}
.course-certification-table #course_certification_list tbody tr td.mentors i, .course-certification-table #course_certification_list tbody tr td.previous-course i, .course-certification-table #course_certification_list tbody tr td.previous-certification i{font-size: 16px;}
.course-certification-table #course_certification_list tbody tr td .course{max-width: 150px;}
/*details*/
#course_certification_details tbody tr th{width: 40%;}
#course_certification_details tbody tr th, #course_certification_details tbody tr td{background-color: transparent;vertical-align: middle;padding: 15px 1.5rem;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
#course_certification_details tbody tr:last-child th, #course_certification_details tbody tr:last-child td{border: 0;}
#course_certification_details tbody tr td input{max-width: 150px;padding: 8px 15px;font-size: 12px;line-height: 14px;}
#course_certification_details tbody tr:nth-child(odd) th, #course_certification_details tbody tr:nth-child(odd) td{background-color: var(--bs-gray-100);}
#course_certification_details tbody tr td .members{font-size: 12px;line-height: 14px;}
#course_certification_details tbody tr td .tags li{font-size: 12px;line-height: 14px;}
#course_certification_details tbody tr td .tags li .remove-tag i{font-size: 14px;}
.certification-profile-container .profile .img-container{width: 80px;height: 80px;}
.certification-profile-container .profile .profile-info .rating{font-size: 12px;line-height: 14px;}
.certification-profile-container .profile .profile-info .rating i{font-size: 16px;}
#course_certification_details tbody tr td table{font-size: 12px;line-height: 14px;}
#course_certification_details tbody tr.academy-feedback td .profile .img-container{width: 36px;height: 36px;}
/*details*/
/*formation*/
#courses_formation_list tbody tr td.training, #courses_list tbody tr td.course-owner{padding-right: 74px;}
#courses_formation_list tbody tr td.training .dropdown, #courses_list tbody tr td.course-owner .dropdown{margin-top: -17.5px;}
#courses_formation_list tbody tr td.training .img-container, #courses_list tbody tr td.course-owner .owner-profile .img-container{width: 30px;height: 30px;}
#courses_formation_list tbody tr td.subscribers .subscriber-list .subscriber{width: 25px;height: 25px;margin-left: -8px;}
#courses_formation_list tbody tr td.creator .img-container{width: 25px;height: 25px;}
#courses_list tbody tr td.rank input{max-width: 90px;padding: 10px 15px;}
/*formation*/
.course-details-table #course_details tbody tr td ul.action li:not(:last-child){padding-right: 30px;margin-right: 30px;border-right: 1px solid rgb(111 122 124 / 40%);}
#submitted_tasks tbody tr td.si-title, #subscriber_list tbody tr td.name, #course_team tbody tr td.name, #course_lessons tbody tr td.code-name, #course_certifications tbody tr td.name{padding-right: 83px;}
#submitted_tasks tbody tr td.si-title .dropdown, #course_certifications tbody tr td.name .dropdown{margin-top: -17.5px;}
/*****course-certification*****/
/*****module-role-privilege*****/
#module_role_privilege tbody tr.children td{background-color: transparent;}
#module_role_privilege input[type="checkbox"]:checked{background-color: var(--bs-info);border-color: var(--bs-info);}
/*****module-role-privilege*****/
#jobResponseDetailsModal .modal-body .others_detailsArea .details_row .upload_area .upload_item .uploaded_innrBx{height: 135px;width: 135px;padding: 20px 10px;text-align: center;border-radius: 8px;}
#jobResponseDetailsModal .modal-body .others_detailsArea .details_row .upload_area .upload_item .uploaded_innrBx .delete_btn{position: absolute;right: 10px;top: 10px;}
#jobResponseDetailsModal .modal-body .others_detailsArea .details_row .upload_area .upload_item .uploaded_innrBx .delete_btn span{color: #CECEDB;}
#jobResponseDetailsModal .modal-body .others_detailsArea .details_row .upload_area .upload_item .uploaded_innrBx h4{font-size: 13px;color: #004254;font-weight: 500;margin-bottom: 10px;}
#jobResponseDetailsModal .modal-body .others_detailsArea .details_row .upload_area .upload_item .uploaded_innrBx h5{font-size: 10px;color: #6F7A7C;}
#jobResponseDetailsModal .modal-body .prsnl_detailsArea .profile-avatar{width: 120px;height: 120px;}
#jobResponseDetailsModal .modal-body .prsnl_detailsArea .profile-avatar .avatar{object-fit: cover;object-position: center;}
#jobResponseDetailsModal .modal-body .prsnl_detailsArea .profile-avatar + .action a{width: 35px;height: 35px;line-height: 33px;color: #004254;}
#jobResponseDetailsModal .modal-body .prsnl_detailsArea .profile-avatar + .action a i{font-size: 18px;}
/*****responsive-css*****/
/*****canban-board*****/
#canban_board_wrapper .single-item .board-container .board-head .dropdown .dropdown-toggle{width: 35px;height: 35px;}
#canban_board_wrapper .single-item .board-container .board-head .dropdown .dropdown-toggle::after{display: none;}
#canban_board_wrapper .single-item .board-container .board .img-container{width: 40px;height: 40px;}
#canban_board_wrapper .single-item .board-container .board .img-container img{object-fit: cover;object-position: center;}
#canban_board_wrapper .single-item .board-container .board .name{font-size: 16px;line-height: 18px;}
#canban_board_wrapper .single-item .board-container .board .designation{font-size: 14px;line-height: 16px;}
#canban_board_wrapper .single-item .board-container .board .location{font-size: 12px;line-height: 14px;}
/*****canban-board*****/
/*****faq-backend*****/
.modal-title{font-family: 'Noe Display Bold';font-size: 30px !important;line-height: 40px;font-weight: 700;color: #004254;}
.write-own-answer-modal .btn-close, .edit-responsive-modal .btn-close{background-color: #FBBB21;color: #004254;opacity: 1;}
.write-own-answer-modal .form-control, .edit-responsive-modal .form-control{background-color: #F4F4F4;font-size: 15px;line-height: 22px;color: #004254;padding: 15px;border: 1px solid #6F7A7C;border-radius: 0;}
.write-own-answer-modal .upload-files li, .edit-responsive-modal .upload-files li{width: 135px;height: 135px;}
.write-own-answer-modal .upload-files li.upload, .edit-responsive-modal .upload-files li.upload{border: 2px dashed #C9C9CA;}
.write-own-answer-modal .upload-files li.file, .edit-responsive-modal .upload-files li.file{border: 2px solid #C9C9CA;}
.write-own-answer-modal .upload-files li .name, .edit-responsive-modal .upload-files li .name{font-size: 14px;line-height: 16px;}
.write-own-answer-modal .upload-files li .size, .edit-responsive-modal .upload-files li .size{font-size: 10px;line-height: 12px;color: #6F7A7C;}
.write-own-answer-modal .upload-files li .material-icons-outlined, .edit-responsive-modal .upload-files li .material-icons-outlined{color: #6F7A7C;}
.assign-contents-modal .search input, .assign-experts-modal .search input{padding-left: 50px;}
.assign-contents-modal .contents li, .assign-experts-modal .experts li{box-shadow: 0px 1px 0px 0px #00000033;margin-bottom: 1px;}
.generate-a-challenge-wrapper aside{font-size: 16px;line-height: 22px;}
.generate-a-challenge-wrapper aside p{margin-bottom: 1rem;}
.generate-a-challenge-wrapper aside p:last-of-type{margin-bottom: 0;}
.generate-a-challenge-wrapper aside h6{margin-bottom: 1rem;}
.generate-a-challenge-wrapper aside p + h6, .generate-a-challenge-wrapper aside p + ol, .generate-a-challenge-wrapper aside p + ul, .generate-a-challenge-wrapper aside ol + h6, .generate-a-challenge-wrapper aside ul + h6{margin-top: 1.5rem;}
.generate-a-challenge-wrapper aside ol{list-style-type: decimal;padding-left: 1rem;}
.generate-a-challenge-wrapper aside li{list-style-type: inherit;}
.generate-a-challenge-wrapper aside li:not(:last-child){margin-bottom: 0.5rem;}
.generate-a-challenge-wrapper aside .job-meta li:not(:last-child){position: relative;padding-right: 10px;margin-right: 10px;}
.generate-a-challenge-wrapper aside .job-meta li:not(:last-child)::after{content: '';display: block;width: 4px;height: 4px;background-color: var(--bs-gray-600);border-radius: 50%;position: absolute;top: 50%;right: -2px;margin-top: -2px;}
.generate-a-challenge-wrapper aside .jobs .job:not(:last-child){padding-bottom: 2rem;border-bottom: 1px solid var(--bs-gray);margin-bottom: 2rem;}
.generate-a-challenge-wrapper .select2-container .select2-selection{border: 0;}
/*****faq-backend*****/

/* ====07.02.2025==== */

.accordion-button, .accordion-button:not(.collapsed) { font-size: 1.125rem; font-weight: 600; color: var(--bs-black); }
.accordion-button:not(.collapsed)::after{filter: grayscale(1);}
.btn-close { width: 2.75rem; height: 2.75rem; --bs-btn-close-hover-opacity: 1; transition: all 0.3s ease-in-out; opacity: 1;}

@media only screen and (max-width: 1400px){
	#event_gallery_wrapper .gallery-images ul.images{margin: 0 -10px;}
	#event_gallery_wrapper .gallery-images ul.images li{padding: 0 10px;}
}
@media only screen and (max-width: 1199px){
	#event_gallery_wrapper .gallery-images ul.images li{width: 14.28%;}
}
@media only screen and (max-width: 991px){
	#mail_template_wrapper.template-details-opened .table-wrapper{width: 100%;}
	#mail_template_wrapper #edit_template{display: block !important;width: 400px !important;height: 100%;overflow-y: auto;margin: 0;position: fixed;top: 0;bottom: 0;right: -400px;z-index: 999;transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
	#mail_template_wrapper #edit_template.opened{right: 0;transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;}
	#event_gallery_wrapper .gallery-images ul.images li{width: 16.666%;}
}
@media only screen and (max-width: 767px){
	#event_gallery_wrapper .gallery-images ul.images li{width: 20%;}
}
@media only screen and (max-width: 576px){
	#event_gallery_wrapper .gallery-images ul.images li{width: 25%;}
}
@media only screen and (min-width: 768px){
	#addNewEmail{width: 80%;}
}
@media only screen and (min-width: 992px){
	#addNewEmail{width: 50%;}
}
@media only screen and (min-width: 576px){
	.btn{font-size: 16px;line-height: 20px;border-width: 2px;padding: 12px 16px;}
}
@media only screen and (max-width: 480px){
	#mail_template_wrapper #edit_template{width: 300px !important;right: -300px;}
	#main_content .details-wrapper .tab-wrapper .nav-tabs li.nav-item .nav-link{padding: 10px !important;}
	#event_gallery_wrapper .gallery-images ul.images li{width: 33.333%;}
}
@media only screen and (max-width: 380px){
	#event_gallery_wrapper .gallery-images ul.images li{width: 50%;}
}
/*****responsive-css*****/