/*================ Base Style File =================
    Table of Content:
    1. Google Fonts
    2. Basic Styles
    3. Typography Style
    4. Anchor Tag Style
    5. Button Style
    6. Color Style
    7. Form Style
    8. Common Login /Signup Style
    9. Spacing Style
    10. Modal Style
    11. Custom Scroll style
    12. Alert Box Style
    13. Pagination Style
    14. Side Navigation Menu
    15. Dashboard Header Style
    16. Common Card Style
    17. Table Style
    18. Breadcrumb Style
    19. Chat Board Style
    20. Loader Style
    21. User Profile offcanvas Style
    22. Site Icon Class Style
    23. Diff. Animation Styles
    24. Edit / Delete Dropdown Style
    25. Fixed Chat Boat Style
    26. Responsive Media Query Style
====================================================*/

/*================ 1. Google Fonts =================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
/*================ End Google Fonts =================*/

/*================ 2. Basic Styles =================*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, ::before, ::after {box-sizing:border-box; -webkit-box-sizing:border-box;}
:focus-visible{outline: none;}
html {font-family: 'Inter', sans-serif;}
body {font-size: 16px;line-height: 19px;font-weight: 400;color:#172B4D;font-family: 'Inter', sans-serif;margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block;}
iframe {border:0; width:100%;}
svg:not(:root) {overflow:hidden;}
img {max-width: 100%;display: block;margin: 0;}
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after {content: ""; display: table; table-layout: fixed;}
.clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after {clear: both;}
.clearfix:before, .clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
i{display: block;}
i::before{content: ''; display: block; background-size: cover !important;}
.container{max-width: 1248px;}
/*================ End Basic Styles =================*/

/*================ 3. Typography =================*/
h1{font-size: 56px;line-height: 68px;}
h2,h3{font-size: 40px;line-height: 48px;}
h4{font-size: 30px;line-height: 36px;}
h5{font-size: 26px;line-height: 31px;}
h6{font-size: 24px;line-height: 29px;}
h1,h2{font-weight: 700;}
h3,h6{font-weight: 600;}
h4,h5{font-weight: 400;}
h1, h2, h3, h4, h5, h6{color: #172B4D;}
p,a {font-size: 14px;line-height: 17px;font-weight: 400;color: #30353e;}
h1, h2, h3, h4, h5, h6,address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr {margin: 0 0 15px 0;}
p:last-child {margin-bottom:0;}
dl, ol, ul{list-style-type: none;padding: 0;}
.title-1,.title-2,.title-3{font-size: 22px;line-height: 27px;}
.title-4{font-size: 20px;line-height: 28px;}
.title-1{font-weight: 600;}
.title-2,.title-4{font-weight: 400;}
.title-3{font-weight: 500;}
.body-large{font-size: 18px;line-height: 22px;}
.body-medium{font-size: 16px;line-height: 19px;font-weight: 500;}
.body-normal{font-size: 16px;line-height: 19px;}
.body-small{font-size: 14px;line-height: 17px;}
.body-extra-small{font-size: 12px;line-height: 15px;}
.body-large,.body-normal,.body-small,.body-extra-small{font-weight: 400;}
.detailed-content p{margin-bottom: 24px; line-height: 24px;}
.detailed-content p.title{color: #172B4D; font-weight: 500;}
.detailed-content ul{list-style: disc; padding-left: 20px; color: #30353e;}
.detailed-content li{font-size: 14px; line-height: 24px;}
/*================ End Typography =================*/

/*================ 4. Anchor Tag Style =================*/
a {font-size: 14px;line-height: 17px;font-weight: 400;color: #0070FF;text-decoration:none;transition: all 0.5s;}
a:hover,.small-icon-btn-link:hover,.medium-icon-btn-link:hover,.large-icon-btn-link:hover{color: #2952CC;}
a:focus,.small-icon-btn-link:focus,.medium-icon-btn-link:focus,.large-icon-btn-link:focus{color: #1D3D9B;}
a:hover,a:focus{transition: all 0.5s;}
.small-icon-btn-link,.medium-icon-btn-link,.large-icon-btn-link{display: inline-flex;align-items: center;padding: 0;border: none;box-shadow: none !important;outline: none !important;transition: all 0.5s;color: #0070FF;background: transparent;}
.small-icon-btn-link{font-size: 12px;line-height: 15px;}
.medium-icon-btn-link{font-size: 14px;line-height: 17px;}
.large-icon-btn-link{font-size: 16px;line-height: 24px;}
.small-icon-btn-link.disabled,.medium-icon-btn-link.disabled,.large-icon-btn-link.disabled{color: #C6CDD5;}
.small-icon-btn-link.disabled svg path,.medium-icon-btn-link.disabled svg path,.large-icon-btn-link.disabled svg path,.small-icon-btn-link.disabled:hover svg path,.medium-icon-btn-link.disabled:hover svg path,.large-icon-btn-link.disabled:hover svg path,.small-icon-btn-link.disabled:focus svg path,.medium-icon-btn-link.disabled:focus svg path,.large-icon-btn-link.disabled:focus svg path{fill: #C6CDD5;}
.small-icon-btn-link svg,.medium-icon-btn-link svg,.large-icon-btn-link svg, 
.small-icon-btn-link i,.medium-icon-btn-link i,.large-icon-btn-link i
{margin-right: 6px;flex-shrink: 0;}
.small-icon-btn-link svg path,.medium-icon-btn-link svg path,.large-icon-btn-link svg path{fill: #0070FF;transition: all 0.5s;}
.small-icon-btn-link:hover svg path, .medium-icon-btn-link:hover svg path,.large-icon-btn-link:hover svg path{fill:#2952CC;}
.small-icon-btn-link:focus svg path,.medium-icon-btn-link:focus svg path,.large-icon-btn-link:focus svg path{fill: #1D3D9B;}
.text-link{font-weight: 400; font-size: 16px; line-height: 19px; color: #0070FF; display: inline-block;}
.text-link.disabled{color: #CCE2FF;}
.small-icon-btn-link.text-red,.medium-icon-btn-link.text-red,.large-icon-btn-link.text-red{color: #DE350B;}
/*================ End Anchor Tag Style =================*/

/*================ 5. Button Style =================*/
button {
    transition: all 0.5s;
}
button:hover,
button:focus {
    transition: all 0.5s;
}
.small-btn,
.medium-btn,
.large-btn {
    font-size: 16px;
    line-height: 18px;
    background: #0070ff;
    color: #fff;
    border-radius: 6px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-color: #0070ff;
}
.small-border-btn,
.medium-border-btn,
.large-border-btn{
    background: transparent;
    color: #0070ff;
}
.small-btn.small-border-btn.disabled,
.medium-btn.medium-border-btn.disabled,
.large-btn.large-border-btn.disabled,
.small-btn.small-border-btn.disabled:hover,
.medium-btn.medium-border-btn.disabled:hover,
.large-btn.large-border-btn.disabled:hover,
.small-btn.small-border-btn.disabled:focus,
.medium-btn.medium-border-btn.disabled:focus,
.large-btn.large-border-btn.disabled:focus{
    background: transparent;
    color: #c6cdd5;
}
.small-btn.disabled,
.medium-btn.disabled,
.large-btn.disabled,
.small-btn.disabled:hover,
.medium-btn.disabled:hover,
.large-btn.disabled:hover,
.small-btn.disabled:focus,
.medium-btn.disabled:focus,
.large-btn.disabled:focus {
    background: #c6cdd5;
    color: #30353e;
    border-color: #c6cdd5;
}
.small-btn:hover,
.medium-btn:hover,
.large-btn:hover {
    background: #2952cc;
    color: #fff;
    border-color: #2952cc;
}
.small-btn:focus,
.medium-btn:focus,
.large-btn:focus {
    background: #1d3d9b;
    color: #fff;
    border-color: #1d3d9b;
}
.small-btn{
    padding: 9px 20px;
}
.medium-btn{
    padding: 11px 24px;
}
.large-btn{
    padding: 14px 26px;
}
.small-icon-btn {
    padding: 6px 20px;
}
.medium-icon-btn {
    padding: 8px 24px;
}
.large-icon-btn {
    padding: 11px 26px;
}
.small-icon-btn,
.medium-icon-btn,
.large-icon-btn {
    font-size: 16px;
    line-height: 18px;
    background: transparent;
    color: #0070ff;
    border-radius: 6px;
    border: 1px solid transparent;
    border-color:  #0070ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.small-icon-btn:hover,
.medium-icon-btn:hover,
.large-icon-btn:hover {
    background: #2952cc;
    color: #fff;
    border-color:  #2952cc;
}
.small-icon-btn:focus,
.medium-icon-btn:focus,
.large-icon-btn:focus {
    background: #1d3d9b;
    color: #fff;
    border-color:  #1d3d9b;
}
.solid-icon-btn{
    background: #0070ff;
    color: #fff;
}
.small-icon-btn.solid-icon-btn.disabled,
.medium-icon-btn.solid-icon-btn.disabled,
.large-icon-btn.solid-icon-btn.disabled,
.small-icon-btn.solid-icon-btn.disabled:hover,
.medium-icon-btn.solid-icon-btn.disabled:hover,
.large-icon-btn.solid-icon-btn.disabled:hover,
.small-icon-btn.solid-icon-btn.disabled:focus,
.medium-icon-btn.solid-icon-btn.disabled:focus,
.large-icon-btn.solid-icon-btn.disabled:focus{
    background: #c6cdd5;
    color: #30353e;
}
.small-icon-btn.solid-icon-btn.disabled svg path,
.medium-icon-btn.solid-icon-btn.disabled svg path,
.large-icon-btn.solid-icon-btn.disabled svg path,
.small-icon-btn.solid-icon-btn.disabled:hover svg path,
.medium-icon-btn.solid-icon-btn.disabled:hover svg path,
.large-icon-btn.solid-icon-btn.disabled:hover svg path,
.small-icon-btn.solid-icon-btn.disabled:focus svg path,
.medium-icon-btn.solid-icon-btn.disabled:focus svg path,
.large-icon-btn.solid-icon-btn.disabled:focus svg path{
    fill: #30353e;
}
.small-icon-btn.solid-icon-btn svg path,
.medium-icon-btn.solid-icon-btn svg path,
.large-icon-btn.solid-icon-btn svg path{
    fill: #fff;
}
.small-icon-btn.disabled,
.medium-icon-btn.disabled,
.large-icon-btn.disabled,
.small-icon-btn.disabled:hover,
.medium-icon-btn.disabled:hover,
.large-icon-btn.disabled:hover,
.small-icon-btn.disabled:focus,
.medium-icon-btn.disabled:focus,
.large-icon-btn.disabled:focus {
    color: #c6cdd5;
    border-color:  #c6cdd5;
}
.small-icon-btn.disabled:hover,
.medium-icon-btn.disabled:hover,
.large-icon-btn.disabled:hover,
.small-icon-btn.disabled:focus,
.medium-icon-btn.disabled:focus,
.large-icon-btn.disabled:focus {
    background: transparent;
}
.small-icon-btn.disabled svg path,
.medium-icon-btn.disabled svg path,
.large-icon-btn.disabled svg path,
.small-icon-btn.disabled:hover svg path,
.medium-icon-btn.disabled:hover svg path,
.large-icon-btn.disabled:hover svg path,
.small-icon-btn.disabled:focus svg path,
.medium-icon-btn.disabled:focus svg path,
.large-icon-btn.disabled:focus svg path {
    fill: #c6cdd5;
}
.small-icon-btn svg,
.medium-icon-btn svg,
.large-icon-btn svg,
.small-icon-btn i,
.medium-icon-btn i,
.large-icon-btn i,
.large-btn svg,
.medium-btn svg,
.small-btn svg,
.large-btn i,
.medium-btn i,
.small-btn i {
    margin-right: 6px;
    flex-shrink: 0;
}
.small-icon-btn svg path,
.medium-icon-btn svg path,
.large-icon-btn svg path {
    fill: #0070ff;
    transition: all 0.5s;
}
.small-icon-btn:hover svg path,
.medium-icon-btn:hover svg path,
.large-icon-btn:hover svg path,
.small-icon-btn:focus svg path,
.medium-icon-btn:focus svg path,
.large-icon-btn:focus svg path {
    fill: #fff;
}
.grey-line-btn {
    border-color: #dfe1e6;
    color: #30353e;
}
.light-grey-solid-btn {
    background: #dfe1e6;
    color: #30353e;
}
.border-red-btn svg path{fill: #DE350B;}
.border-red-btn{color: #DE350B;}
.border-red-btn,.solid-red-btn{background: transparent;border-color: #DE350B;}
.border-red-btn:hover,
.border-red-btn:focus{background: #DE350B;border-color: #DE350B;}
.border-red-btn:hover svg,
.border-red-btn:focus svg,
.solid-red-btn svg path{filter: brightness(100);fill: #fff;}
.solid-red-btn{color: #fff;background: #DE350B;}
.solid-red-btn:hover,
.solid-red-btn:focus{background: transparent;border-color: #DE350B; color: #DE350B;}
.solid-red-btn:hover svg path,
.solid-red-btn:focus svg path{filter: brightness(1);}
/*================ End Button Style =================*/

/*================ 6. Color Style =================*/
.text-blue{color: #0070FF;}
.text-dark-blue{color: #172B4D;}
.text-green{color: #3EBB89;}
.text-yellow{color: #FFB400;}
.text-red{color: #DE350B;}
.text-purple{color: #705FC7;}
.text-light-green{color: #5FABBC;}
.text-light-purple{color: #4364A2;}
.text-grey-1{color: #30353e;}
.text-grey-2{color: #C6CDD5;}
.text-grey-3{color: #E0E0E0;}
.text-grey-4{color: #DFE1E6;}
.text-grey-5{color: #EEEFF2;}
.text-grey-6{color: #F6F8FA;}
.text-grey-7{color: #F1F4FA;}
.text-grey-8{color: #F3F8FF;}
.text-grey-9{color: #FAFCFE;}
.text-grey-10{color: #FAFBFC;}
.text-gard-black{color: #000000;}
.text-black{color: #303030;}
.bg-blue{background: #0070FF;}
.bg-dark-blue{background: #172B4D;}
.bg-green{background: #3EBB89;}
.bg-yellow{background: #FFB400;}
.bg-red{background: #DE350B;}
.bg-purple{background: #705FC7;}
.bg-light-green{background: #5FABBC;}
.bg-light-purple{background: #4364A2;}
.bg-complete{background:#D6FFEE;}
.bg-fail{background: #FFE7E1}
.bg-grey-1{background: #30353e;}
.bg-grey-2{background: #C6CDD5;}
.bg-grey-3{background: #E0E0E0;}
.bg-grey-4{background: #DFE1E6;}
.bg-grey-5{background: #EEEFF2;}
.bg-grey-6{background: #F6F8FA;}
.bg-grey-7{background: #F1F4FA;}
.bg-grey-8{background: #F3F8FF;}
.bg-grey-9{background: #FAFCFE;}
.bg-grey-10{background: #FAFBFC;}
.text-dark-gray{color: #363645;}
.text-active{color: #3EBB89;}
.text-disabled{color: #DE350B;}
.text-pending{color: #D19505;}
.bg-active{background: #D6FFEE;}
.bg-disabled{background: #FFE7E1;}
.bg-pending{background: #FFF8E7;}
/*================ End Color Style =================*/

/*================ 7. Form Style =================*/
.form-group{margin: 0 0 24px;}
.form-button-group{margin:16px 0 0;display:inline-flex;align-items:center;}
input,select,textarea{font-family:Inter,sans-serif;font-size:14px;line-height:16px;font-weight:400;padding:15px 20px;background:#fafbfc;border:1px solid #e0e0e0;color:#30353e;width:100%;border-radius:5px;-webkit-border-radius:5px;box-shadow:none;-webkit-box-shadow:none;transition:all .4s ease-out 0s;-webkit-transition:all .4s ease-out 0s;}
input::placeholder,textarea::placeholder{color:#30353e;}
input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:0;border-color:#0070ff;}
input:disabled,select:disabled,textarea:disabled{border: 0; background: #F6F8FA;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:right center;background-image:url('../images/select_down_arrow.svg')!important;background-repeat:no-repeat!important;background-position:right 14px center!important;line-height:1.2;text-indent:.01px;text-overflow:"";cursor:pointer;padding-right: 40px;}
label{font-weight:400;font-size:14px;line-height:17px;color:#30353e;margin:0 0 10px;}
input[type=checkbox],input[type=radio]{width:auto;height:auto;}
input[type=checkbox]:focus,input[type=radio]:focus{outline:0;box-shadow:none;}
.check-group{display: inline-flex;align-items: center;}
.check-group label{font-weight:400;margin:0;padding:0 0 0 8px;cursor:pointer;}
.form-check-input[type=checkbox]{width:24px;height:24px;border:1px solid #c6cdd5;background-color:#fafbfc;margin:0;padding:0;cursor:pointer;flex-shrink:0;transition:none;}
.form-check-input.w-h-16[type=checkbox]{width:16px;height:16px;}
.form-check-input[type=checkbox]:checked{background-color:#0070ff;border:1px solid #0070ff;background-image:url('../images/icon_check_box_right.svg');background-repeat: no-repeat;background-size:22px 12px;background-position:center;transition:none;}
.form-check-input[type=checkbox]:disabled{background-color:#c6cdd5;border:1px solid #c6cdd5; opacity: 1;}
.form-check-input.error[type=checkbox]:checked{background-color:#de350b;border:1px solid #de350b;}
.form-check-input.undefined[type=checkbox]:checked{background-image:url('../images/icon_check_box_undefined.svg');background-repeat: no-repeat;;background-size:14px 4px;background-position:4px center;}
.form-check-input.w-h-16[type=checkbox]:checked{background-size:10px;background-position:2px center;}
.form-check-input.w-h-16.undefined[type=checkbox]:checked{background-size:10px 4px;background-position:2px center;}
.form-check-input[type=radio]{width:24px;height:24px;padding:0;margin:0;background-color:#fafbfc;border:1px solid #d1e5ff;transition:all 0.5s;}
.form-check-input[type=radio]:checked{background-color:#0070ff;border:1px solid #0070ff;}
.form-check-input.error[type=radio]:checked{background-color:#de350b;border:1px solid #de350b;}
.form-check-input[type=radio]:disabled{background-color:#c6cdd5;border:1px solid #c6cdd5;}
.swich-toggle input[type=checkbox].toggle{opacity:0;position:absolute;}
.swich-toggle input[type=checkbox].toggle+label{height:auto;background-color:#e0e0e0;padding:6px;border-radius:50px;display:inline-block;position:relative;cursor:pointer;font-weight:400;font-size:12px;line-height:15px;margin:0;width:52px;height:28px;}
.swich-toggle.small input[type=checkbox].toggle+label{font-size:9px;line-height:14px;padding:3px 4px;width:35px;height:20px;}
.swich-toggle [type=checkbox].toggle+label:hover:before,.swich-toggle input[type=checkbox].toggle+label:before{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;z-index:2;border-radius:50%;transition:all .4s;}
.swich-toggle.small [type=checkbox].toggle+label:hover:before,.swich-toggle.small input[type=checkbox].toggle+label:before{top: 3px; left:3px;width:14px;height:14px;}
.swich-toggle input[type=checkbox].toggle+label .off{margin-left:23px;display:inline-block;transition:all .4s;}
.swich-toggle.small input[type=checkbox].toggle+label .off{margin-left:15px;color:#30353e;}
.swich-toggle input[type=checkbox].toggle+label .on{display:none;}
.swich-toggle input[type=checkbox].toggle:checked+label .off{display:none;}
.swich-toggle [type=checkbox].toggle:checked+label .on{margin-right:26px;display:inline-block;transition:all .4s;color:#fff;}
.swich-toggle.small [type=checkbox].toggle:checked+label .on{margin-right:15px;}
.swich-toggle [type=checkbox].toggle:checked+label,.swich-toggle input[type=checkbox].toggle:focus:checked+label{background-color:#0070ff;}
.swich-toggle input[type=checkbox].toggle:checked+label:before,.swich-toggle input[type=checkbox].toggle:checked+label:hover:before,.swich-toggle input[type=checkbox].toggle:focus:checked+label:before,[type=checkbox].toggle:focus:checked+label:hover:before{background-position:0 0;top:2px;left:100%;margin-left:-26px;transition:all .4s;}
.swich-toggle.small input[type=checkbox].toggle:checked+label:before,.swich-toggle.small input[type=checkbox].toggle:checked+label:hover:before,.swich-toggle.small input[type=checkbox].toggle:focus:checked+label:before,[type=checkbox].toggle:focus:checked+label:hover:before{margin-left:-17px; top: 3px;}
.form-password{position: relative;}
.form-password input{padding-right: 44px;}
.toggle-password{position: absolute;top: 50%;right: 16px;transform: translate(0, -50%);}
.show-password,.hide-password{padding: 0;border: none;width: 24px;height: 24px;display: block;}
.show-password{background: url('../images/icon_show_eye.svg') no-repeat center;}
.hide-password{display: none;background: url('../images/icon_hiden_eye.svg') no-repeat center;}
.show-hide-password .hide-password{display: block;}
.show-hide-password .show-password{display: none;}
.select-hidden{display: none; visibility: hidden; padding-right: 10px;}
.select {cursor: pointer; display: inline-block; position: relative; font-size: 16px; color: #fff; width: 100%; height: 48px;}  
.select-styled {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fafbfc; padding: 15px 20px 14px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border: 1px solid #E0E0E0; border-radius: 5px; color: #30353e; font-size: 14px;line-height: 17px;}
.select-styled:after {content: ""; background-image:url('../images/select_down_arrow.svg'); width: 24px; height: 24px; position: absolute; top: 12px; right: 15px; transition: all .4s ease-in-out;}
.select-styled:hover {box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.03);}
.select-styled:active, .select-styled.active {border-color: #0070FF;}
select.border-red ~ .selectCF .titleCF, select.border-red ~ .selectCF .searchCF{
    border-color: #DE350B;
}
.select-styled:active:after, .select-styled.active:after {top: 12px;transform: rotate(180deg); transition: all .4s ease-in-out;}
.select-options {display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #fff;box-shadow: 0px 3px 8px rgba(3, 3, 3, 0.08); max-height: 240px; overflow-y: auto;}
.select-options li { margin: 0; padding: 12px 16px; font-size: 14px; line-height: 17px; color: #212121; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in;}
.select-options li:hover, .select-options li.is-selected {background: #F6F8FA;}
.select-options li[rel="hide"]{display: none;}
.selectCF{
	margin:0;
	display:block;
	position:relative;
    width: 100%;
}
.selectCF li{
	cursor: pointer;
}
.selectCF > li{
	position:relative;
}
.selectCF span{
	display:block;
	color:#FFF;
	z-index:0;
}
.selectCF .titleCF{
    position: relative;
	padding: 14px 20px;
	font-size:14px;
    line-height: 18px;
	font-weight:400;
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    width: 100% !important;
}
.selectCF .titleCF::after{
    content: '';
    background-image: url(../images/select_down_arrow.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 15px;
    transition: .4s ease-in-out;
    transform: translateY(-50%);
}
.selectCF.onCF .titleCF::after{
    transform: translateY(-50%) rotate(180deg);
    transition: .4s ease-in-out;
}
.selectCF .searchCF{
    width: 100% !important;
    padding: 13px 20px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
	position: absolute;
	top:0;
	right:0;
	z-index:-1;
}
@keyframes searchActive {
	from{ transform: rotateY(180deg) }
	to{ transform: rotateY(0deg); }
}@-moz-keyframes searchActive {
	from{ transform: rotateY(180deg) }
	to{ transform: rotateY(0deg); }
}
@-webkit-keyframes searchActive {
	from{ -webkit-transform: rotateY(180deg) }
	to{ -webkit-transform: rotateY(0deg); }
}
.searchActive .searchCF{
	z-index:0;
	animation: searchActive 0.3s alternate 1;
	-moz-animation: searchActive 0.3s alternate 1;
	-webkit-animation: searchActive 0.3s alternate 1;
}
.searchActive .titleCF{
	opacity:0;
}
.selectCF .searchCF input{
	border:none;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	background:transparent;
	font-size:14px;
	line-height:18px;
}
.selectCF .searchCF input:active, .selectCF .searchCF input:focus{
	box-shadow:none;
	border:none;
	outline: none;
}
.selectCF li ul{	
	display:none;
	position:absolute;
	top:100%;
	left:0;
	padding: 0 !important;
	width:100%;
	max-height: 240px;
    overflow-y: auto;
	transition: .2s;
	-webkit-transition: .2s;
	z-index:2;
    background: #fff;
    box-shadow: 0px 3px 8px rgba(3, 3, 3, 0.08);
    border-radius: 4px;
  
}
.selectCF li ul li{
	padding:16px 12px;
    font-weight: 400;
	font-size:14px;
    line-height: 17px;
    color: #212121;
	transition: .2s;
	-webkit-transition: .2s;
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.selectCF li ul li:hover, .selectCF .selected{
	background: #F6F8FA;
}
@keyframes effect1{
    from{ transform: translateY(15px); opacity:0; }
	to{ transform: translateY(0px); opacity:1; }
}
@-moz-keyframes effect1 {
	from{ transform: translateY(15px); opacity:0; }
	to{ transform: translateY(0px); opacity:1; }
}
@-webkit-keyframes effect1 {
	from{ -webkit-transform: translateY(15px); opacity:0; }
	to{ -webkit-transform: translateY(0px); opacity:1; }
}
.onCF li ul{
	display:block;
    animation: effect1 0.3s alternate 1;
	-moz-animation: effect1 0.3s alternate 1;
	-webkit-animation: effect1 0.3s alternate 1;
}
.searchbar{
    position: relative;
}
.searchbar .icon-search{
    position: absolute;
    top: 14px;
}
.searchbar.back-icon .icon-search{
    right: 20px;
}
.searchbar.front-icon .icon-search{
    left: 20px;
}
.searchbar.back-icon input{
    padding: 15px 50px 15px 20px;
}
.searchbar.front-icon input{
    padding: 15px 20px 15px 50px;
}
::-webkit-search-cancel-button{
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background: url(../images/icon_search_cancel.svg) no-repeat;
}
.upload-file-label{
    width: 100%;
    cursor: pointer;
    position: relative;
}
.upload-file-label input[type="file"]{
    position: absolute;
    opacity: 0;
    width: 100%;
}
.upload-file-box{
    position: relative;
    background: #FDFEFF;
    border: 1px dashed #DFE1E6;
    border-radius: 3px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}
.form-error-massage{
    display: block  ;
    margin: 30px 0 0;
}
.form-error-massage i{
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
}
.form-error-massage i::before{
    width: 16px;
    height: 16px;
}
.form-check-input.error.disabled[type=checkbox]:checked{
    background-image: url(../images/icon_cross_red.svg);
    background-color: #fff;
}
.form-check-input.error.disabled[type=checkbox]:checked ~ label{
    color: #DE350B;
    text-decoration: line-through;
}
.input-group input{
    position: relative;
    flex: 1 1;
    border-right: 0;
}
.input-group-text{
    background: #fafbfc;
    font-size: 14px;
    line-height: 17px;
    color: #30353e;
    border-color: #e0e0e0;
    transition: all .4s ease-out 0s;
}
.input-group input:focus + .input-group-text{
    border-color: #0070FF;
}
.custom-daterange-picker{
    position:relative;
    background-color:#fafbfc;
    z-index: 0;
}
.custom-daterange-picker::after{
    z-index:-1; 
    content:'';
    display: block;
    background: url('../images/icon_calendar.svg') no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    position: absolute;
    top:50%;
    right:20px;
    transform: translateY(-50%);
}
.custom-daterange-picker input::-webkit-calendar-picker-indicator{
    opacity:0;
    display: none;
}
.custom-daterange-picker input, .custom-daterange-picker input:focus{
    background:rgba(0, 0, 0, 0);
}
select.bg-active{background-image: url('../images/icon_active_arrow.svg')!important;border: 1px solid #D6FFEE !important;}
select.bg-disabled{background-image: url('../images/icon_disabled_arrow.svg')!important;border: 1px solid #FFE7E1 !important;}
select.bg-pending{background-image: url('../images/icon_pending_arrow.svg')!important;border: 1px solid #FFF8E7 !important;}
.status-dropdown .dropdown-toggle{
    width: 100%;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 44px 10px 14px;
    text-align: start;
    position: relative;
}
.status-dropdown .dropdown-menu{
    padding: 0;
    border: none;
    box-shadow: 0px 3px 8px rgb(3 3 3 / 8%);
    overflow: hidden;
    min-width: 100%;
}
.status-dropdown .dropdown-menu li a{
    margin: 0;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 17px;
    color: #212121;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.status-dropdown .dropdown-menu li a.text-red{
    color: #DE350B;
}
.status-dropdown .dropdown-menu li a:hover,
.status-dropdown .dropdown-menu li a:focus,
.status-dropdown .dropdown-menu li a:active{
    background-color: #F6F8FA;
    color: #212121;
}
.status-dropdown .dropdown-menu li a:hover,
.status-dropdown .dropdown-menu li a:focus,
.status-dropdown .dropdown-menu li a:active{
    background-color: #DE350B;
    color: #fff;
}
.status-dropdown .dropdown-toggle.bg-active::after{
    content: '';
    position: absolute;
    background: url('../images/icon_active_arrow.svg') no-repeat;
    width: 16px;
    height: 17px;
    border: none;
    right: 10px;
}
.status-dropdown .dropdown-toggle.show::after{
    transform: rotate(180deg);
    transition: all .4s ease-in-out;
}
.form-separate{border-bottom: 1px solid #DFE1E6;}
.select2-container .select2-selection--multiple, .select2-container .select2-selection--single .select2-selection__rendered{padding: 6px 36px 6px 16px;height: 48px;}
.select2-container .select2-selection--multiple{min-height: 28px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{height: 100%;}
/*================ End Form Style =================*/

/*================ 8. Common Login /Signup Style =================*/
.login-content{width:100%;height:100vh;position:relative;}
.login-content::after,.login-content::before{content:'';position:absolute;height:100%;width:50%;top:0;left:0;}
/* .login-content::before{background:url('../images/App_Icon_512.png') no-repeat;background-size:cover;background-position:initial;} */
.login-content.registration-content::before{background:url('../images/registration_left_image_bg.png') no-repeat;background-size:cover;background-position:initial;}
/* .login-content::after{background:url('../images/App_Icon_512.png') no-repeat center;background-size:cover;z-index:-1;} */
.login-content .right-content{padding:40px 0 40px 154px;overflow-y:auto;overflow-x: hidden;height:100vh;display:flex;align-items:center;}
.login-content .right-content .login-body{width:100%;}
.login-content .right-content::-webkit-scrollbar{width:0;height:0;}
.login-content .right-content::-webkit-scrollbar-thumb{background:0 0;border-radius:0;}
.login-content .right-content::-webkit-scrollbar-track{box-shadow:none;border-radius:0;}
.right-content .logo{margin:0 0 92px;}
.right-content h4{margin:0 0 13px;}
.login-form{margin:30px 0 0;}
.login-form input{border:1px solid #e0e0e0;background:0 0;}
.login-form input:active,.login-form input:focus{border-color:#0070ff;}
.login-form .form-group{margin:0 0 20px;}
.forgot-password-group{display:flex;align-items:flex-start;justify-content:space-between;}
.login-form .form-button-group{display:flex;margin:30px 0 0;}
.login-form .form-button-group .large-btn{width:100%;text-align:center;border-radius:3px;font-size:14px;line-height:17px;}
.sign-with{margin:55px 0 0;text-align:center;}
.sign-with .text-grey-1{display:inline-block;position:relative;margin:0;}
.sign-with .text-grey-1::after,.sign-with .text-grey-1::before{content:'';position:absolute;background-color:#dfe1e6;width:150%;height:1px;top:0;bottom:0;margin:auto;}
.sign-with .text-grey-1::before{left:105%;}
.sign-with .text-grey-1::after{right:105%;}
.social-link{display:flex;align-items:center;justify-content:center;margin:24px 0 0;}
.social-link li{margin:0 6px;}
.social-link li a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:5px;}
.social-link li a path,.social-link li a:hover path{transition:all .5s;}
.social-link li a.google{background:#ed4c3d;border:1px solid #ed4c3d;}
.social-link li a.google:hover path{fill:#ED4C3D;}
.social-link li a.linkedin{background:#0082bd;border:1px solid #0082bd;}
.social-link li a.linkedin:hover path{fill:#0082BD;}
.social-link li a.google:hover,.social-link li a.linkedin:hover{background:0 0;}
.member-yet{margin:138px 0 0;}
.member-yet p{margin:0;}
.login-content.registration-content::after{display:none;}
.registration-content .left-content{position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:104px;}
.registration-content .left-content-body h2,.registration-content .left-content-body h4{color:#fff;text-transform:uppercase;margin:0;text-align:end;}
.registration-content .left-content-body h4{font-weight:300;font-size:40px;line-height:52px;}
.registration-content .left-content-body h2{font-weight:700;font-size:80px;line-height:80px;}
.login-content.forgot-password::before,.login-content.forgot-password::after{display: none;}
.forgot-password{background: #F6F8FA;}
.center-card{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 680px;background: #FFFFFF;border-radius: 6px;padding: 100px;text-align: center;}
.center-card .logo{margin: 0 0 72px;}
.center-card h4{font-weight: 600;margin: 0 0 20px;}
.center-card p.body-small{max-width: 332px;line-height: 20px;margin: auto;}
.center-card .form-group label{display: block;text-align: start;}
.back-to-login{margin: 18px 0 0;}
.back-to-login.medium-icon-btn-link svg path{fill:#30353e;}
.back-to-login.medium-icon-btn-link:hover svg path{fill: #2952CC;}
.back-to-login.medium-icon-btn-link:focus svg path{fill: #1D3D9B;}
.back-to-login.medium-icon-btn-link svg{margin-right: 10px;}
.back-to-login.medium-icon-btn-link svg,.back-to-login.medium-icon-btn-link:hover svg,.back-to-login.medium-icon-btn-link:focus svg{transition: all 0.5s;}
.back-to-login.medium-icon-btn-link:hover svg,.back-to-login.medium-icon-btn-link:focus svg{transform: translateX(-6px);}
.forgot-password .login-form .form-button-group,.registration-content .login-form .form-button-group{margin: 10px 0 0;}
.set-up-success .center-card .logo{margin: 0 0 40px;}
.successful-image{margin: 0 auto 10px;}
.back-to-login.member-yet{margin: 18px 0 0;}
.login-form .form-group.verify-group{display: flex;align-items: center;justify-content: center;}
.login-form .verify-group input{width: 47px;height: 47px;background: #FAFBFC;border-radius: 4px;padding: 2px;text-align: center;margin: 0 13px;font-weight: 600;font-size: 20px;color: #172B4D;}
.login-form .verify-group input:first-child{margin-left: 0;}
.login-form .verify-group input:last-child{margin-right: 0;}
.login-content.choose-module::before,.login-content.choose-module::after{display: none;}
.choose-module{display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 70px 0 100px;text-align: center;background: #FCFDFF;}
.module-card-group{display: flex;align-items: stretch;margin: 30px 0 0;}
.module-card-item{margin: 0 20px;}
.module-card-item a{display: block;background: #FFFFFF;border: 1px solid #F0F3F5;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.04);border-radius: 6px;max-width: 350px;padding: 70px 30px;height: 100%;}
.module-card-item svg{margin: 0 0 15px;}
.module-card-item svg path,.module-card-item a:hover svg path,.module-card-item .title-2,.module-card-item svg,.module-card-item a:hover .title-2,.module-card-item a:hover svg,.module-card-item .hiden-text,.module-card-item a:hover .hiden-text{transition: all 0.7s;}
.module-card-item .hiden-text{opacity: 0;transform: translateY(-10px);}
.module-card-item .title-2,.module-card-item svg{transform: translateY(34px);}
.module-card-item a:hover svg{transform: translateY(0px);}
.module-card-item a:hover .title-2{transform: translateY(-10px);}
.module-card-item a:hover .hiden-text{opacity: 1;}
.module-card-item a:hover svg path{fill: #0070FF;}
.center-card .logo,.right-content .logo{display: inline-block;}
.success .center-card p.body-small{max-width: 370px;}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="date"]::-moz-calendar-picker-indicator{opacity: 1;display: block;background-image: url('../images/icon_calendar.svg');background-position: center right;background-repeat: no-repeat;width: 24px;height: 24px;}
input[type="date"]{padding:14px 20px;}
/*================ End Common Login /Signup Style =================*/

/*================ 9. Spacing Style =================*/
.mt-10{margin-top: 10px;}
.mb-40{margin-bottom: 40px;}
.mt-40{margin-top: 40px;}
.mb-30{margin-bottom: 30px;}
.mt-30{margin-top: 30px;}
.mt-24{margin-top: 24px;}
.mb-24{margin-bottom: 24px;}
.mb-20{margin-bottom: 20px;}
.mb-10{margin-bottom: 10px;}
.pb-40{padding-bottom: 40px;}
.pt-40{padding-top: 40;}
.pb-30{padding-bottom: 30px;}
.pt-30{padding-top: 30px;}
.pt-24{padding-top: 24px;}
.pb-24{padding-bottom: 24px;}
.pb-20{padding-bottom: 20px;}
.pt-20{padding-top: 20px;}
.mr-20{margin-right: 20px;}
.mt-20{margin-top: 20px;}
.pb-10{padding-bottom: 10px;}
.mb-60{margin-bottom: 60px;}
/*================ End Spacing Style =================*/

/*================ 10. Modal Style =================*/
.modal-content{
    padding: 30px;
}
.modal .report-text-block{
    padding: 20px;
    border-radius: 10px;
}
.issue-report-modal .modal-dialog{
    max-width: 621px;
}
.custom-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.custom-modal .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
}
.show-modal {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.modal-backdrop.show {opacity: .2;}
.modal-content{
    background: #FFFFFF;
    border-radius: 10px;
    border: none;
}
.modal-dialog{
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.modal-header{
    padding: 0;
    border: none;
}
.modal-header .btn-close{
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    margin: 0;
    opacity: 1;
    box-shadow: none !important;
    background: url('../images/icon_modal_close.svg');
    z-index: 9;
}
.modal-header .btn-close:hover{
    filter: brightness(0.5);
}
.delete-modal .modal-dialog{
    max-width: 572px;
}
.delete-modal .modal-content{
    padding: 50px;
}
.delete-modal .modal-body{
    text-align: center;
    padding: 0;
}
.delete-modal .modal-body img{
    margin: auto;
    width: 40px;
}
.delete-modal .modal-body p{
    max-width: 330px;
    margin: 16px auto 30px;
}
.delete-modal .modal-body p span{
    font-weight:600
}
.invitation-modal .modal-body p{
    font-weight:500;
    margin: 20px auto 14px;
}
.invitation-modal .modal-body .body-normal{
    font-weight:400;
    margin: auto !important;
}
.invitation-modal .modal-header .btn-close{
    display: none;
}
.modal-btn-group{
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
}
.modal-btn-group a,
.modal-btn-group button{
    min-width: 170px;
    text-align: center;
}
.red-solid-btn{
    background: #DE350B;
    border: 1px solid #DE350B;
}
.red-solid-btn:hover,
.red-solid-btn:focus{
    background: transparent;
    color: #DE350B;
    border-color: #DE350B;
}
.cancel-btn{
    color: #30353e;
    border-color: #DFE1E6;
}

.cancel-btn:hover{
    color: #fff;
    background: #2952CC;
    border-color: #2952CC;
}
.grey-solid-btn{
    background: #30353e;
    border-radius: 6px;
    border: 1px solid #30353e;
    color: #fff;
}
.grey-solid-btn:hover,
.grey-solid-btn:focus{
    background: transparent;
    color: #30353e;
    border-color: #DFE1E6;
}
/*================ End Modal Style =================*/

/* =============== 11. Custom Scroll style =================== */
.sidebar-menu::-webkit-scrollbar, .select-options::-webkit-scrollbar, .chat-user-list::-webkit-scrollbar, .chat-list::-webkit-scrollbar,.request-inspection-detail .left-bar::-webkit-scrollbar, .request-inspection-detail .right-content::-webkit-scrollbar, .selectCF li ul::-webkit-scrollbar, .offcanvas-body::-webkit-scrollbar,.service-provider-titlebar .nav-tabs::-webkit-scrollbar{
    width: 4px;
    background: transparent;
}
.service-job-tabContent .card-list::-webkit-scrollbar, .table-block::-webkit-scrollbar, .select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar, .profile-tabs::-webkit-scrollbar, .service-job-tabs::-webkit-scrollbar,.service-provider-titlebar .nav-tabs::-webkit-scrollbar{
    height: 4px;
    background: transparent;
}
.sidebar-menu::-webkit-scrollbar-thumb,.service-job-tabContent .card-list::-webkit-scrollbar-thumb,.select-options::-webkit-scrollbar-thumb, .table-block::-webkit-scrollbar-thumb, .select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb, .profile-tabs::-webkit-scrollbar-thumb, .service-job-tabs::-webkit-scrollbar-thumb, .chat-list::-webkit-scrollbar-thumb, .chat-user-list::-webkit-scrollbar-thumb, .request-inspection-detail .left-bar::-webkit-scrollbar-thumb, .request-inspection-detail .right-content::-webkit-scrollbar-thumb, .selectCF li ul::-webkit-scrollbar-thumb, .offcanvas-body::-webkit-scrollbar-thumb,.service-provider-titlebar .nav-tabs::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background: #ABBED1;
}
/* =============== End Custom Scroll style =================== */

/*================ 12. Alert Box Style =================*/
.alert-box{padding: 15px 20px; border: 1px solid #DFE1E6; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.03); border-radius: 4px; background: #FEFDFC; display: flex; align-items: flex-start;}
.alert-box i{width: 24px; height: 24px; margin-right: 12px; margin-top: 2px;}
.alert-box .heading p{font-weight: 500;}
.alert-box.success{border-color: #A5EACE;}
.alert-box.info{border-color: #A2CBFF;}
.alert-box.warning{border-color: #E0DBCE;}
.alert-box.error{border-color: #FEC9BB;}
/*================ End Alert Box Style =================*/

/*================ 13. Pagination Style =================*/
.pagination a{
    border: 0.5px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    line-height: 19px;
    color: #172B4D;
    padding: 4px 10px;
    margin-right: 10px;
    transition: all .4s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination li:last-child a{
    margin-right: 0;
}
.pagination a:hover{
    background: #EEEFF2;
    transition: all .4s ease-in-out;
}
.pagination a.active{
    border-color: #C6CDD5;
}
.pagination a.disabled{
    color: #C6CDD5;
}
.pagination i{
    width: 18px;
    height: 18px;
}
.pagination li.next i{
    transform: rotate(180deg);
}
.pagination .prev.disabled,.pagination .next.disabled{
    opacity: .5;
}
.pagination .prev a, .pagination .next a{
    border-color: #C6CDD5;
    padding: 4px 5px;
    line-height: 18px;
}
.pagination .inbetween{
    font-size: 26px;
    line-height: 16px;
    margin-right: 10px;
}
/*================ End Pagination Style =================*/

/*================ 14. Side Navigation Menu =================*/
.sidebar-menu{
    padding: 35px 24px;
    height: 100%;
    overflow-y: auto;
    min-height: 100vh;
}
.sidebar-menu .nav-link{
    padding: 14px 20px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link i{
    margin-right: 12px;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link i.hvr{
    display: none;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link.active i, .sidebar-menu .nav-link:hover i,.nav-link.dropdown-toggle.show i{
    display: none;
}
.sidebar-menu .nav-link.active i.hvr, .sidebar-menu .nav-link:hover i.hvr,.nav-link.dropdown-toggle.show i.hvr{
    display: block;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link.active, .sidebar-menu .nav-link:hover{
    background: #fff;
    transition: all .4s ease-in-out;
}
.nav-link.dropdown-toggle.show{
    border-radius: 4px 4px 0 0;
    background: #fff;
}
.sidebar-menu .dropdown-menu{
    position: static !important;
    width: 100%;
    border: 0;
    transform: translate(0,0) !important;
    border-radius: 0 0 4px 4px;
    padding: 10px 20px 20px 58px;
}
.sidebar-menu .dropdown-menu a{
    padding: 12px 0;
    border-bottom: 1px solid #EBEDF0;
    color: #30353e;
    white-space: break-spaces;
}

.sidebar-menu .dropdown-item:focus,.sidebar-menu .dropdown-item:hover,.sidebar-menu .dropdown-item.active{
    background: transparent;
    color: #0070FF;
}
.sidebar-menu .dropdown-toggle::after{
    content: url(../images/select_down_arrow.svg);
    border: 0;
    margin-left: auto;
    width: 24px;
    height: 24px;
    transition: all .4s ease-in-out;
}
.sidebar-menu .dropdown-toggle.show::after{
    transform: rotate(180deg);
    transition: all .4s ease-in-out;
}
/*================ End Side Navigation Style =================*/

/*================ 15. Dashboard Header Style =================*/
.dashboard-header{
    padding: 12px 24px;
    background-color: #ffffff;
}
.notification-btn{
    border: 0;
    background: transparent;
    position: relative;
    margin-right: 25px;
    padding: 0;
    display: block;
    height: 24px;
}
.notification-btn::after{
    display: none;
}
.notification-btn span.count{
    position: absolute;
    width: 18px;
    height: 18px;
    top: -5px;
    right: -8px;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.profile-btn{
    display: flex;
    align-items: center;
    border: 0;
    background: transparent;
    padding: 0;
}
.profile-btn img{
    border-radius: 100%;
    width: 32px;
    height: 32px;
    margin-right: 8px;
}
.profile-btn .user-name{
    margin-right: 10px;
}
.profile-btn .dropdown-toggle::after{
    border-color: #172B4D;
    border-width: 3px;
}
.notification-btn i, .profile-btn i{
    width: 24px;
    height: 24px;
}
.notification-dropdown .dropdown-menu{
    width: max-content;
    padding: 0;
    border: 0;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 8%);
    top: 40px !important;
    transform: none !important;
    right: -50px !important;
    left: auto !important;
}
.notification-dropdown .dropdown-menu .dropdown-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EBEDF0;
    padding: 18px 20px;
}
.dropdown-header .left-content{
    display: flex;
    align-items: center;
}
.dropdown-header .left-content .notification-count{
    border-radius: 6px;
    padding: 3px 6px;
    margin-left: 8px;
}
.notification-dropdown .dropdown-menu li{
    padding: 20px 70px 20px 20px;
    border-bottom: 1px solid #EBEDF0;
    display: flex;
    align-items: center;
    position: relative;
}
.notification-preview{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notification-preview i{
    width: 24px;
    height: 24px;
}
.notification-dropdown li .pending-read{
    position: absolute;
    width: 8px;
    height: 8px;
    background: #0070FF;
    border-radius: 100%;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
.notifcation-info p{
    max-width: 310px;
}
.notification-dropdown .dropdown-menu li:last-child{
    border-bottom: 0;
}
.profile-dropdown .dropdown-menu{
    padding: 0;
    border: 1px solid #E0E0E0;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    top: 12px !important;
    overflow: hidden;
}
.profile-dropdown .dropdown-menu a{
    padding: 12px 16px;
    border-bottom: 1px solid #E0E0E0;
    transition: all .4s ease-in-out;
}
.profile-dropdown .dropdown-menu li:last-child a{
    border-bottom: 0;
}
.profile-dropdown .dropdown-menu a:hover{
    background: #f6f8fa;
    transition: all .4s ease-in-out;
}
.profile-dropdown .dropdown-menu li:last-child a:hover{
    background: #fff;
    color: #DE350B;
}
/*================ End Dashboard Header Style =================*/

/*================ 16. Common Card Style =================*/
.card{
    padding: 28px 30px;
    border-radius: 10px;
    border: 0;
    margin-bottom: 20px;
}
.card .card-title{
    margin-bottom: 5px;
}
.card .card-for-info{
    margin-bottom: 12px;
}
.card-review-detail li{
    display: flex;
    align-items: center;
}
.card-review-detail li > span{
    width: 20%;
}
.card-review-detail li > p{
    width: 80%;
}
.card-review-detail li span.title{
    text-transform: uppercase;
}
.card-review-detail li .value{
    display: flex;
    align-items: center;
}
.card-review-detail li .value i{
    height: 14px;
}
.card-review-detail li .value span{
    margin-left: 6px;
}
.pill-list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width:100%;
}
.card .pill{
    padding: 4px 15px;
    background: #EEEFF2;
    border-radius: 30px;
    font-size: 14px;
    line-height: 17px;
    color: #172B4D;
}
.card .indetail{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.card-footer{
    background: transparent;
    border-top: 1px solid #EEEFF2;
    padding: 20px 0 0;
}
.card-footer .progress-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.card-footer .thin-progress.progress{
    background: #C6CDD5;
    height: 2px;
}
.pdf-view-box{
    background: #FEFEFF;
    border: 1px solid #EEEFF2;
    border-radius: 6px;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    gap: 15px;
}
/*================ End common card Style =================*/

/*================ 17. Table Style =================*/
.table-block {
    position: relative;
}
table{
    width: 100%;
    border-collapse: collapse;
}
td, th {
    text-align: left;
}
thead tr{
    background: #1a3588;
}
th{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 16px 10px;
}
td{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #30353e;
    padding: 20px 10px;
}
td span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow-y: hidden;
}
.table-block .text-link{
    font-size: 14px;
    line-height: 17px;
}
table .user-profile{
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}
table .user-profile img{
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 100%;
}
th.shorting{cursor: pointer;}
th.shorting span{position: relative;}
th.shorting span::after,th.shorting span::before{content: '';position: absolute;bottom: 0;top: 0;margin: auto;right: -14px;width: 8px;height: 6px;}
th.shorting span::before{background: url('../images/Icon_shorting_up.svg') no-repeat center;top: -10px;}
th.shorting span::after{background: url('../images/Icon_shorting_down.svg') no-repeat center;bottom: -10px;}
td .status{padding: 4px 14px;border-radius: 4px;display: inline-block;}
td.action-list{text-align: end;}
.action-list .action-link{display: inline-flex;align-items: center;justify-content: center;width: 25px;height: 30px;border-radius: 100%;vertical-align: middle;}
.action-list .action-link.delet-link{margin-left: 10px;}
.action-list .action-link.eye-link{background: #F3F8FF;}
.action-list .action-link.delet-link .icon-delete::before{width: 10px;height: 18px;}
.action-list .action-dropdown{margin-left: 32px;}
tfoot tr{background: #F1F4FA;}
tfoot td{color: #172B4D;padding: 16px 10px;font-weight: 400;font-size: 16px;line-height: 19px;}
tfoot td .pagination{justify-content: flex-end;}
.pagination a.active,.pagination .prev a, .pagination .next a{background: #fff;}
.table-block{width: 100%;white-space: nowrap;overflow-x: auto;}
.table-block::-webkit-scrollbar-thumb {border-radius: 4px;background: #ABBED1;}
.table-block::-webkit-scrollbar {height: 4px;background: transparent;}
td span .icon-star-fill{display: inline-block;margin-right: 8px;vertical-align: middle;}
td span .icon-star-fill::before{width: 17px;height: 17px;}
.approval-Status {
    padding: 4px 22px 4px 14px;
    max-width: 116px;
    border-radius: 4px;
    background-position: right 10px center !important;
}
/*================ End Table Style =================*/

/*================ 18. Breadcrumb Style =================*/
.dashboard-titlebar .bread-crumb-block{
    width: 100%;
}
.bread-crumb-block .breadcrumb{
    margin-bottom: 40px;
    align-items: center;
}
.bread-crumb-block .breadcrumb li{
    position: relative;
    padding-right: 34px;
    margin-right: 26px;
}
.bread-crumb-block .breadcrumb li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.bread-crumb-block .breadcrumb li:last-child::after{
    display: none;
}
.bread-crumb-block .breadcrumb li::after{
    content: '';
    background: url(../images/icon_breadcrumb_arrow.svg) no-repeat;
    width: 8px;
    height: 8px;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
/*================ End Breadcrumb Style =================*/

/*================ 19. Chat Board Style =================*/
.chat-user-list-block{
    background: #FDFEFF;
    border: 1px solid #D1E5FF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    height: calc(100% - 68px);
}
.chat-user-list{
    height: 100vh;
    overflow-y: auto;
}
.chat-user-list-block .block-title{
    padding: 30px 28px 16px;
}
.chat-user-list-block .block-title h6{
    font-weight: 400;
}
.chat-user-list li{
    padding: 0 20px;
}
.chat-user-list li.active{
    background: #F3F8FF;
}
.chat-user-list li.active .chat-list-item{
    border-color: transparent;
}
.chat-user-list li .chat-list-item{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(180, 171, 171, 0.2);
}
.chat-user-list li:last-child .chat-list-item{
    border-bottom: 0;
}
.chat-list-item .user-profile img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100%;
}
.chat-list-item .chat-user-info{
    width: calc(100% - 70px);
}
.chat-list-item .chat-user-info .top-content, .chat-list-item .chat-user-info .bottom-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 5px;
}
.chat-list-item .chat-user-info .time, .chat-list-item .chat-user-info .chat-preview{
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #303030;
} 
.chat-list-item .chat-user-info .chat-preview{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    -webkit-line-clamp: 1;
}
.chat-list-item .chat-user-info .pending-view-msg{
    background: #F24E1E;
    border-radius: 100%;
    color: #fff;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 17px;
}
.chatboard{
    background: #FFFFFF;
    border: 1px solid #DFE1E6;
    border-radius: 3px;
    padding: 30px 40px;
    height: 100%;
}
.chatboard .chatboard-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(180, 171, 171, 0.5);
}
.chatboard-header .chat-user-detail{
    display: flex;
    align-items: center;
    gap: 25px;
}
.chatboard-header .chat-user-detail .user-profile{
    position: relative;
}
.chat-user-detail .user-profile img{
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 100%;
}
.chat-user-detail .user-profile .online-status{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 2.5px solid #fff;
    background: #30353e;
}
.chat-user-detail .user-profile .online-status.active{
    background: #3EBB89;
}
.chat-user-detail .last-seen{
    color: #7C7C7C;
}
.chat-user-detail .last-seen.online{
    color: #3EBB89;
}
.chat-list{
    height: calc(100vh - 45px);
    overflow-y: auto;
    padding: 24px 0 255px;
    scrollbar-width: none;
    margin: 0;
}
.chat-list .left {
    align-items: flex-start;
}
.chat-list .right {
    align-items: flex-end;
}
.chat-list li {
    margin: 0 0 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.chat-list li p{
    font-size: 18px;
    line-height: 26px;
    padding: 12px 25px;
    border-radius: 10px;
    max-width: 60%;
}
.chat-list .left p{
    color: #172B4D;
    background: #F3F8FF;
    border-bottom-left-radius: 0;
}
.chat-list .right p{
    color: #fff;
    background: #0070FF;
    border-bottom-right-radius: 0;
}
.chat-list .day-time{
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #303030;
    margin-bottom: 0;
}
/*================ End chat board Style =================*/

/*================ 20. Loader Style =================*/
.loader-container{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    display: flex;
    align-items: center;
    justify-content: center;
}
/*================ End Loader Style =================*/

/*================ 21. User Profile offcanvas Style =================*/
.offcanvas-end{
    width: 470px;
    border-left: 0;
}
.offcanvas-header{
    border-bottom: 1px solid #EBEDF0;
    padding: 20px 30px;
}
.offcanvas-header .offcanvas-title{
    line-height: 29px;
}
.offcanvas-body{
    padding: 25px 30px;
}
.offcanvas-body .user-profile-wrap{
    width: 204px;
    height: 204px;
    border: 8px solid #F3F8FF;
    border-radius: 100%;
    margin: 0 auto 24px;
    overflow: hidden;
}
.offcanvas-body .user-profile-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.commercial-info-row{
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 18px;
}
.commercial-info-box{
    width: 50%;
    background: #F6F8FA;
    border-radius: 6px;
    padding: 26px 30px;
}
.offcanvas-body .media-header{
    margin: 0 -30px 20px;
    padding: 0 30px 20px;
    border-bottom: 1px solid #EBEDF0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.media-block-row{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin: 0 -8px;
    flex-wrap: wrap;
}
.media-block-col{
    width: 33.33%;
    padding: 0 8px 16px;
}
.media-box{
    background: #F3F8FF;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}
.media-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.media-box i::before{
    width: 39px;
    height: 43px;
}
/*================ End User Profile offcanvas Style =================*/

/*================ 22. Site Icon Class Style =================*/
.icon-check-success::before{background: url(../images/icon_check_success.svg) no-repeat; width: 24px; height: 24px;}
.icon-info::before{background: url(../images/icon_info.svg) no-repeat; width: 24px; height: 24px;}
.icon-warning::before{background: url(../images/icon_warning.svg) no-repeat; width: 24px; height: 24px;}
.icon-error::before{background: url(../images/icon_error.svg) no-repeat; width: 24px; height: 24px;}
.icon-arrow-left::before{background: url(../images/icon_arrow_left_18.svg) no-repeat; width: 18px; height: 18px;}
.icon-dasboard::before{background: url(../images/icon_dashboard.svg) no-repeat; width: 24px; height: 24px;}
.icon-dasboard-blue::before{background: url(../images/icon_dashboard_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-inspections::before{background: url(../images/icon_inspections.svg) no-repeat; width: 24px; height: 24px;}
.icon-inspections-blue::before{ background: url(../images/icon_inspections_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-quotes::before{ background: url(../images/icon_quotes.svg) no-repeat; width: 24px; height: 24px;}
.icon-quotes-blue::before{background: url(../images/icon_quotes_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-properties::before{background: url(../images/icon_properties.svg) no-repeat; width: 24px; height: 24px;}
.icon-properties-blue::before{background: url(../images/icon_properties_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-messages::before{background: url(../images/icon_messages.svg) no-repeat; width: 24px; height: 24px;}
.icon-messages-blue::before{background: url(../images/icon_messages_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-account::before{background: url(../images/icon_account.svg) no-repeat; width: 24px; height: 24px;}
.icon-generals-blue::before{background: url(../images/icon_general_setting_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-generals::before{background: url(../images/icon_general_setting.svg) no-repeat; width: 24px; height: 24px;}
.icon-masterd::before{background: url(../images/icon_master_data.svg) no-repeat; width: 24px; height: 24px;}
.icon-masterd-blue::before{background: url(../images/icon_master_data_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-reportt::before{background: url(../images/icon_report_test.svg) no-repeat; width: 24px; height: 24px;}
.icon-reportt-blue::before{background: url(../images/icon_report_test_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-ttransection::before{background: url(../images/icon_view_transactions.svg) no-repeat; width: 24px; height: 24px;}
.icon-ttransection-blue::before{background: url(../images/icon_view_transactions_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-subp::before{background: url(../images/icon_subscription_plan.svg) no-repeat; width: 24px; height: 24px;}
.icon-subp-blue::before{background: url(../images/icon_subscription_plan_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-account-blue::before{background: url(../images/icon_account_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-notification::before{background: url(../images/icon_notification.svg) no-repeat; width: 24px; height: 24px;}
.icon-notification-blue::before{background: url(../images/icon_notification_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-users::before{background: url(../images/icon_users.svg) no-repeat; width: 26px; height: 24px;}
.icon-users-blue::before{background: url(../images/icon_users_blue.svg) no-repeat; width: 26px; height: 24px;}
.icon-cms::before{background: url(../images/icon_cms.svg) no-repeat; width: 24px; height: 24px;}
.icon-cms-blue::before{background: url(../images/icon_cms_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-reports::before{background: url(../images/icon_reports.svg) no-repeat; width: 24px; height: 24px;}
.icon-reports-blue::before{background: url(../images/icon_reports_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-active-service-job::before{background: url(../images/icon_active_service_job.svg) no-repeat; width: 90px; height: 90px;}
.icon-service-job-done::before{background: url(../images/icon_service_jobs_done.svg) no-repeat; width: 90px; height: 90px;}
.icon-total-spending::before{background: url(../images/icon_total_spending.svg) no-repeat; width: 90px; height: 90px;}
.icon-star-fill::before{background: url(../images/icon_star_fill.svg) no-repeat;width: 14px; height: 14px;}
.icon-star::before{background: url(../images/icon_star.svg) no-repeat; width: 14px; height: 14px;}
.icon-pdf-white::before{background: url(../images/icon_pdf_white.svg) no-repeat; width: 39px; height: 52px;}
.icon-toggle::before{background: url(../images/icon_menu_toggle.svg) no-repeat; width: 16px; height: 16px;}
.icon-search-cancel::before{background: url(../images/icon_search_cancel.svg) no-repeat; width: 18px; height: 18px;}
.icon-active-requests::before{background: url(../images/icon_active_requests.svg) no-repeat; width: 90px; height: 90px;}
.icon-active-patient::before{background: url(../images/icon_total_patient.svg) no-repeat; width: 90px; height: 90px;}
.icon-active-tusers::before{background: url(../images/icon_total_user.svg) no-repeat; width: 90px; height: 90px;}
.icon-active-doctor::before{background: url(../images/icon_total_doctor.svg) no-repeat; width: 90px; height: 90px;}
.icon-active-report_uploaded::before{background: url(../images/icon_total_reports_uploaded.svg) no-repeat; width: 90px; height: 90px;}
.icon-active-tsubscription::before{background: url(../images/icon_total_subscription_plan.svg) no-repeat; width: 90px; height: 90px;}
.icon-active-tasubscription::before{background: url(../images/icon_total_active_subscription.svg) no-repeat; width: 90px; height: 90px;}
.icon-active-trevenue::before{background: url(../images/icon_total_revenue_generated.svg) no-repeat; width: 90px; height: 90px;}
.icon-active-subscription::before{background: url(../images/icon_active_subscription.svg) no-repeat; width: 90px; height: 90px;}
.icon-total-properties::before{background: url(../images/icon_total_properties.svg) no-repeat; width: 90px; height: 90px;}
.icon-mail-blue::before{background: url(../images/icon_mail_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-delete::before{background: url(../images/icon_delete.svg) no-repeat; width: 24px; height: 24px;}
.icon-dollar::before{background: url(../images/icon_dollar.svg) no-repeat; width: 24px; height: 24px;}
.icon-dollar-blue::before{background: url(../images/icon_dollar_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-dollar-red::before{background: url(../images/icon_dollar_red.svg) no-repeat; width: 40px; height: 40px;}
.icon-inspections-green::before{background: url(../images/icon_inspections_green.svg) no-repeat; width: 24px; height: 24px;}
.icon-inspections-red::before{background: url(../images/icon_inspections_red.svg) no-repeat; width: 24px; height: 24px;}
.icon-check-green::before{background: url(../images/icon_check_green.svg) no-repeat; width: 16px; height: 14px;}
.icon-pdf-red::before{background: url(../images/icon_pdf_red.svg) no-repeat; width: 24px; height: 26px;}
.icon-eye-grey::before{background: url(../images/icon_eye_grey.svg) no-repeat; width: 24px; height: 24px;}
.icon-arrow-left-blue::before{background: url(../images/icon_arrow_left_blue.svg) no-repeat; width: 16px; height: 16px;}
.icon-check-white::before{background: url(../images/icon_check_white.svg) no-repeat; width: 22px; height: 22px;}
.icon-camera::before{background: url(../images/icon_camera.svg) no-repeat; width: 21px; height: 21px;}
.icon-search::before{background: url(../images/icon_search.svg) no-repeat; width: 20px; height: 20px;}
.icon-puzzle::before{background: url(../images/icon_puzzle.svg) no-repeat; width: 24px; height: 24px;}
.icon-puzzle-blue::before{background: url(../images/icon_puzzle_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-system-devices::before{background: url(../images/icon_system_devices.svg) no-repeat; width: 24px; height: 24px;}
.icon-system-devices-blue::before{background: url(../images/icon_system_devices_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-billing::before{background: url(../images/icon_billing.svg) no-repeat; width: 24px; height: 24px;}
.icon-billing-blue::before{background: url(../images/icon_billing_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-document::before{background: url(../images/icon_document.svg) no-repeat; width: 24px; height: 24px;}
.icon-document-blue::before{background: url(../images/icon_document_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-fire-alarm::before{background: url(../images/icon_fire_alarm.svg) no-repeat; width: 50px; height: 50px;}
.icon-fire-alarm-blue::before{background: url(../images/icon_fire_alarm_blue.svg) no-repeat; width: 30px; height: 30px;}
.icon-fire-alarm-white::before{background: url(../images/icon_fire_alarm_white.svg) no-repeat; width: 30px; height: 30px;}
.icon-security::before{background: url(../images/icon_security.svg) no-repeat; width: 50px; height: 50px;}
.icon-hvac::before{background: url(../images/icon_hvac.svg) no-repeat; width: 50px; height: 50px;}
.icon-roofing::before{background: url(../images/icon_roofing.svg) no-repeat; width: 50px; height: 50px;}
.icon-plumbing::before{background: url(../images/icon_plumbing.svg) no-repeat; width: 50px; height: 50px;}
.icon-others::before{background: url(../images/icon_others.svg) no-repeat; width: 50px; height: 50px;}
.icon-upload::before{background: url(../images/icon_upload.svg) no-repeat; width: 24px; height: 24px;}
.icon-add-circle::before{background: url(../images/icon_add_circle.svg) no-repeat; width: 24px; height: 24px;}
.icon-sprinkle::before{background: url(../images/icon_sprinkle.svg) no-repeat; width: 24px; height: 24px;}
.icon-sprinkle-blue::before{background: url(../images/icon_sprinkle_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-backflow::before{background: url(../images/icon_backflow.svg) no-repeat; width: 24px; height: 25px;}
.icon-backflow-blue::before{background: url(../images/icon_backflow_blue.svg) no-repeat; width: 24px; height: 25px;}
.icon-backflow-white::before{background: url(../images/icon_backflow_white.svg) no-repeat; width: 24px; height: 25px;}
.icon-fire-pump::before{background: url(../images/icon_fire_pump.svg) no-repeat; width: 24px; height: 24px;}
.icon-fire-pump-blue::before{background: url(../images/icon_fire_pump_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-kitchen-hood::before{background: url(../images/icon_kitchen_hood.svg) no-repeat; width: 24px; height: 24px;}
.icon-kitchen-hood-white::before{background: url(../images/icon_kitchen_hood_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-kitchen-hood-blue::before{background: url(../images/icon_kitchen_hood_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-special-hazard::before{background: url(../images/icon_special_hazard.svg) no-repeat; width: 24px; height: 24px;}
.icon-special-hazard-white::before{background: url(../images/icon_special_hazard_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-cylinder-blue::before{background: url(../images/icon_cylinder_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-nozzle-drop-blue::before{background: url(../images/icon_nozzle_drop_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-eye::before{background: url('../images/icon_eye.svg') no-repeat;width: 19px; height: 14px;}
.icon-action-dott::before{background: url('../images/icon_action_dott.svg') no-repeat;width: 25px; height: 24px;}
.icon-action-edit::before{background: url('../images/icon_action_edit.svg') no-repeat;width: 13px; height: 13px;}
.icon-action-delete::before{background: url('../images/icon_action_delete.svg') no-repeat;width: 10px; height: 11px;}
.icon-resend-invite::before{background: url('../images/icon-resend-invite.svg') no-repeat;width: 24px; height: 24px;}
.icon-fire-alarm-grey::before{background: url('../images/icon-fire-alarm-grey.svg') no-repeat;width: 24px; height: 24px;}
.icon-roofing-grey::before{background: url('../images/icon-roofing-grey.svg') no-repeat;width: 24px; height: 24px;}
.icon-download-grey::before{background: url('../images/icon-download-grey.svg') no-repeat;width: 24px; height: 24px;}
.icon-subscription-grey::before{background: url('../images/icon-subscription-grey.svg') no-repeat;width: 24px; height: 24px;}
.icon-ratings-grey::before{background: url('../images/icon-ratings-grey.svg') no-repeat;width: 24px; height: 24px;}
.icon-subscription-grey-blue::before{background: url('../images/icon-subscription-grey-blue.svg') no-repeat;width: 24px; height: 24px;}
.icon-ratings-grey-blue::before{background: url('../images/icon-ratings-grey-blue.svg') no-repeat;width: 24px; height: 24px;}
.icon-star-half-fill::before{background: url('../images/icon-star-half-fill.svg') no-repeat;}
/*================ End Site Icon Class Style =================*/

/*================ 23. Diff. Animation Styles =================*/
/* Dot Typing */
.loading-icon{
    width: 74px;
    height: 60px;
    background: #F6F8FA;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.dot-typing {
    position: relative;
    left: -9999px;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background-color: #30353e;
    color: #30353e;
    box-shadow: 9988px 0 0 0 #30353e, 9999px 0 0 0 #30353e, 10010px 0 0 0 #30353e;
    animation: dotTyping 1.5s infinite linear;
}
@keyframes dotTyping {
    0% {
        box-shadow: 9988px 0 0 0 #30353e, 9999px 0 0 0 #30353e, 10010px 0 0 0 #30353e;
    }
    16.667% {
        box-shadow: 9988px -10px 0 0 #30353e, 9999px 0 0 0 #30353e, 10010px 0 0 0 #30353e;
    }
    33.333% {
        box-shadow: 9988px 0 0 0 #30353e, 9999px 0 0 0 #30353e, 10010px 0 0 0 #30353e;
    }
    50% {
        box-shadow: 9988px 0 0 0 #30353e, 9999px -10px 0 0 #30353e, 10010px 0 0 0 #30353e;
    }
    66.667% {
        box-shadow: 9988px 0 0 0 #30353e, 9999px 0 0 0 #30353e, 10010px 0 0 0 #30353e;
    }
    83.333% {
        box-shadow: 9988px 0 0 0 #30353e, 9999px 0 0 0 #30353e, 10010px -10px 0 0 #30353e;
    }
    100% {
        box-shadow: 9988px 0 0 0 #30353e, 9999px 0 0 0 #30353e, 10010px 0 0 0 #30353e;
    }
}
/*================ End Diff. Animation Styles =================*/

/*================ 24. Edit / Delete Dropdown Style =================*/
.action-dropdown{display: inline-block;vertical-align: middle;}
.action-dropdown .profile-btn::after{display: none;}
.action-dropdown .dropdown-menu{min-width: 110px;bottom: auto !important;}
.action-dropdown .dropdown-menu a{display: flex;align-items: center;}
.action-dropdown .dropdown-menu a i{margin-right: 10px;}
/*================ End Edit / Delete Dropdown Style =================*/

/*================ 25. Fixed Chat Boat Style =================*/
.fixed-chat-boat {
    position: fixed;
    right: 50px;
    bottom: 50px;
}
.fixed-chat-boat {
    max-width: 267px;
}
.fixed-chat-boat .btn {
    background: #fdfeff;
    border: 1px solid #d1e5ff;
    color: #303030;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
    border-radius: 6px;
    padding: 12px 15px 12px 100px;
    position: relative;
    text-align: start;
}
.fixed-chat-boat .btn img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    object-fit: cover;
    position: absolute;
    top: -22px;
    left: 20px;
}
/*================ End Fixed Chat Boat Style =================*/

/*================ 26. Responsive Media Query Style =================*/
/* MEDIA :: 1400px */
@media only screen and (max-width: 1399px){
    .container{max-width: 1140px;}
    .login-content .right-content{padding: 40px 0 40px 80px;}
    .right-content .logo{margin: 0 0 40px;}
    .member-yet{margin: 70px 0 0;}
    .sign-with{margin: 40px 0 0;}
    .registration-content .left-content{padding-right: 80px;}
    .registration-content .left-content-body h2{font-size: 58px;line-height: 68px;}
    .registration-content .left-content-body h4{font-size: 28px;line-height: 36px;}
    .sidebar-menu{padding: 30px 0 30px 12px;}
    .logo img {
        width: 100%;
    }
    
    .sidebar-menu-inner .logo img {
        width: 90%;
    }

    .sidebar-menu .nav-link{padding: 12px;}
    .sidebar-menu .nav-link i::before{width: 21px; height: 20px;}
    .sidebar-menu .nav-link span{font-size: 14px; line-height: 17px;}
    .sidebar-menu .nav-link i{margin-right: 10px;}
    .sidebar-menu .dropdown-menu{ padding: 0; }    
    .sidebar-menu .dropdown-menu li:first-child a {
        padding-top: 0;
    }
    .sidebar-menu .dropdown-menu li:last-child a {
        border-bottom: 0;
    }
    .sidebar-menu .dropdown-menu a{font-size: 13px; line-height: 15px; padding: 12px 20px 12px 42px; }
    .sidebar-menu .nav-item{margin-bottom: 5px;}
    .chatboard{height: auto;}
    .chat-wrapper{position: relative;}
    .chat-right-content{visibility: hidden; opacity: 0; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%;}
    .chat-right-content.show{visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.4s linear;}
}

/* MEDIA :: 1200px */
@media only screen and (max-width: 1200px){
     h1{font-size: 48px;line-height: 60px;}
     h2,h3{font-size: 36px;line-height: 42px;}
    .container{max-width: 100%;padding: 0 12px;}
    .container .row{margin-left: 0; margin-right: 0;}
    .login-content .right-content{padding: 40px 0 40px 40px;}
    .sign-with .text-grey-1::after, .sign-with .text-grey-1::before{width: 100px;}
    .social-link li a{width: 40px;height: 40px;}
    .social-link li a svg{width: 17px;}
    .registration-content .left-content{padding-right: 40px;}
    .right-content .logo{margin: 0 0 24px;}
    .right-content .logo img,.center-card .logo img{max-width: 180px;}
    .login-form{margin: 24px 0 0;}
    .login-form .form-button-group{margin: 16px 0 0;}
    .center-card{padding: 60px;}
    .center-card .logo{margin: 0 0 32px;}
    .sidebar-menu .dropdown-menu{min-width: auto; padding: 10px 12px;}
    .module-card-item a{padding: 40px 20px;}
    .fixed-chat-boat{right: 20px;bottom: 20px;}
}

/* MEDIA :: 991px */
@media only screen and (max-width: 991px){
    h1{font-size: 40px;line-height: 52px;}
    h2,h3{font-size: 34px;line-height: 46px;}
    h4{font-size: 28px;line-height: 32px;}
    .title-1, .title-2, .title-3, .title-4{font-size: 18px; line-height: 24px;}
    .bread-crumb-block .breadcrumb li{padding-right: 24px; margin-right: 16px;} 
    .login-content .right-content{padding:40px 0}
    .login-content::before{width:100%;background-size:contain;background-position:bottom}
    .login-content.registration-content::after,.login-content::after{display:block;width:100%;background:#172b4d;z-index:1;opacity:.4}
    .login-content .container{position:relative;z-index:2}
    .login-content .right-content .login-body{background:#fff;border-radius:6px;padding:40px;max-width:600px;margin:auto}
    .member-yet{margin:30px 0 0}
    .sign-with .text-grey-1::after,.sign-with .text-grey-1::before{width:150px}
    .registration-content .left-content{display:none}
    .center-card{padding: 40px;}
    .sidebar-menu{position: fixed;left: -100%;transition: all .4s ease-in-out; z-index: 9;}
    .sidebar-menu.shownav{left: 0;transition: all .4s ease-in-out; box-shadow: 0 0 10rem rgb(0 0 0 / 15%); width: 35%; height: 100vh;}
    .sidebar-menu .icon-toggle{position: absolute; right: 0; top: 0; width: 30px; height: 30px; background-image: url(../images/icon_toggle_close_blue.svg); background-repeat: no-repeat; background-position: center; background-color: transparent; cursor: pointer; background-size: 14px;}
    .sidebar-menu.shownav .icon-toggle::before{display: none;}
    .sidebar-open{overflow: hidden;}
    .dashboard-header .logo{order: 2;}
    .dashboard-header i.icon-toggle{margin-right: 20px; height: 30px; width: 30px; border: 1px solid #172B4D; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
    .offcanvas-end{width: 400px;}
    .offcanvas-header,.offcanvas-body{padding: 20px;}    
    .offcanvas-body .user-profile-wrap{width: 160px; height: 160px;}
    .offcanvas-body .media-header{margin: 0 -20px 20px; padding: 0 20px 20px;}
    .media-box{min-height: 105px;}
    .media-box i::before{width: 30px; height: 34px;}
    .set-up-success .center-card .logo{margin: 0 0 24px;}
    .module-card-item a{max-width: 100%;}
    .module-card-group{width: 100%;flex-wrap: wrap;}
    .module-card-item{width: 50%;margin: 0;padding: 0 12px 24px;}
    .choose-module{padding: 40px 0;}
    .module-card-item svg{width: 60px;height: auto;}
    .choose-module .logo img{max-width: 180px;}
}

/* MEDIA :: 767px */
@media only screen and (max-width: 767px){
    h1{font-size: 36px;line-height: 44px;}
    h2,h3{font-size: 32px;line-height: 42px;}
    h4{font-size: 26px;line-height: 30px;}
    h5{font-size: 24px;line-height: 30px;}
    h6{font-size: 20px;line-height: 28px;}
    .mb-30, .mb-40{margin-bottom: 20px;}
    .mt-30, .mt-40{margin-top: 20px;}
    .pb-40, .pb-30{padding-bottom: 20px;}
    .pt-30, .pt-40{padding-top: 20px;}    
    .body-normal, .large-icon-btn-link, .body-medium{font-size: 14px; line-height: 17px;}
    .title-2, .title-3, .body-large, .title-4{font-size: 16px; line-height: 22px;}
    .small-btn,.medium-btn,.large-btn{padding: 10px 20px;}
    .small-icon-btn,.medium-icon-btn,.large-icon-btn{padding: 9px 20px;}
    .small-icon-btn svg, .medium-icon-btn svg, .large-icon-btn svg, .large-btn svg, .medium-btn svg, .small-btn svg, .large-btn i, .medium-btn i, .small-btn i{width: 20px;height: 20px;margin-right: 4px;}
    .center-card{min-width: 600px;max-width: 100%;}
    .sidebar-menu.shownav{width: 45%;}
    .table-block{width: 100%; white-space: nowrap; overflow-x: auto;}   
    .chatboard{padding: 24px;}
    .chatboard-header .chat-user-detail{gap: 16px;}
    .chat-user-detail .user-profile img{width: 50px; height: 50px;}
    .chat-list li p{padding: 10px 20px; font-size: 16px; line-height: 22px;}
    .module-card-item a{padding: 30px 30px 20px;}
}

/* MEDIA :: 640px */
@media only screen and (max-width: 640px){
    .container .row{margin-left:-12px; margin-right: -12px;}
    h1{font-size: 30px;line-height: 42px;}
    h2,h3{font-size: 26px;line-height: 36px;}
    h4{font-size: 22px;line-height: 30px;}
    h5{font-size: 20px;line-height: 30px;}
    h6{font-size: 18px;line-height: 28px;}
    .title-2, .title-3, .body-large,.title-4,.text-link{font-size: 14px; line-height: 17px;}
    .small-btn,.medium-btn,.large-btn{padding: 8px 16px;font-size: 14px;}
    .small-icon-btn,.medium-icon-btn,.large-icon-btn{padding: 7px 16px;font-size: 14px;}
    .login-content .right-content{padding: 40px 12px;}
    .sign-with .text-grey-1::after, .sign-with .text-grey-1::before{width: 80px;}
    .login-content .right-content .login-body{padding: 30px;}
    .social-link li a{width: 32px;height: 32px;}
    .social-link li a svg{width: 15px;}
    .social-link{margin: 16px 0 0;}
    .sign-with{margin: 24px 0 0;}
    .right-content .logo img,.center-card .logo img{max-width: 150px;}
    .right-content .logo,.center-card .logo{margin: 0 0 20px;}
    .center-card{min-width: 440px;padding: 30px;}
    .back-to-login{font-size: 12px;margin: 16px 0 0;}
    .back-to-login.medium-icon-btn-link svg{width: 12px;margin-right: 8px;}
    input, select, textarea, .select2-container .select2-selection--multiple, .select2-container .select2-selection--single .select2-selection__rendered,.select-styled{padding: 11px 16px;}
    .select{height: 40px;}
    .selectCF .searchCF{padding: 9px 16px;}
    .selectCF .titleCF{padding: 10px 16px;}
    .select-styled:after,.selectCF .titleCF::after{right: 11px;}
    .searchbar.front-icon input{padding: 11px 16px 11px 40px;}
    .searchbar.back-icon input{padding: 11px 40px 11px 20px;}
    .searchbar.back-icon .icon-search{right: 15px;}
    .searchbar.front-icon .icon-search{left: 15px;}
    .searchbar .icon-search{top: 11px;}
    .login-form .form-group,.form-group{margin: 0 0 16px;}
    label{margin: 0 0 6px;}
    .sidebar-menu.shownav{width: 60%;}
    .notification-btn{margin-right: 15px;}
    .notification-dropdown .dropdown-menu li{padding: 10px 20px 10px 10px;}
    .notification-dropdown li .pending-read{right: 10px;}
    .notification-preview{width: 30px; height: 30px; margin-right: 8px;}
    .notification-preview .notification-time{font-size: 12px;}
    .profile-btn .user-name{margin-right: 6px;}
    .logo img{max-width: 120px;}
    .dashboard-header i.icon-toggle{margin-right: 15px;}
    .dashboard-header{padding: 12px;}
    .profile-btn .user-name{display: none;}
    .card{padding: 15px;}
    .card .pill{padding: 3px 12px; font-size: 12px; line-height: 16px;}
    .card-review-detail li{flex-direction: column; gap: 8px;}
    .card-review-detail li > span, .card-review-detail li > p{width: 100%;}
    .chat-list li p{padding: 10px 16px; font-size: 14px; line-height: 17px;}
    .chat-list .day-time{font-size: 12px; line-height: 16px;}
    .chatboard{padding: 16px 12px;}
    .chat-list li p{padding: 10px 18px; font-size: 14px; line-height: 17px;}
    .small-icon-btn-link svg, .medium-icon-btn-link svg, .large-icon-btn-link svg, .small-icon-btn-link i::before, .medium-icon-btn-link i::before, .large-icon-btn-link i::before{width: 20px; height: 20px;}
    .notification-dropdown .dropdown-menu .dropdown-header{padding: 12px;}
    .form-error-massage{margin: 24px 0 0;}
    .detailed-content p{margin-bottom: 16px;}
    .bread-crumb-block .breadcrumb i::before{width: 18px; height: 18px;}
    .notification-btn span.count{width: 15px; height: 15px; font-size: 10px; line-height: 15px; right: -4px;}
    .offcanvas-end{width: 300px;}
    .offcanvas-header,.offcanvas-body,.commercial-info-box{padding: 12px;}    
    .offcanvas-body .user-profile-wrap{width: 120px; height: 120px;}
    .offcanvas-body .media-header{margin: 0 -12px 16px; padding: 0 12px 16px;}
    .media-box{min-height: 82px;}
    .media-box i::before{width: 18px; height: 22px;}
    .media-box p{font-size: 10px; line-height: 13px; display: -webkit-box; -webkit-box-orient: vertical; overflow-y: hidden; -webkit-line-clamp: 1;}
    .media-box span{font-size: 10px; line-height: 13px;}
    .commercial-info-row{gap: 12px;}
    .media-block-row{margin: 0 -4px;}
    .media-block-col{padding: 0 4px 8px;}
    .btn-close{background-size: 12px;}
    .successful-image{max-width: 46px;}
    .successful-image{margin: 0 auto 16px;}
    .back-to-login.member-yet{margin: 16px 0 0;}
    .login-form .verify-group input{width: 40px;height: 40px;}
    .module-card-item .hiden-text,.module-card-item .title-2, .module-card-item svg{opacity: 1;transform: none !important;}
    .module-card-item a:hover svg path{fill: #fff;}
    .module-card-item a:hover {background: #0070FF;border: 1px solid #0070FF;}
    .module-card-item a:hover p{color: #fff;}
    .module-card-item a{padding: 20px;}
    .module-card-item svg{width: 50px;margin: 0 0 10px;}
    .choose-module-center{padding: 0;overflow-y: auto;}
    .choose-module{padding: 30px 0;}
    .choose-module .logo{padding-bottom: 30px;}
    .choose-module .member-yet{padding-top: 30px;}
    .module-card-group{margin: 24px 0 0;}
    input[type="date"]{padding: 11px 16px;}
    .action-list .action-dropdown{margin-left: 16px;}
    .delete-modal .modal-dialog{max-width: 430px;}
    .delete-modal .modal-content{padding: 30px;}
    .select2-container .select2-selection--multiple, .select2-container .select2-selection--single .select2-selection__rendered{height: 40px;padding: 4px 36px 4px 16px;}
    .select2-results__options .select2-results__option:before{width: 20px;height: 20px;margin-right: 8px;}
    .select2-results__options .select2-results__option[aria-selected=true]:before{background-size: 18px 10px;}
    
}

/* MEDIA :: 480px */
@media only screen and (max-width: 480px){
    h1{font-size: 28px;line-height: 36px;}
    h2,h3{font-size: 22px;line-height: 32px;}
    h4{font-size: 20px;line-height: 30px;}
    h5{font-size: 18px;line-height: 28px;}
    h6{font-size: 16px;}
    .login-content .right-content .login-body{padding: 20px;}
    .member-yet p,.member-yet p a,.forgot-password-group .medium-icon-btn-link{font-size: 12px;}
    .sign-with .text-grey-1::after, .sign-with .text-grey-1::before{width: 50px;}
    .social-link li a{width: 24px;height: 24px;}
    .social-link li a svg{width: 13px;}
    .social-link {margin: 10px 0 0;}
    .center-card{min-width: 300px;padding: 20px;}
    .center-card h4{margin: 0 0 10px;}
    .center-card .logo{margin: 0 0 16px;}
    .sidebar-menu.shownav{width: 90%;}
    .profile-btn img {margin-right: 4px;}
    .notification-dropdown .dropdown-menu{width: 300px; }
    .chat-user-list-block .block-title{padding: 16px;}
    .chat-user-list li{padding: 0 16px;}
    .chat-user-list li .chat-list-item{padding: 16px 0; gap: 8px;}
    .chat-list-item .user-profile img{width: 30px; height: 30px;}
    .chat-list-item .chat-user-info{width: calc(100% - 38px);}
    .chat-list-item .chat-user-info .time, .chat-list-item .chat-user-info .chat-preview{font-size: 12px; line-height: 16px;}
    .chat-list-item .chat-user-info .pending-view-msg{width: 16px; height: 16px; font-size: 12px; line-height: 16px; min-width: 16px;}
    .chat-list-item .chat-user-info .time{white-space: nowrap;}
    .chatboard .chatboard-header{flex-direction: column; align-items: flex-start; gap: 15px;}
    .chatboard .chatboard-header .large-icon-btn{padding: 4px 10px;}
    .chat-list li p{max-width: 85%;}
    .set-up-success .center-card .logo{margin: 0 0 18px;}
    .login-form .verify-group input{width: 32px;height: 32px;font-size: 16px;margin: 0 8px;}
    .login-form .form-group.verify-group{margin: -4px 0 10px;}
    .module-card-item{width: 100%;padding: 0 0 24px;}
    .module-card-item a{min-height: 100% !important;}
    .delete-modal .modal-dialog{max-width: 300px;}
    .modal-btn-group{grid-gap: 10px;    flex-direction: column;}
    .delete-modal .modal-content{padding: 26px;}
    .fixed-chat-boat .btn{font-size: 0px;padding: 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
    .fixed-chat-boat .btn img{position: static;width: 46px;height: 46px;margin: 0;}
}
/*================ End Responsive Media Query Style =================*/