@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{
    --body-bg: #f5fbfd;
    --light-blue-color: #f3fbff;
    --blue-color: #00aeff;
    --black-color: #000b3e;
    --light-grey-color: #999999;
    --dark-grey-color: #656565;
    --white-bg: #ffffff;
    --border-color: #EAECF3;
    --green-bg: #10B95E;
    /* --green-bold : #0de754; */
    --green-bold : #10B95E;
    --yellow-bg: #EFBF14;
    --orange-bg: #FD832A;
    --red-bg: #DE1327;
    --leads-status-color1: #F7F6DC;
    --leads-status-color2: #CDE990;
    --leads-status-color3: #FCF9BE;
    --leads-status-color4: #CCF3EE;
    --leads-status-color5: #FFC3C3;
    --leads-status-color6: #B3FFAE;
    --leads-status-color7: #B8FFF9;
}
/* :root{
    --body-bg: #F8F9FD;
    --light-blue-color: #F3F5FF;
    --blue-color: #0F45FF;
    --black-color: #000000;
    --light-grey-color: #999999;
    --dark-grey-color: #656565;
    --white-bg: #ffffff;
    --border-color: #EAECF3;
    --green-bg: #10B95E;
    --yellow-bg: #EFBF14;
    --orange-bg: #FD832A;
    --red-bg: #DE1327;
    --leads-status-color1: #F7F6DC;
    --leads-status-color2: #CDE990;
    --leads-status-color3: #FCF9BE;
    --leads-status-color4: #CCF3EE;
    --leads-status-color5: #FFC3C3;
    --leads-status-color6: #B3FFAE;
    --leads-status-color7: #B8FFF9;
} */
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, ul, li {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font-weight:normal;
  vertical-align:baseline;
  background:transparent;
	list-style:none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"]{
	-webkit-appearance:none;
	appearance:none;
}
input[type="search"]{
	-webkit-appearance:textfield
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	outline:none
}
html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width:100%;
	height:100%;
}
body{
	margin:0;
	padding:0;
	text-size-adjust: none ;
	-webkit-text-size-adjust:none;
	overflow-x:hidden;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: var(--black-color);
    background: var(--body-bg);
    font-weight: 400;
}
img {
	display:block;
	max-width:100%;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}
a:focus{
	outline: 0;
}
a{
    color: var(--blue-color);
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/* Comman CSS Start */
.active>.page-link, .page-link.active{
    background: var(--blue-color);
    border-color: var(--blue-color);
    color: var(--white-bg);
}
.page-link{
    color: var(--blue-color);
}
.page-link:hover{
    background: var(--light-blue-color);
    color: var(--blue-color);
}
.p-4{
    padding: 16px !important;
}
.font-medium{
    font-weight: 600;
}
.filter-open{
    overflow-y: hidden;
}
.container{
    max-width: 1224px;
    margin: 0 auto;
}
.bg-gradient-1{
    background: rgb(255,244,228);
    background: linear-gradient(145deg, rgba(255,244,228,1) 0%, rgba(234,244,231,1) 100%);
}
.bg-gradient-2{
    background: rgb(198,231,255);
    background: linear-gradient(145deg, rgba(198,231,255,1) 0%, rgba(221,253,238,1) 100%);
}
.bg-gradient-3{
    background: rgb(233,239,255);
    background: linear-gradient(145deg, rgba(233,239,255,1) 0%, rgba(255,239,243,1) 100%);
}
.bg-gradient-4{
    background: rgb(236,255,231);
    background: linear-gradient(145deg, rgba(236,255,231,1) 0%, rgba(236,243,234,1) 100%);
}
.bg-gradient-5{
    background: rgb(255,234,234);
    background: linear-gradient(145deg, rgba(255,234,234,1) 0%, rgba(255,255,239,1) 100%);
}
.bg-gradient-6{
    background: rgb(200,245,255);
    background: linear-gradient(145deg, rgba(200,245,255,1) 0%, rgba(242,237,255,1) 100%);
}
.green{
    color: var(--green-bg) !important;
    font-weight: 500;
}
.green-bold{
    color: var(--green-bold) !important;
    font-weight: 500;
}
.red{
    color: var(--red-bg) !important;
    font-weight: 500;
}
.orange{
    color: var(--orange-bg) !important;
    font-weight: 500;
}
.blue{
    color: var(--blue-color) !important;
    font-weight: 500;
}
.badge-action.green{
    background: var(--green-bg);
}
.badge-action.yellow{
    background: var(--yellow-bg);
}
.badge-action.red{
    background: var(--red-bg);
}
.badge-action{
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 16px;
    color: var(--white-bg) !important;
    margin: 4px 2px;
}
.badge-action:hover{
    color: var(--white-bg);
}
.blue-btn{
    display: inline-block;
    background: var(--blue-color);
    padding: 7px 24px;
    color: var(--white-bg);
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
}
.blue-btn:hover{
    background: var(--black-color);
    color: var(--white-bg);
}
.blue-btn-border{
    display: inline-block;
    background: transparent;
    border: var(--blue-color) solid 1px;
    padding: 6px 24px;
    color: var(--blue-color);
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
}
.blue-btn-border:hover{
    color: #fff;
    border: var(--black-color) solid 1px !important;
    background: var(--black-color);
}
.black-btn{
    display: inline-block;
    background: var(--black-color);
    color: var(--white-bg);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}
.black-btn:hover{
    background: var(--blue-color);
}
.btn-small{
    /* padding: 6px 16px; */
    padding: 4px 16px;
    font-size: 14px;
}
.sweet-alert{
    padding: 24px;
}
.sweet-alert h2{
    margin-bottom: 16px;
}
.sweet-alert .lead{
    font-size: 16px;
    margin-bottom: 16px;
}
footer{
    background: var(--white-bg);
    /* padding: 20px 32px; */
    padding: 15px 32px;
    position: fixed;
    bottom: 0;
    width: calc(100% - 250px);
    -webkit-box-shadow: 0 -4px 8px rgba(0,0,0,.03);
    box-shadow: 0 -4px 8px rgba(0,0,0,.03);
    /* z-index: 1056; */
    z-index: 103;
}
.link{
    font-weight: 500;
}
.link:hover{
    text-decoration: underline;
}
.typeahead{
    padding: 0;
}
.typeahead .dropdown-item:active{
    background: var(--blue-color);
}
.typeahead li a.dropdown-item{
    padding: 8px 16px;
    font-size: 14px;
}
.typeahead li a.dropdown-item:hover{
    background: var(--blue-color);
    color: var(--white-bg);
}
.typeahead li:first-child a{
    border-radius: 6px 6px 0 0;
}
.typeahead li:last-child a{
    border-radius: 0 0 6px 6px;
}
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple{
    height: 35px;
}
.filter-box .select2-container .select2-selection--multiple{
    height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 35px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after{
    content: '';
    position: absolute;
    top: 8px;
    right: 14px;
    width: 16px;
    height: 16px;
    background: url(../images/select-arrow.svg) no-repeat;
    -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;
    transition: all 0.3s ease-in-out;
}
.select2-container--open .select2-selection__arrow:after{
    transform: rotate(-180deg);
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: var(--border-color) solid 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding: 2px 10px;
    min-height: 37px;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.select2-dropdown{
    border: var(--border-color) solid 1px;
}
.select2-search--dropdown{
    padding: 8px;
    border-bottom: var(--border-color) solid 1px;
}
.select2-container--default .select2-results__option[aria-selected="true"]{
    background-color: var(--light-blue-color);
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: var(--blue-color);
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border: var(--border-color) solid 1px;
}
.select2-search--dropdown .select2-search__field{
    padding: 8px;
    border-radius: 4px;
}
.select2-results__option{
    padding: 8px 16px;
}
.img-thumb{
    min-width: 48px;
    max-width: 48px;
}
.lead-map-fields .select2,
.select2-container{
    width: 100% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: var(--light-blue-color);
    border: var(--border-color) solid 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: var(--dark-grey-color);
    margin-right: 4px;
}
.form-control:focus{
    box-shadow: none;
    border-color: var(--border-color);
}
.account-plan-selection ul{
    font-size: 0;
}
.account-plan-selection ul li{
    display: inline-block;
    position: relative;
    margin-right: 8px;
}
.account-plan-selection ul li input[type=radio]{
    position: absolute;
    visibility: hidden;
}
.account-plan-selection ul li label{
    border: var(--border-color) solid 1px;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}
.account-plan-selection ul li input[type=radio]:checked ~ label{
    background: var(--light-blue-color);
    color: var(--blue-color);
    border: var(--blue-color) solid 1px;
}
.tox-tinymce{
    border: var(--border-color) solid 1px !important;
    border-radius: 4px !important;
}
.tox-tinymce .tox-statusbar__branding{
    display: none;
}
.tooltip{
    z-index: 2;
}
.lead-status-color{
    font-size: 10px;
    font-weight: 500;
    padding: 2px 8px;
    display: inline-block;
    border-radius: 4px;
    font-weight: 600;
    color: var(--black-color);
    text-transform: uppercase;
}
.lead-status-color.color-1{
    background: var(--leads-status-color1);
}
.lead-status-color.color-2{
    background: var(--leads-status-color2);
}
.lead-status-color.color-3{
    background: var(--leads-status-color3);
}
.lead-status-color.color-4{
    background: var(--leads-status-color4);
}
.lead-status-color.color-5{
    background: var(--leads-status-color5);
}
.lead-status-color.color-6{
    background: var(--leads-status-color6);
}
.lead-status-color.color-7{
    background: var(--leads-status-color7);
}
/* Comman CSS End */

/* File Upload (Task Document Page) CSS Start */
.file-caption .fileinput-remove{
    display: none;
}
.file-caption .btn-info,
.file-caption .btn-info:active{
    background: var(--black-color);
    border-color: var(--black-color);
    color: var(--white-bg);
}
.file-caption .form-control.is-valid{
    border-color: var(--border-color);
}
.file-preview .fileinput-remove span{
    font-size: 0;
}
.file-caption .form-control.is-valid:focus{
    box-shadow: none;
}
.file-preview{
    margin-bottom: 16px;
    border: #CDD0DB dashed 1px;
}
.file-preview .file-drop-zone{
    margin: 0;
    padding: 0;
    border: 0;
}
.file-preview .fileinput-remove:focus{
    box-shadow: none;
}
.file-preview .fileinput-remove{
    top: 8px;
    right: 8px;
    z-index: 1;
}
.krajee-default.file-preview-frame{
    box-shadow: none;
    border: var(--border-color) solid 1px;
    border-radius: 4px;
}
.krajee-default .file-footer-caption{
    padding-top: 16px;
    margin-bottom: 8px;
    color: var(--dark-grey-color);
}
.krajee-default.file-preview-frame{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.krajee-default.file-preview-frame:not(.file-preview-error):hover{
    border: var(--border-color) solid 1px;
    box-shadow: 0 0px 16px rgba(0,0,0,.08);
}
.file-footer-buttons .kv-file-zoom{
    font-size: 16px;
    border-radius: 24px;
    border: var(--blue-color) solid 1px;
    color: var(--blue-color);
}
.file-footer-buttons .kv-file-zoom:hover{
    background: var(--blue-color);
    color: var(--white-bg);
}
.file-zoom-dialog .kv-zoom-body{
    padding: 24px;
}
.file-zoom-dialog .btn-kv-prev{
    left: 16px;
}
.file-zoom-dialog .btn-kv-next{
    right: 16px;
}
/* File Upload (Task Document Page) CSS End */

/* Typography CSS Start */
p{
    font-size: 14px;
}
h1{
    font-size: 26px;
    font-weight: 600;
}
h2{
    font-size: 20px;
    font-weight: 600;
}
h3{
    font-size: 18px;
}
h4{
    font-size: 16px;
}
h5{
    font-size: 14px;
}
/* Typography CSS End */

/* All Table Width CSS Start */
#document_lists th:nth-child(1){
    min-width: 160px;
}
#document_lists th:nth-child(2){
    min-width: 100px;
}

/* All Table Width CSS End */

.left-menu{
    position: fixed;
    z-index: 105;
    height: 100vh;
    background: var(--white-bg);
    /* max-width: 250px; */
    max-width: 270px;
    width: 100%;
    padding: 20px 16px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-shadow: 10px 0 24px rgba(0,0,0,.02);
    box-shadow: 10px 0 24px rgba(0,0,0,.02);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.hd-logo{
    display: block;
    margin-bottom: 16px;
    padding: 0 16px;
}
.hd-logo > img{
    width: 110px;
    margin: 0 auto 24px auto;

    /* width: 150px; */
}
.navbar ul{
    width: 100%;
}
.navbar ul > li{
    margin-top: 6px;
}
.navbar ul > li:first-child{
    margin-top: 0;
}
.navbar ul li a{
    color: var(--black-color);
    display: flex;
    padding: 8px 16px;
    align-items: center;
    position: relative;
    border-radius: 4px;
    font-weight: 500;
}
.navbar ul li a.active,
.navbar ul li a:hover{
    background: var(--light-blue-color);
    color: var(--blue-color);
}
.navbar ul li.dropdown ul.sub-menu li a.active{
    background: none;
    color: var(--blue-color);
}
.navbar > ul > li > a > svg{
    margin-right: 8px;
    width: 20px;
}
.navbar ul li a .arrow{
    margin-left: auto;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.navbar ul li a.open .arrow{
    transform: rotate(180deg);
}
.navbar ul li.dropdown ul.sub-menu{
    /* padding-left: 44px;
    padding-top: 0;
    padding-bottom: 8px; */
    padding-left: 22px;
    padding-top: 0;
    padding-bottom: 0;
    border-left: var(--border-color) solid 1px;
    margin-left: 22px;
    margin-right: 14px;
    margin-top: 8px;
    margin-bottom: 8px;
    width: auto;
}
.navbar ul li.dropdown ul.sub-menu li{
    line-height: 28px;
    /* border-bottom: var(--border-color) solid 1px; */
}
.navbar ul li.dropdown ul.sub-menu li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.navbar ul li.dropdown ul.sub-menu li a{
    /* padding: 5px 0; */
    padding: 0;
    color: var(--black-color);
    font-weight: 400;
    font-size: 14px;
}
.navbar ul li.dropdown ul.sub-menu li a:hover{
    color: var(--blue-color);
}
.navbar ul li.dropdown ul.sub-menu li a:hover{
    background: none;
}
.navbar ul li a .badge{
    margin-top: 2px;
    margin-left: auto;
    /* background: var(--leads-status-color2); */
    /* width: 24px;
    height: 24px; */
    color: var(--black-color);
    border-radius: 50%;
    /* line-height: 15px; */
    padding: 4px 0;
    font-size: 12px;
}
.navbar ul > li.highlight a,
.navbar ul li.dropdown ul.sub-menu > li.highlight a{
    /* background: var(--light-blue-color); */
    color: var(--black-color);
    font-weight: 700;
}


/* Dashboard CSS Start */
.right-content{
    position: relative;
    width: 100%;
    /* padding-left: 250px; */
    padding-left: 270px;
    padding-bottom: 51px;
}
.top-header{
    background: var(--white-bg);
    padding: 10px 20px;
    width: 100%;
}
.top-header .notification{
    position: relative;
}
.top-header .notification .number{
    background: var(--red-bg);
    color: var(--white-bg);
    position: absolute;
    top: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
}
.top-header .notification svg{
    width: 20px;
    height: 20px;
}
.hd-search{
    max-width: 348px;
    width: 100%;
}
.hd-search input[type="text"]{
    width: 100%;
    background: url(../images/search.svg) no-repeat 16px center;
    color: var(--dark-grey-color);
    font-family: 'Inter', sans-serif;
    border: var(--border-color) solid 1px;
    border-radius: 4px;
    padding: 9px 16px 9px 44px;
}
.hd-search input[type="text"]::-moz-placeholder{
    color: var(--dark-grey-color);
    opacity: 1;
}
.hd-search input[type="text"]::placeholder{
    color: var(--dark-grey-color);
    opacity: 1;
}
.notification svg path{
    stroke: var(--dark-grey-color);
}

.user-thumb{
    position: relative;
    margin-left: 24px;
}
.user-thumb span{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 16px;
    height: 16px;
    background: var(--white-bg);
    border-radius: 16px;
    color: var(--black-color);
}
.user-thumb img{
    width: 32px;
    border-radius: 4px;
}
.notification ~ .dropdown-menu{
    max-width: 340px;
    width: 100%;
}
.notification ~ .dropdown-menu,
.user-thumb .dropdown-menu{
    padding: 0;
    border: var(--border-color) solid 1px;
    box-shadow: 0 4px 10px rgba(0,0,0,.03);
    z-index:1057;
}
.user-thumb .dropdown-menu li,
.notification ~ .dropdown-menu li{
    border-bottom: var(--border-color) solid 1px;
}
.user-thumb .dropdown-menu li:last-child,
.notification ~ .dropdown-menu:last-child{
    border-bottom: 0;
}
.user-thumb .dropdown-menu li a{
    display: flex;
    padding: 12px 20px;
    color: var(--black-color);
    font-size: 14px;
}
.notification ~ .dropdown-menu li a{
    display: block;
    padding: 12px 20px;
    color: var(--black-color);
}
.user-thumb .dropdown-menu li a:hover{
    color: var(--blue-color);
}
.user-thumb .dropdown-menu li a svg{
    margin-right: 8px;
    width: 20px;
}
.notification ~ .dropdown-menu li:first-child{
    padding: 12px 20px;
    font-weight: 600;
    background: var(--body-bg);
}
.notification ~ .dropdown-menu li a span{
    font-size: 14px;
}
.notification ~ .dropdown-menu li:last-child{
    text-align: center;
    font-weight: 500;
}
.notification ~ .dropdown-menu li:last-child a:hover{
    color: var(--blue-color);
}
.content-wrapper{
    /* padding: 32px; */
    padding: 20px;
}
.d-box{
    border-radius: 8px;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.d-box h2{
    position: relative;
}
.d-box h2 span{
    position: absolute;
    right: 0;
}
.d-box ul li{
    margin-top: 16px;
    width: 48%;
    font-size: 22px;
    font-weight: 600;
}
.single.d-box ul li{
    width: 100%;
}
.d-box ul li span{
    display: block;
    font-size: 16px;
    color: var(--black-color);
    opacity: .7;
    font-weight: 400;
}
/* .d-box:hover{
    margin-top: -8px;
} */
.chart-boxes .white-box{
    min-height: 380px;
}
.white-box{
    position: relative;
    border-radius: 8px;
    background: var(--white-bg);
}
.white-box .box-title{
    justify-content: space-between;
    margin-bottom: 24px;
}
.white-box .box-title .select{
    background: transparent url(../images/select-arrow.svg) no-repeat right center;
    border: 0;
    padding: 0 24px 0 0;
    appearance: none;
    color: var(--dark-grey-color);
    cursor: pointer;
}
.dashboard-table h2{
    padding-bottom: 24px;
    position: relative;
    padding: 24px;
}
.dashboard-table h2:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--border-color);
    bottom: 0px;
    left: 0;
}
.dashboard-table .tab-wrapper{
    padding-top: 24px;
}
.dashboard-table .tab-content{
    border-top: var(--border-color) solid 1px;
}
.tab-wrapper .nav-tabs{
    margin: 0 24px 24px 24px;
    border: 0;
    display: inline-block;
    background: var(--light-blue-color);
    padding: 4px;
    border-radius: 4px;
    font-size: 0;
}
.tab-wrapper .nav-tabs li{
    display: inline-block;
}
.tab-wrapper .nav-tabs .nav-link.active{
    border: 0;
    color: var(--blue-color);
}
.tab-wrapper .nav-tabs .nav-link{
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    border-radius: 4px;
    padding: 8px 16px;
    border: 0;
    color: var(--black-color);
}
table tr th,
table tr td{
    border-bottom: var(--border-color) solid 1px;
    /* padding: 16px; */
    padding: 10px;
    vertical-align: middle;
}
table tr:last-child td{
    border-bottom: 0;
}
table tr th{
    font-weight: 600;
    background: var(--white-bg);
}
table tr td{
    font-weight: 500;
    background: var(--white-bg);
}
table tr th:first-child,
table tr td:first-child{
    padding-left: 24px;
}
table tr th:last-child,
table tr td:last-child{
    padding-right: 24px !important;
}
table tr td.icons a,
table tr td .icons a{
    display: inline-block;
    color: var(--black-color);
    margin-right: 8px;
}
table tr td .icons a > svg{
    width: 18px;
    height: 18px;
}
table tr td.icons a:last-child,
table tr td .icons a:last-child{
    margin-right: 0;
}
table tr td.icons a:hover,
table tr td .icons a:hover{
    color: var(--blue-color);
}
.refresh-icon{
    background: var(--blue-color);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
.amount span{
    font-size: 10px;
    font-weight: 500;
    padding: 2px 8px;
    display: inline-block;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
}
.amount.green span{
    /* background: #d0f4e8;
    color: #19ac7d; */
    background: var(--leads-status-color6);
    color: var(--black-color);
}
.amount.red span{
    /* background: #ffe1e7;
    color: #cc5e72; */
    background: var(--leads-status-color5);
    color: var(--black-color);
}
.amount.yellow-light span{
    /* background: #F7DB7B;
    color: #ae8f16; */
    background: var(--leads-status-color3);
    color: var(--black-color);
}
.amount.price span{
    /* background: #e2e8fb;
    color: var(--blue-color); */
    background: var(--leads-status-color2);
    color: var(--black-color);
    font-size: 14px;
    font-weight: 600;
}
.amount.price-pending span{
    background: var(--leads-status-color3);
    color: var(--black-color);
    font-size: 14px;
    font-weight: 600;
}
.amount.price-red span{
    background: var(--leads-status-color5);
    color: var(--black-color);
    font-size: 14px;
    font-weight: 600;
}
.durations-select .select2{
    background-color: var(--white-bg) !important;
    min-width: 150px;
}
.durations-select .select2-container{
    z-index: 0;
}
.card-boxes{
    margin: 0 -12px;
}
.card-boxes .payment-box{
    width: calc(100% / 5 - 24px);
    margin-left: 12px;
    margin-right: 12px;
    background: var(--white-bg);
    border: var(--border-color) solid 1px;
}
.card-boxes .payment-box span.icon{
    background: var(--light-blue-color);
}
.payment-box.ib-white-box{
    background: var(--white-bg);
    border: var(--border-color) solid 1px;
}
.payment-box.ib-white-box span.icon{
    background: var(--light-blue-color);
}
/* Dashboard CSS End */

/* User CSS Start */
.user-pic img{
    min-width: 32px;
    max-width: 32px;
}
.user-pic > img{
    border-radius: 4px;
}
.user-table tr th:first-child,
.user-tasks-table th:first-child{
    min-width: 30px;
}
.dashboard-table table tr th:last-child,
.user-table tr th:last-child,
.user-tasks-table th:last-child{
    min-width: 55px;
}
.user-table tr th:nth-child(3){
    min-width: 150px;
}
.user-table tr th:nth-child(5){
    min-width: 100px;
}
.user-table tr th:nth-child(6){
    min-width: 65px;
}
.user-tasks-table th:nth-child(2),
.user-tasks-table th:nth-child(8){
    min-width: 140px;
}
.user-tasks-table th:nth-child(7){
    min-width: 90px;
}
.user-tasks-table th:nth-child(4){
    min-width: 70px;
}
.user-tasks-table th:nth-child(5),
.user-tasks-table th:nth-child(6){
    min-width: 90px;
}
.user-tasks-table th:nth-child(3){
    min-width: 120px;
}
.user-tasks-table thead th:nth-child(1),
.user-tasks-table thead th:nth-child(2),
.user-tasks-table tbody td:nth-child(1),
.user-tasks-table tbody td:nth-child(2){
    position: sticky;
    left: 0;
    z-index: 1;
}

.custom-switch {
    padding-left:0;
    position: relative;
    min-height: 24px;
}
.custom-control-label{
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-switch .custom-control-label::before {
    left:0rem;
    width:1.75rem;
    pointer-events:all;
    border-radius:.5rem;
}
.custom-control-label::before{
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: var(--white-bg);
    border-color: var(--blue-color);
    background-color: var(--blue-color);
  }
.custom-switch .custom-control-label::after {
    top:calc(0.25rem + 2px);
    left:calc(0px + 2px);
    width:calc(1rem - 4px);
    height:calc(1rem - 4px);
    background-color: var(--white-bg);
    border-radius:.5rem;
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
}
.custom-switch .custom-control-input{
    opacity: 0;
    position: absolute;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: var(--white-bg);
    -webkit-transform:translateX(0.75rem);
    transform:translateX(0.75rem)
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: var(--blue-color);
}
.custom-control-label::before {
    position:absolute;
    top:.25rem;
    left:-1.5rem;
    display:block;
    width:1rem;
    height:1rem;
    pointer-events:none;
    content:"";
    background-color: var(--light-grey-color);
    cursor: pointer;
}
.custom-control-label::after {
    position:absolute;
    top:.25rem;
    left:-1.5rem;
    display:block;
    width:1rem;
    height:1rem;
    content:"";
    background:50% / 50% 50% no-repeat;
    cursor: pointer;
}
.table-arrow span.arrow{
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    margin-top: -2px;
}
.filter-icon{
    color: var(--black-color);
    margin-right: 20px;
    display: inline-block;
}
/*Added By AP...start*/
.filter-icon.active {
    color: var(--blue-color) !important;
}
/*Added By AP...end*/

.filter-icon > svg{
    width: 20px;
    height: 20px;
}
.white-box-title{
    position: absolute;
    border-bottom: var(--border-color) solid 1px;
    /* min-height: 82px; */
    min-height: 66px;
}
.select-list{
    color: var(--light-grey-color);
    font-size: 16px;
}
.select-list .select{
    margin-left: 8px;
    min-width: 82px;
    padding: 7px 16px;
    font-size: 16px;
    color: var(--light-grey-color);
    border: var(--border-color) solid 1px;
    background: var(--white-bg) url(../images/select-arrow.svg) no-repeat calc(100% - 16px) center;
    border-radius: 8px;
    appearance: none;
}
.form-group{
    margin-bottom: 16px;
}
.form-group label{
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}
input[type="submit"]:disabled{
    opacity: .5;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="date"],
.form-group select,
.textarea{
    width: 100%;
    border: var(--border-color) solid 1px;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    /* padding: 8px 16px; */
    padding: 6px 16px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    resize: none;
}
.textarea.large{
    height: 130px;
}
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="date"]::-moz-placeholder{
    color: var(--dark-grey-color);
    opacity: 1;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="date"]::placeholder{
    color: var(--dark-grey-color);
    opacity: 1;
}
.form-control{
    border: var(--border-color) solid 1px;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    padding: 8px 16px;
}
.form-group select{
    background: transparent url(../images/select-arrow.svg) no-repeat calc(100% - 16px) center;
    -moz-appearance: none;
    appearance: none;
    color: var(--dark-grey-color);
}
.select2-container{
    z-index: 105;
}
.modal-backdrop ~ .select2-container{
    z-index: 1055;
}
.form-group > .select2-container{
    z-index: 0;
}
.filter-popup input[type="submit"],
.sidebar-popup input[type="submit"]{
    width: auto;
    border: 0;
    padding: 8px 24px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
input[type="submit"],
input[type="button"]{
    cursor: pointer;
    border: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.login-form input[type="submit"]{
    width: 100%;
    border: 0;
    padding: 8px 24px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.filter-popup,
.sidebar-popup{
    /* position: absolute; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: rgba(101,101,101,.13);
    z-index: 105;
}
.filter-box{
    margin-left: auto;
    margin-right: -400px;
    max-width: 400px;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: var(--white-bg);
    /* padding: 48px 32px 32px; */
    padding: 22px 32px 32px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.filter-popup.open .filter-box,
.sidebar-popup.open .filter-box{
    margin-right: 0;
}
.filter-box h2{
    margin-bottom: 24px;
}
.filter-box hr{
    margin: 24px -32px;
}
.close-icon{
    position: absolute;
    top: 24px;
    right: 24px;
    color: var(--dark-grey-color);
}
.close-icon-leads{
    position: absolute;
    top: 24px;
    right: 24px;
    color: var(--dark-grey-color);
}
.filter-popup,
.sidebar-popup{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.filter-popup.open,
.sidebar-popup.open{
    opacity: 1;
    visibility: visible;
}
.box-col-2,
.box-col-3{
    flex-flow: row wrap;
    margin-left: -12px;
    margin-right: -12px;
}
.box-col-2 .form-group{
    max-width: calc(50% - 24px);
    width: 100%;
    margin-left: 12px;
    margin-right: 12px;
}
.box-col-3 .form-group{
    max-width: calc(33.3333% - 24px);
    width: 100%;
    margin-left: 12px;
    margin-right: 12px;
}
.white-box .button-block{
    border-top: var(--border-color) solid 1px;
    padding-top: 16px;
    margin-top: 16px;
    text-align: right;
}
.white-box .button-block a{
    margin-left: 14px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.white-box .button-block input[type="submit"]{
    margin-left: 14px;
}
.custom-file-filed{
    border: var(--light-grey-color) dashed 1px;
    border-radius: 4px;
    position: relative;
}
.custom-file-filed > input[type="file"]{
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.image-preview__image{
    position: relative;
}
.image-preview__image > img{
    border-radius: 4px;
    width: 100%;
}
.image-preview__image .remove-img{
    position: absolute;
    background: rgba(255,255,255,.75);
    width: 40px;
    height: 40px;
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px);
    bottom: 16px;
    right: 16px;
    color: var(--red-bg);
}
.custom-file-filed.create-new-user .content{
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    /* padding: 64px 24px; */
    padding: 32px 24px;
}
.custom-file-filed .content svg{
    margin-bottom: 16px;
}
.custom-file-filed .content p{
    font-size: 16px;
    margin-bottom: 8px;
    color: var(--dark-grey-color);
}
.custom-file-filed .content span{
    display: block;
    font-size: 14px;
    margin-bottom: 16px;
    color: var(--dark-grey-color);
}
.document-img{
    display: inline-block;
}
.document-img img{
    border-radius: 4px;
}
.documnet-col{
    width: 220px;
}
.action-col{
    width: 100px;
}
.task-details-wrapper ul li{
    display: flex;
    font-size: 14px;
    margin-top: 12px;
    padding-bottom: 12px;
    border-bottom: var(--border-color) solid 1px;
    padding-left: 24px;
    padding-right: 24px;
}
.task-details-wrapper ul li:last-child{
    border-bottom: 0;
}
.task-details-wrapper ul li span{
    font-weight: 500;
    width: 160px;
}
.task-details-wrapper ul li p{
    font-size: 14px;
    width: calc(100% - 160px);
}

/* User CSS End */

/* Client CSS Start */
#editClientForm .form-group label.text-danger{
    margin-bottom: 0;
    font-size: 12px;
}
table.client-table tr > th:nth-child(1),
table.client-table tr > th:nth-child(2),
table.client-table tr > th:nth-child(3),
table.client-table tr > td:nth-child(1),
table.client-table tr > td:nth-child(2),
table.client-table tr > td:nth-child(3){
    position: sticky;
    left: 0;
    z-index: 1;
}
.modal-header{
    border-bottom: var(--border-color) solid 1px;
}
.modal-header .btn-close:focus{
    box-shadow: none;
}
.modal-footer{
    border-top: var(--border-color) solid 1px;
}
.form-check-input:focus{
    box-shadow: none;
    border-color: var(--bs-border-color);
}
.form-check-input:checked{
    border-color: var(--blue-color);
}
.verify-link{
    margin-top: 2px;
    display: inline-block;
}
.verify-link svg{
    margin-right: 6px;
}
.client-table tr th,
.client-table tr td{
    border-right: var(--border-color) solid 1px;
}
.client-table tr th:last-child,
.client-table tr td:last-child{
    border-right: 0;
}
.client-table span.black-btn{cursor: pointer;}
.fees-round{
    margin-left: 4px;
    background: var(--border-color);
    color: var(--dark-grey-color);
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
}
table.dataTable > thead > tr > th:not(.sorting_disabled){
    padding-right: 16px;
}
.client-table th:nth-child(1){
    min-width: 30px;
}
.client-table th:nth-child(2){
    min-width: 40px;
}
.client-table th:nth-child(5){
    min-width: 100px;
}
.client-table th:nth-child(6){
    min-width: 136px;
}
.client-table th:nth-child(7),
.client-table th:nth-child(8){
    min-width: 130px;
}
.client-table th:nth-child(9){
    min-width: 60px;
}
.client-table th:nth-child(10),
.client-table th:nth-child(11){
    min-width: 70px;
}
.client-table th:last-child{
    min-width: 80px;
}
.profile-content .profile-thumb{
    max-width: 200px;
    position: relative;
    align-self: flex-start;
}
.profile-content .profile-thumb > img{
    width: 100%;
    border-radius: 8px;
}
.profile-content .profile-thumb .camera-icon{
    color: var(--black-color);
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(255,255,255,.75);
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px);
}
.profile-content .profile-thumb .camera-icon input[type="file"]{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
.profile-content-wrapper{
    width: 100%;
}
.profile-content-wrapper ul{
    margin: 0 -12px;
}
.profile-content-wrapper ul li{
    color: var(--black-color);
    display: flex;
    border-bottom: var(--border-color) solid 1px;
    padding: 10px 0;
    width: calc(50% - 24px);
    margin: 0 12px;
    word-break: break-word;
}
.profile-content-wrapper ul li span{
    font-weight: 500;
    color: var(--black-color);
    min-width: 200px;
}
.border-top{
    border-top: var(--border-color) solid 1px !important;
}
.trading-accounts th:nth-child(1){
    min-width: 80px;
}
.trading-accounts th:nth-child(2){
    min-width: 120px;
}
.trading-accounts th:nth-child(3){
    min-width: 190px;
}
.trading-accounts th:nth-child(4){
    min-width: 100px;
}
.trading-accounts th:nth-child(5){
    min-width: 140px;
}
.trading-accounts th:nth-child(7){
    min-width: 60px;
}
.trading-accounts-table .dataTables_wrapper,
.table-top-space .dataTables_wrapper{
    padding-top: 0;
}
.trading-accounts-table .dataTables_wrapper .dataTables_length{
    display: none;
}
.payment-box{
    border-radius: 8px;
    padding: 16px;
    position: relative;
    height: 100%;
}
.payment-box span.icon{
    width: 56px;
    height: 56px;
    background: var(--white-bg);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.payment-box .content{
    width: calc(100% - 56px);
    padding-left: 16px;
}
.payment-box .price{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 18px;
    font-weight: 600;
}
.deposite-request-table th:nth-child(1),
.transfer-request-table th:nth-child(1){
    min-width: 30px;
}
.deposite-request-table th:nth-child(2),
.deposite-request-table th:nth-child(5),
.transfer-request-table th:nth-child(2),
.transfer-request-table th:nth-child(9){
    min-width: 130px;
}
.deposite-request-table th:nth-child(3),
.deposite-request-table th:nth-child(4),
.transfer-request-table th:nth-child(3),
.transfer-request-table th:nth-child(5){
    min-width: 80px;
}
.deposite-request-table th:nth-child(6),
.transfer-request-table th:nth-child(8){
    min-width: 100px;
}
.deposite-request-table th:nth-child(7){
    min-width: 60px;
}
.transfer-request-table th:nth-child(4){
    min-width: 170px;
}
.transfer-request-table th:nth-child(7){
    min-width: 90px;
}
.transfer-request-table th:nth-child(10){
    min-width: 60px;
}

.kyc-table th:first-child{
    min-width: 150px;
}
.kyc-table th:nth-child(3){
    min-width: 80px;
}
.kyc-table th:last-child{
    min-width: 112px;
}
.kyc-table .img span > img{
    border-radius: 4px;
}
.kyc-table .icons a:last-child{
    /* color: var(--blue-color);
    margin-left: 6px; */
}
.iti {
    display: block !important;
}
.iti input {
    padding-left: 94px !important;
}

.yellow-label{
    color: var(--yellow-bg) !important;
}

.password-content .form-group span{
    display: block;
    width: 100%;
    border: var(--border-color) solid 1px;
    font-size: 14px;
    padding: 8px 16px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.password-content .form-group:last-child{
    margin-bottom: 0;
}
.custom-file-upload .uploadFile {
    width: 100%;
    background-color: white;
    border: var(--border-color) solid 1px;
    color: var(--dark-grey-color);
    font-size: 14px;
    line-height: 23px;
    overflow: hidden;
    padding: 5px 16px;
    position: relative;
    resize: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.custom-file-upload .uploadFile [type=file] {
    cursor: pointer !important;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 0px;
    bottom: 0;
    z-index: 1;
}
.clients-documents-table th:nth-child(1){
    min-width: 40px;
}
.clients-documents-table th:nth-child(2){
    min-width: 130px;
}
.clients-documents-table th:nth-child(5){
    min-width: 80px;
}
.clients-documents-table th:last-child{
    min-width: 320px;
}
/* Client CSS End */

/* Role CSS Start */
hr{
    margin: 20px -16px;
    border-top: var(--border-color) solid 1px;
    opacity: 1;
}
.accordion-wrapper{
    width: 100%;
}
.accordion .accordion-header{
    margin-bottom: 0;
}
.accordion .accordion-header button:focus{
    box-shadow: none;
}
.accordion .accordion-header .accordion-button:not(.collapsed){
    background: var(--body-bg);
}
.accordion .accordion-body{
    padding: 0;
}
.accordion .accordion-body .form-check-input{
    width: 16px;
    height: 16px;
    border: #c1c5ca solid 1px;
}
.accordion .accordion-body .form-check{
    margin-bottom: 0;
    margin-top: 16px;
}
.accordion .accordion-body .form-check label span{
    font-weight: 400;
    display: block;
}
.accordion-button:not(.collapsed){
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-check-input{
    border: #c1c5ca solid 1px;
}
.accordion-button:after,
.accordion-button:not(.collapsed):after{
    background-image: url(../images/select-arrow.svg);
}
.accordion .accordion-item{
    border: var(--border-color) solid 1px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 16px;
}
.accordion .accordion-item:last-child{
    margin-bottom: 0;
}
.accordion .accordion-item .accordion-body{
    padding-top: 4px !important;
}
.accordion .accordion-item .accordion-button{
    background: var(--white-bg);
    font-weight: 500;
    padding: 10px 16px;
    font-size: 14px;
}
.accordion.bank-gateway-fileds .accordion-item .accordion-button{
    text-indent: 38px;
}
.accordion.bank-gateway-fileds .accordion-item .accordion-button .custom-switch{
    text-indent: 0;
}
.role-popup .filter-box{
    padding-bottom: 72px;
}
.role-popup .filter-box input[type="submit"]{
    padding: 13px 24px;
    position: fixed;
    bottom: 0;
    right: -400px;
    width: 400px;
    border-radius: 0;
    z-index: 1;
}
.role-popup.open .filter-box input[type="submit"]{
    right: 0;
}
.permissions-content h4{
    font-weight: 600;
    border-bottom: var(--border-color) solid 1px;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.permissions-group{
    border-bottom: var(--border-color) solid 1px;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.role-actions .form-check input[type="checkbox"]{
    margin-top: 4px;
}
.role-actions .actions-wrapper{
    margin: 0 -12px;
}
.role-actions .actions-wrapper .form-check{
    width: calc(100% / 3 - 24px);
    margin: 0 12px;
}
/* Role CSS End */

/* Payment Gateway CSS Start */
.payment-gateway-table .logo{
    background: var(--light-blue-color);
    border-radius: 4px;
    margin-right: 8px;
}
.payment-gateway-table .logo > img{
    -webkit-mix-blend-mode: multiply;
    mix-blend-mode: multiply;
}
.payment-gateway-table th:nth-child(1){
    min-width: 40px;
}
.payment-gateway-table th:nth-child(2){
    min-width: 220px;
}
.payment-gateway-table th:nth-child(3){
    min-width: 155px;
}
.payment-gateway-table th:nth-child(4){
    min-width: 120px;
}
.payment-gateway-table th:nth-child(5){
    min-width: 66px;
}
.payment-gateway-table th:last-child{
    min-width: 60px;
}
#payment-client-table.payment-gateway-table thead th:nth-child(1){
    min-width: 32px;
}
#payment-client-table.payment-gateway-table thead th:nth-child(2){
    min-width: 120px;
}
#payment-client-table.payment-gateway-table thead th:nth-child(3){
    min-width: 195px;
}
#payment-client-table.payment-gateway-table thead th:nth-child(4){
    min-width: 155px;
}


.payment-logo{
    width: 180px;
    height: 180px;
    background: var(--body-bg);
}
.payment-logo input[type="file"]{
    cursor: pointer;
    width: 40px;
    height: 40px;
    top: auto;
    left: auto;
    bottom: 8px;
    right: 8px;
    z-index: 1;
}
.payment-logo .camera-icon{
    color: var(--black-color);
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(255,255,255,.75);
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px);
}
.fields-data-wrapper .fields-data{
    margin-bottom: 24px;
}
.fields-data-wrapper .fields-data:last-child{
    margin-bottom: 0;
}
/* Payment Gateway CSS End */

/* Message CSS Start */
.message-list-wrapper{
    width: 100%;
}
.message-wrapper{
    margin: 20px 0;
    width: 100%;
    /* height: calc(100vh - 350px); */
    height: calc(100vh - 250px);
    overflow: auto;
}
.message-reply-btn{
    position: fixed;
    right: 32px;
}
.message-reply-model{
    position: fixed;
    right: 32px;
}
.message-wrapper .admin{
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 24px;
}
.message-wrapper .admin.client{
    justify-content: flex-start;
    margin-bottom: 24px;
}
.message-wrapper .admin .box-width{
    max-width: 1000px;
    width: 100%;
}
.message-wrapper .admin .content{
    position: relative;
    border: var(--border-color) solid 1px;
    border-radius: 8px 8px 0 8px;
    padding: 24px;
}
.message-wrapper .admin.client .content{
    background: var(--body-bg);
}
.message-wrapper .admin .content p{
    font-size: 16px;
    margin-bottom: 8px;
}
.message-wrapper .admin .thumb{
    order: 12;
    margin-left: 8px;
}
.message-wrapper .admin.client .box-width{
    order: 12;
}
.message-wrapper .admin.client .thumb{
    margin-right: 8px;
    margin-left: 0;
}
.message-wrapper .admin .thumb > img{
    width: 32px;
    border-radius: 4px;
}
.message-reply-popup{
    background: var(--white-bg);
    padding: 32px;
    position: fixed;
    bottom: -306px;
    right: 0;
    left: auto;
    width: calc(100% - 250px);
    z-index: 104;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: 0 -4px 8px rgba(0,0,0,.03);
    box-shadow: 0 -4px 8px rgba(0,0,0,.03);
}
.message-reply-popup .close{
    color: var(--dark-grey-color);
}
.message-reply-popup.open{
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.admin .content .action-dot{
    position: absolute;
    top: 0;
    right: 8px;
}
.admin .content .dropdown-menu{
    padding: 0;
    border: var(--border-color) solid 1px;
    box-shadow: 0 4px 10px rgba(0,0,0,.03);
}
.admin .content .dropdown-menu li{
    border-bottom: var(--border-color) solid 1px;
}
.admin .content .dropdown-menu li:last-child{
    border-bottom: 0;
}
.admin .content .dropdown-menu li a{
    font-size: 14px;
    color: var(--black-color);
    padding: 8px 16px;
    display: flex;
    align-items: center;
}
.admin .content .dropdown-menu li a:hover{
    color: var(--blue-color);
}
.admin .content .dropdown-menu li a > svg{
    width: 18px;
    margin-right: 8px;
}
.admin .content .download-list{
    margin-top: 12px;
    padding-top: 12px;
    border-top: var(--border-color) solid 1px;
}
.admin .content .download-list li{
    list-style: decimal inside;
    margin-bottom: 12px;
}
.admin .content .download-list li:last-child{
    margin-bottom: 0;
}
.admin .content .download-list li a{
    margin-left: 4px;
    color: var(--black-color);
}
.admin .content .download-list li a:hover{
    color: var(--blue-color);
}
.admin .content .download-list li a.filename{
    margin-left: 0;
}
/* Message CSS End */

/* Notification CSS Start */
.notification-content{
    padding-top: 40px;
    margin-top: 24px;
    border-top: var(--border-color) solid 1px;
}
.notification-wrapper{
    max-width: 730px;
    margin: 0 auto;
    position: relative;
}
.notification-wrapper:before{
    content: '';
    position: absolute;
    top: 0;
    left: 91px;
    width: 2px;
    height: 100%;
    background: var(--border-color);
}
.notification-wrapper ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    position: relative;
}
.notification-wrapper ul li:last-child{
    margin-bottom: 0;
}
.notification-wrapper ul li:before{
    content: '';
    position: absolute;
    left: 85px;
    width: 16px;
    height: 16px;
    background: var(--white-bg);
    border: var(--blue-color) solid 3px;
    border-radius: 16px;
}
.notification-wrapper ul li span{
    color: var(--dark-grey-color);
    line-height: 1.3;
    text-align: right;
    font-weight: 500;
}
.notification-wrapper ul li span b{
    font-size: 22px;
    font-weight: 600;
    display: block;
}
.notification-wrapper ul li .box{
    padding: 16px;
    background: var(--white-bg);
    border-radius: 8px;
    max-width: 600px;
    width: 100%;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.03);
    box-shadow: 0 8px 16px rgba(0,0,0,.03);
    position: relative;
}
.notification-wrapper ul li .box .thumb{
    margin-right: 16px;
    width: 40px;
    height: 40px;
}
.notification-wrapper ul li .box .thumb.no-thumb{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 16px;
    color: var(--black-color);
}
.notification-wrapper ul li .box .thumb img{
    width: 40px;
    border-radius: 4px;
}
.notification-wrapper ul li .box .content span{
    color: var(--black-color);
    font-weight: 500;
}
.notification-wrapper ul li .box .content p{
    color: var(--dark-grey-color);
}
.notification-wrapper ul li .box .time{
    position: absolute;
    top: 16px;
    right: 16px;
    font-weight: 500;
    color: var(--light-grey-color);
}
.notification-wrapper.notification-empty::before{
    display: none;
}
.notification-wrapper.notification-empty ul li::before{
    display: none;
}
.notification-wrapper.notification-empty ul li{
    justify-content: center;
}
/* Notification CSS End */

/* Setting CSS Start */
.setting-wrapper{
    width: 100%;
    min-height: 680px;
}
.setting-wrapper .left-tab-panel{
    max-width: 230px;
    width: 100%;
}
.setting-wrapper .left-tab-panel .nav-tabs{
    padding: 0;
    background: none;
    width: 100%;
}
.setting-wrapper .left-tab-panel .nav-tabs li{
    display: block;
    border-bottom: var(--border-color) solid 1px;
}
.setting-wrapper .left-tab-panel .nav-tabs li:last-child{
    border-bottom: 0;
}
.setting-wrapper .left-tab-panel .nav-tabs li a{
    font-size: 14px;
    font-weight: 500;
    padding: 16px 24px;
    display: flex;
    align-items: center;
}
.setting-wrapper .left-tab-panel .nav-tabs li a:hover{
    color: var(--blue-color);
}
.setting-wrapper .left-tab-panel .nav-tabs li a.active{
    background: none;
}
.setting-wrapper .left-tab-panel .nav-tabs li a svg{
    margin-right: 8px;
    width: 20px;
    height: 20px;
}
.setting-wrapper > .tab-content{
    max-width: calc(100% - 230px);
    width: 100%;
    border-left: var(--border-color) solid 1px;
}
.tab-sub-content{
    margin-top: 16px;
    padding-top: 16px;
    border-top: var(--border-color) solid 1px;
}
/* Setting CSS End */

/* Login CSS Start */
.login-logo{
    display: block;
    /* width: 180px; */
    width: 130px;
    margin: 0 auto;
}
.login-wrapper{
    align-items: center;
    height: 100vh;
}
.login-wrapper .login-left{
    width: 40%;
    padding: 0 24px;
}
.login-form{
    max-width: 480px;
    width: 100%;
    border: var(--border-color) solid 1px;
    padding: 24px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.05);
    box-shadow: 0 0 8px rgba(0,0,0,.05);
}
.login-form h1{
    padding-top: 24px;
    margin-top: 24px;
    border-top: var(--border-color) solid 1px;
}
.login-wrapper .login-right{
    width: 60%;
}
.login-wrapper .login-right{
    align-items: center;
    height: 100%;
    background-color: var(--blue-color);
    background-size: cover !important;
    background-position: center !important;
    border-radius: 24px;
}
/* Login CSS End */

/* Mail Template CSS Start */
.mail-short-code{
    margin-top: -8px;
}
.mail-short-code li{
    background: var(--light-blue-color);
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
    margin: 8px 8px 0 0;
    font-weight: 500;
}
/* Mail Template CSS End */

/* Leads CSS Start */
#leadsTable .form-check,
#leadsTable .form-check .form-check-input{
    margin-left: 0;
    padding-left: 0;
}
#leadsTable .form-check .form-check-input{
    margin-top: .50em;
}
#batchprocess{
    height: 100%;
    max-width: 400px;
    right: 0;
    left: auto;
    background: none;
}
#batchprocess .filter-box{
    -webkit-box-shadow: -8px 0 16px rgba(0,0,0,.04);
    box-shadow: -8px 0 16px rgba(0,0,0,.04);
}
#batchprocess .filter-box{
    position: sticky;
    top: 0;
}
.filter-popup .filter-box{
    position: sticky;
    top: 0;
}
.notes-wrapper > hr{
    margin-left: 0;
    margin-right: 0;
}
.notes-history{
    margin-top: 16px;
}
.notes-box{
    position: relative;
    background: var(--light-blue-color);
    padding: 16px 40px 16px 16px;
    border-radius: 4px;
    width: 100%;
    font-size: 15px;
}
.notes-box > small{
    margin-top: 4px;
    font-size: 12px;
    display: block;
    color: var(--dark-grey-color);
}
.notes-box > a{
    position: absolute;
    right: 14px;
    color: var(--dark-grey-color);
    top: 50%;
    transform: translateY(-50%);
}
.notes-box .dropdown-menu{
    padding: 0;
    border: var(--border-color) solid 1px;
    box-shadow: 0 4px 10px rgba(0,0,0,.03);
}
.notes-box .dropdown-menu li{
    border-bottom: var(--border-color) solid 1px;
}
.notes-box .dropdown-menu li:last-child{
    border-bottom: 0;
}
.notes-box .dropdown-menu li a{
    font-size: 14px;
    color: var(--black-color);
    padding: 8px 16px;
    display: flex;
    align-items: center;
}
.notes-box .dropdown-menu li a:hover{
    color: var(--blue-color);
}
.notes-box .dropdown-menu li a > svg{
    width: 18px;
    margin-right: 8px;
}
.lead-detail-info ul{
    margin: 0 -12px;
    display: flex;
    flex-flow: row wrap;
    margin-top: -16px;
}
.lead-detail-info ul li{
    display: flex;
    border-bottom: var(--border-color) solid 1px;
    padding: 10px 0;
    width: calc(50% - 24px);
    margin: 0 12px;
    word-break: break-word;
}
.lead-detail-info label{
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--black-color);
}
.lead-detail-info label > span{
    font-weight: 400;
    width: 50%;
    word-wrap: break-word;
    color: var(--dark-grey-color);
}
/* Leads CSS End */

/* Company Select CSS Start */
.company-page .logo{
    width: 185px;
}
.company-page .top-header{
    padding: 16px 20px;
    box-shadow: 0 10px 10px rgba(0,0,0,.015);
}
.company-select-main{
    margin-top: 3vw;
    border: var(--border-color) solid 1px;
}
.company-select-main h2{
    padding: 16px 24px;
}
.company-select-wrapper{
    padding: 16px 12px;
}
.company-select-wrapper .cs-box{
    max-width: 32%;
    width: 100%;
    background: var(--light-blue-color);
    border-radius: 8px;
    padding: 16px;
}
.company-select-wrapper .account-plan-selection ul{

}
.company-select-wrapper .account-plan-selection ul li{
    width: calc(100% / 3 - 24px);
    margin: 12px;
}
.company-select-wrapper .account-plan-selection ul li label{
    width: 100%;
    padding: 16px;
    font-size: 15px;
    text-align: center;
}
.company-select-wrapper .account-plan-selection ul li input[type="radio"]:checked ~ label > span{
    border-top: 1px solid var(--blue-color);
}
.company-select-wrapper .account-plan-selection ul li label > img{
    width: 140px;
    margin: 0 auto 16px auto;
}
.company-select-wrapper .account-plan-selection ul li label > span{
    display: block;
    border-top: 1px solid var(--border-color);
    padding-top: 8px;
    margin-top: 8px;
}
/* Company Select CSS End */

/* KYC Documents PDF Popup CSS Start */
#pdfModal .modal-content-img{
    max-width: 100%;
    height: 600px;
}
#pdfModal{

}

/* KYC Documents PDF Popup CSS End */

/* Remove Profile Button CSS */
.warning-content{
    text-align: center;
}
.warning-content h3{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
}

/* IB Plan CSS Start */
.ib-plan-box .title h3{
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: 600;
}
.ib-plan-box .title .close{
    color: var(--black-color);
}
.ib-plan-box{
    background: var(--body-bg);
    padding: 20px;
    border-radius: 8px;
}
.ib-plan-box select.form-control{
    background: var(--white-bg) url(../images/select-arrow.svg) no-repeat calc(100% - 16px) center;
}
.ib-plan-box .form-control{
    background: var(--white-bg);
}

/* IB Plan CSS End */


@media(max-width: 1799px){

    .card-boxes .payment-box{
        width: calc(100% / 4 - 24px);
    }

}

@media(max-width: 1439px){

    .card-boxes .payment-box{
        width: calc(100% / 3 - 24px);
    }

}

@media(max-width: 1365px){

    .setting-wrapper{
        flex-flow: row wrap;
        flex-direction: column;
    }
    .setting-wrapper .left-tab-panel{
        max-width: 100%;
    }
    .setting-wrapper .left-tab-panel .nav-tabs{
        width: 100%;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        border-bottom: var(--border-color) solid 1px;
        padding-bottom: 1px;
        border-radius: 0;
    }
    .setting-wrapper .left-tab-panel .nav-tabs li{
        display: inline-block;
        width: auto;
        border-bottom: none;
    }
    .setting-wrapper > .tab-content{
        max-width: 100%;
        border-left: 0;
    }
    .setting-wrapper .left-tab-panel .nav-tabs li a{
        border-radius: 0;
    }
    .setting-wrapper .left-tab-panel .nav-tabs li a.active{
        border-bottom: var(--blue-color) solid 1px;
    }

    .login-wrapper .login-right{
        background-position: calc(100% - 0px) center !important;
    }

}

@media(max-width: 1199px){

    .top-header{
        padding: 16px 20px;
    }
    .menu-slide{
        /* position: fixed; */
        position: absolute;
        z-index: 105;
        top: 12px;
        background: var(--blue-color);
        color: var(--white-bg);
        margin-left: 0px;
        padding: 8px 6px;
        text-align: center;
        line-height: 1;
        border-radius: 4px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .mobile-menu{
        width: 40px;
        height: 40px;
    }
    .mobile-menu span,
    .mobile-menu span:before,
    .mobile-menu span:after{
        background: var(--white-bg);
        width: 20px;
        height: 2px;
        border-radius: 2px;
        display: inline-block;
        transition: all 0.15s linear
    }
    .mobile-menu span:before,
    .mobile-menu span:after{
        content: '';
        position: absolute;
        left: 10px;
    }
    .mobile-menu span:before{
        transform: translateY(-6px);
    }
    .mobile-menu span:after{
        transform: translateY(6px);
    }
    .mobile-menu.open span{
        background: transparent;
    }
    .mobile-menu.open span:before{
        transform: rotate(45deg);
    }
    .mobile-menu.open span:after{
        transform: rotate(-45deg);
    }
    .left-menu.close{
        left: 0;
    }
    .menu-slide.open{
        /* margin-left: 208px; */
        margin-left: 173px;
    }
    .left-menu{
        left: -284px;
    }
    .right-content{
        padding-left: 0;
    }
    .content-wrapper{
        padding: 20px;
    }

    .custom-file-filed.create-new-user .content{
        padding: 32px 16px;
    }
    .d-box:hover{
        margin-top: 0;
    }
    .box-col-3 .form-group{
        max-width: calc(50% - 24px);
    }
    .message-wrapper{
        height: calc(100vh - 304px);
    }
    .message-reply-btn{
        right: 20px;
    }
    .message-reply-model{
        right: 20px;
    }
    footer{
        width: 100%;
        text-align: center;
    }
    .message-reply-popup{
        width: 100%;
        padding: 32px 20px;
    }

}

@media(min-width: 992px) and (max-width: 1130px){

    .white-box .box-title .select{
        display: block;
        width: 100%;
    }
    .box-title h2{
        margin-bottom: 8px;
    }

}
@media(max-width: 991px){

    .role-actions .actions-wrapper .form-check{
        width: calc(100% / 2 - 24px);
    }
    .fields-data-wrapper .fields-data:last-child{
        margin-bottom: 24px;
    }

    .login-logo{
        position: static;
        margin: 0 auto;
    }
    .login-wrapper{
        height: 100%;
    }
    .login-wrapper .login-left,
    .login-wrapper .login-right{
        width: 100%;
        padding: 0;
    }
    .login-left{
        margin-bottom: 24px;
    }
    .login-wrapper .login-right{
        min-height: 500px;
        background-position: center !important;
    }
    .card-boxes .payment-box{
        width: calc(100% / 2 - 24px);
    }
    .krajee-default.file-preview-frame{
        width: calc(33% - 16px);
    }
    .krajee-default.file-preview-frame .kv-file-content,
    .krajee-default.file-preview-frame .kv-file-content object,
    .krajee-default .file-caption-info, .krajee-default .file-size-info{
        width: 100% !important;
    }

}
@media(min-width: 768px) and (max-width: 991px){

    .profile-content-wrapper ul li span{
        min-width: 130px;
    }

}
@media(max-width: 767px){

    h1{
        font-size: 24px;
    }

    .hd-search{
        max-width: 164px;
        margin-left: 64px;
    }
    .user-thumb img{
        width: 40px;
    }
    .filter-box{
        padding: 22px 20px 20px;
    }
    .blue-btn{
        padding: 7px 24px;
        font-size: 15px;
    }
    .btn-small {
        padding: 6px 16px;
        font-size: 14px;
      }
    .blue-btn-border{
        padding: 6px 24px;
        font-size: 15px;
    }
    .white-box-title .tab-wrapper{
        width: 100%;
        margin-top: 16px;
    }
    .profile-content-wrapper ul li{
        width: calc(100% - 24px);
    }
    .role-popup hr{
        margin: 24px -20px;
    }
    .message-wrapper{
        height: calc(100vh - 313px);
    }
    .notification-wrapper ul li > span{
        display: none;
    }
    .notification-wrapper ul li{
        padding-left: 32px;
    }
    .notification-wrapper:before{
        left: 7px;
    }
    .notification-wrapper ul li:before{
        left: 0;
    }
    .notification-wrapper ul li .box{
        max-width: 695px;
    }
    .lead-detail-info ul li{
        width: calc(100% - 24px);
    }
    .file-preview-thumbnails{
        flex-flow: row wrap;
    }
    .filter-box hr{
        margin: 24px -20px;
    }
    .login-logo{
        width: 140px;
    }
    .menu-slide{
        top: 16px;
    }
}

@media(max-width: 575px){

    .title-button h1{
        width: 100%;
        margin-bottom: 16px;
    }
    .blue-btn,
    .blue-btn-border{
        width: 100%;
        text-align: center;
    }
    .white-box .button-block a{
        margin: 0 0 16px 0;
    }
    .white-box .button-block .right-button{
        width: 100%;
    }
    .white-box .button-block .reset{
        width: 100%;
        text-align: center;
        margin: 0 0 16px 0;
    }
    .white-box .button-block a:last-child{
        margin-bottom: 0;
    }
    .white-box .button-block input[type="submit"]{
        margin-left: 0;
    }

    .box-title h2{
        width: 100%;
        margin-bottom: 8px;
    }
    .tab-wrapper .nav-tabs li,
    .white-box-title .tab-wrapper .nav-tabs,
    .trading-tab,
    .setting-wrapper ul.nav-tabs,
    .durations-select,
    .black-btn-full{
        width: 100%;
    }
    .black-btn-full{
        text-align: center;
    }
    .dashboard-table h2{
        padding: 20px;
    }
    .dashboard-table .tab-wrapper{
        padding-top: 20px;
    }
    .tab-wrapper .nav-tabs{
        margin: 0 20px 20px 20px;
    }
    .select-list,
    .dataTables_length label{
        font-size: 0;
    }
    .dataTables_length .form-select{
        margin: 0;
    }
    .filter-icon{
        margin-right: 10px;
    }
    .select-list .select{
        margin-left: 0;
    }
    .box-col-2 .form-group,
    .box-col-3 .form-group{
        max-width: 100%;
    }
    .profile-content .profile-thumb{
        max-width: 100%;
        width: 100%;
    }
    .profile-content-wrapper ul li{
        width: calc(100% - 24px);
        flex-flow: row wrap;
    }
    .profile-content-wrapper ul li span{
        min-width: 100%;
    }
    .documnet-col{
        width: 110px;
    }
    .mobile-w-100{
        width: 100%;
    }
    .role-actions .actions-wrapper .form-check{
        width: calc(100% / 1 - 24px);
    }
    .fields-data-wrapper .fields-data .col:first-child{
        flex: auto;
        margin-bottom: 16px;
    }
    .fields-data-wrapper .fields-data{
        border-bottom: var(--border-color) solid 1px;
        padding-bottom: 16px;
    }
    .fields-data-wrapper .fields-data:last-child{
        padding-bottom: 0;
        border-bottom: 0;
    }
    .message-reply-btn{
        left: 20px;
        right: 20px;
        width: calc(100% - 40px) !important;
    }
    .message-reply-model{
        left: 20px;
        right: 20px;
        width: calc(100% - 40px) !important;
    }
    .notification-wrapper ul li .box .thumb img{
        min-width: 32px;
        max-width: 32px;
        width: 100%;
    }
    .notification-wrapper ul li .box .time{
        position: static;
        padding-left: 48px;
        padding-top: 4px;
    }
    .notification-wrapper ul li .box{
        flex-flow: row wrap;
    }
    .notification-wrapper ul li .box .content{
        width: calc(100% - 48px);
    }
    .message-reply-popup{
        width: 100%;
        bottom: -360px;
    }
    .login-wrapper .login-right{
        min-height: 330px;
    }
    .card-boxes .payment-box{
        width: calc(100% / 1 - 24px);
    }
    .lead-map-fields label{
        margin-bottom: 8px;
        display: block;
    }
    .single.d-box ul li{
        width: 48%;
    }
    .notification-wrapper ul li .box .thumb{
        width: 32px;
        height: 32px;
    }
    .notification-wrapper ul li .box .thumb.no-thumb{
        font-size: 14px;
    }
    .lead-detail-info label{
        flex-flow: row wrap;
    }
    .lead-detail-info label > span{
        width: 100%;
    }
    .krajee-default.file-preview-frame{
        width: calc(50% - 16px);
    }
    .notification-content{
        padding-top: 24px;
        margin-top: 16px;
    }

}

@media(max-width: 480px){

    .krajee-default.file-preview-frame{
        width: calc(100% - 16px);
    }
    .account-plan-selection ul li{
        width: 100%;
        margin: 0 0 8px 0;
    }
    .account-plan-selection ul li label{
        width: 100%;
    }

}

@media(max-height: 439px){

    .message-wrapper{
        height: calc(100vh - 280px);
    }

}